/* Minification failed. Returning unminified contents. (1266,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1267,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1268,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1269,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1270,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1271,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1272,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1275,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1276,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1277,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1278,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1893,6): run-time error CSS1035: Expected colon, found '{' (2010,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2011,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2012,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2013,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2014,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2015,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2016,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2017,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2018,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2019,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2020,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2049,30): run-time error CSS1039: Token not allowed after unary operator: '-scan-blue-color' (2082,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2083,20): run-time error CSS1039: Token not allowed after unary operator: '-regular-font' (2084,22): run-time error CSS1039: Token not allowed after unary operator: '-scan-blue-color' (2085,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2096,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2097,20): run-time error CSS1039: Token not allowed after unary operator: '-bold-font' (2098,33): run-time error CSS1019: Unexpected token, found ' ' (2098,33): run-time error CSS1019: Unexpected token, found ' ' (2098,33): run-time error CSS1042: Expected function, found ' ' (2098,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2104,34): run-time error CSS1019: Unexpected token, found ' ' (2104,34): run-time error CSS1019: Unexpected token, found ' ' (2104,34): run-time error CSS1042: Expected function, found ' ' (2104,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2109,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2110,20): run-time error CSS1039: Token not allowed after unary operator: '-bold-font' (2111,35): run-time error CSS1019: Unexpected token, found ' ' (2111,35): run-time error CSS1019: Unexpected token, found ' ' (2111,35): run-time error CSS1042: Expected function, found ' ' (2111,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2118,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2119,20): run-time error CSS1039: Token not allowed after unary operator: '-bold-font' (2120,36): run-time error CSS1019: Unexpected token, found ' ' (2120,36): run-time error CSS1019: Unexpected token, found ' ' (2120,36): run-time error CSS1042: Expected function, found ' ' (2120,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2126,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2127,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2129,33): run-time error CSS1019: Unexpected token, found ' ' (2129,33): run-time error CSS1019: Unexpected token, found ' ' (2129,33): run-time error CSS1042: Expected function, found ' ' (2129,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2138,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2139,20): run-time error CSS1039: Token not allowed after unary operator: '-regular-font' (2140,40): run-time error CSS1019: Unexpected token, found ' ' (2140,40): run-time error CSS1019: Unexpected token, found ' ' (2140,40): run-time error CSS1042: Expected function, found ' ' (2140,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (2197,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2198,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2219,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2220,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2236,25): run-time error CSS1039: Token not allowed after unary operator: '-scan-blue-color' (2240,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2241,20): run-time error CSS1039: Token not allowed after unary operator: '-bold-font' (2257,25): run-time error CSS1039: Token not allowed after unary operator: '-optic-yellow-color' (2261,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2262,20): run-time error CSS1039: Token not allowed after unary operator: '-bold-font' (2285,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2286,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2307,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2308,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2439,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2440,28): run-time error CSS1039: Token not allowed after unary operator: '-scan-blue-color' (2447,17): run-time error CSS1039: Token not allowed after unary operator: '-optic-yellow-color' (2448,28): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (2455,17): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (2456,28): run-time error CSS1039: Token not allowed after unary operator: '-optic-yellow-color' (2463,15): run-time error CSS1039: Token not allowed after unary operator: '-scan-blue-color' (2473,19): run-time error CSS1039: Token not allowed after unary operator: '-main-button-color' (2474,14): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (2475,25): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (2476,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2477,20): run-time error CSS1039: Token not allowed after unary operator: '-bold-font' (2485,22): run-time error CSS1039: Token not allowed after unary operator: '-button-border-radius' (2492,19): run-time error CSS1039: Token not allowed after unary operator: '-main-button-color' (2493,14): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2494,25): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2501,25): run-time error CSS1039: Token not allowed after unary operator: '-scan-blue-color' (2511,25): run-time error CSS1039: Token not allowed after unary operator: '-optic-yellow-color' (2565,33): run-time error CSS1039: Token not allowed after unary operator: '-optic-yellow-color' (2569,33): run-time error CSS1039: Token not allowed after unary operator: '-scan-blue-color' (2587,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2588,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2600,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2601,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2606,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2607,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2630,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2631,20): run-time error CSS1039: Token not allowed after unary operator: '-bold-font' (2634,14): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2640,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2641,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2644,14): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2658,30): run-time error CSS1039: Token not allowed after unary operator: '-optic-yellow-color' (2659,31): run-time error CSS1039: Token not allowed after unary operator: '-optic-yellow-color' (2670,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2671,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2672,14): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2676,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2677,20): run-time error CSS1039: Token not allowed after unary operator: '-regular-font' (2678,14): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (2703,30): run-time error CSS1039: Token not allowed after unary operator: '-optic-yellow-color' (2704,33): run-time error CSS1039: Token not allowed after unary operator: '-optic-yellow-color' (2738,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2739,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2742,14): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (2768,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2769,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2772,14): run-time error CSS1039: Token not allowed after unary operator: '-optic-yellow-color' (2793,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2794,20): run-time error CSS1039: Token not allowed after unary operator: '-regular-font' (2839,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2840,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2843,14): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (2871,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2872,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2874,14): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (2880,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2881,20): run-time error CSS1039: Token not allowed after unary operator: '-regular-font' (2883,14): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (2933,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2934,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2937,14): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (2953,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2954,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (2956,14): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (2984,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2985,20): run-time error CSS1039: Token not allowed after unary operator: '-bold-font' (2987,14): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (2993,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (2994,20): run-time error CSS1039: Token not allowed after unary operator: '-regular-font' (2996,14): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (3049,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (3050,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (3053,14): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (3083,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (3084,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (3086,14): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (3092,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (3093,20): run-time error CSS1039: Token not allowed after unary operator: '-regular-font' (3095,14): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (3145,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (3146,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (3149,14): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (3177,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (3178,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (3180,14): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (3186,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (3187,20): run-time error CSS1039: Token not allowed after unary operator: '-regular-font' (3189,14): run-time error CSS1039: Token not allowed after unary operator: '-black-color' (3226,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (3227,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (3230,14): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (3238,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (3239,20): run-time error CSS1039: Token not allowed after unary operator: '-regular-font' (3240,22): run-time error CSS1039: Token not allowed after unary operator: '-scan-blue-color' (3241,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (3252,14): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (3253,19): run-time error CSS1039: Token not allowed after unary operator: '-scan-blue-color' (3255,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (3256,20): run-time error CSS1039: Token not allowed after unary operator: '-regular-font' (3289,30): run-time error CSS1039: Token not allowed after unary operator: '-optic-yellow-color' (3351,20): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (3352,20): run-time error CSS1039: Token not allowed after unary operator: '-semibold-font' (3361,23): run-time error CSS1039: Token not allowed after unary operator: '-main-font' (3362,20): run-time error CSS1039: Token not allowed after unary operator: '-regular-font' (3363,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color' (4000,15): run-time error CSS1034: (4053,15): run-time error CSS1034: */ @media screen and (min-width: 780px) { /* .categoryPage > div:first-child { display:table; } */ .categoryPage > div:first-child:not(.master-cat-header) { display:table; } } /* Image setup for buyers guides. */ .infoSections .buying-guide .buying-guide-content .buying-guide-image { background: url("/images/buying-guide-defualt.jpg") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-air-cooling .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/air-cooling.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-amd-epyc-processors .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/amd-epyc-processors.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-apple-macbook .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/apple-macbook.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-backup .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/backup.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-cases .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/cases.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-cloud .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/apple-macbook.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-content-creator-workstation-laptops .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/content-creator-workstation-laptops.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-amd-processors .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/cpu-amd-processors.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-cpu-motherboard .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/cpu-intel-processors.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-deep-learning-data-science-workstations .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/deep-learning-data-science-workstations.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-external-storage .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/external-storage.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-game-controllers .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/game-controllers.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-gaming-chairs .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/gaming-chairs.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-gaming-desktop-pcs .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/gaming-desktop-pcs.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-gaming-keyboards .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/gaming-keyboards.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-gaming-laptops .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/gaming-laptops.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-gaming-mice .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/gaming-mice.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-gaming-streaming .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/gaming-streaming.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-amd-cards .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/graphics-amd-cards.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-graphics-amd-radeon-pro-processors .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/graphics-amd-radeon-pro-processors.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-graphics-controllers .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/graphics-controllers.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-nvidia-cards- .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/graphics-nvidia-cards.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-graphics-nvidia-quadro-cards .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/graphics-nvidia-quadro-cards.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-graphics-systems .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/graphics-systems.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-graphics-workstations .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/graphics-workstations.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-home-office-pcs .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/home-office-pcs.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-intel-xeon .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/intel-xeon.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-internal-storage .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/internal-storage.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-laptops .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/laptops.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-memory-card .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/memory-card.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-monitors .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/monitors.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-motherboards-amd .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/motherboards-amd.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-intel .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/motherboards-intel.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-music-audio-interfaces .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/music-audio-interfaces.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-music-audio-studio-headphones .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/music-audio-studio-headphones.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-music-audio-workstations .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/music-audio-workstations.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-nas .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/nas.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-networking-wired-wireless .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/networking-wired-wireless.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-network-switch .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/network-switch.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-nvidia-datacentre-gpu .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/nvidia-datacentre-gpu.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-printers-3d-printers .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/printers-3d-printers.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-projectors .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/projectors.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-psu .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/psu.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-servers .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/servers.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-smart-home .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/smart-home.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-storage-controller .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/storage-controller.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-studio-pcs .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/studio-pcs.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-ups-home-office-business .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/ups-home-office-business.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-video-cables-and-accessories .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/video-cables-and-accessories.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-video-camera-media .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/video-camera-media.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-video-camera .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/video-camera.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-video-colour-management .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/video-colour-management.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-video-converters .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/video-converters.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-video-drones .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/video-drones.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-video-keys-and-control .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/video-keys-and-control.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-video-lenses .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/video-lenses.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-video-lighting-chromakey .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/video-lighting-chromakey.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-video-workstation .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/video-workstation.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-virtual-reality .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/virtual-reality.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-water-cooling .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/water-cooling.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-windows-11 .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/windows-11.png") no-repeat; background-size: 88px; background-position: center center; } .infoSections .buying-guide .buying-guide-content.buying-guide-windows-server .buying-guide-image { background: url("https://www.scan.co.uk/images/infopages/buyers-guide-thumbs/windows-server.png") no-repeat; background-size: 88px; background-position: center center; } .categoryContentContainer { padding-bottom: 45px; } /* HEADER */ .categoryContentContainer .headerBanners .hexcont { box-sizing: border-box; position: relative; z-index: 0; overflow: hidden; height: 400px; } /* Set background images */ .categoryContentContainer .headerBanners .hexcont.coolersHeader { background: url("/images/shops/progaming-cpu-coolers/coolers-header-11-2022.jpg") no-repeat center; background-size: cover; background-position: right center; } .categoryContentContainer .headerBanners .hexcont.amdcpuHeader { background: url("/images/shops/progaming/gaming-processors/amd-cpus-header-v2.jpg") no-repeat center; background-size: cover; background-position: right center; } .categoryContentContainer .headerBanners .hexcont.intelcpuHeader { background: url("/images/shops/progaming/gaming-processors/intel-core-wallpaper.jpg") no-repeat center; background-size: cover; background-position: right center; } .categoryContentContainer .headerBanners .hexcont.amdgpuHeader { background: url("/images/shops/progaming/gaming-graphics-cards/amd-gpus-header-v2.png") no-repeat center; background-size: cover; background-position: right center; } .categoryContentContainer .headerBanners .hexcont.nvidiagpuHeader { background: url("https://www.scan.co.uk/images/shops/progaming/gaming-graphics-cards/header-bg-v2.png") no-repeat center; background-size: cover; background-position: right center; } .categoryContentContainer .headerBanners .hexcont.memoryHeader { background: url("/images/shops/progaming-memory/main-banner.png") no-repeat center; background-size: cover; background-position: right center; } .categoryContentContainer .headerBanners .hexcont.amdmoboHeader { background: url("/images/shops/progaming-motherboards/amd-mobo-header-v2.jpg") no-repeat center; background-size: cover; background-position: right center; } .categoryContentContainer .headerBanners .hexcont.intelmoboHeader { background: url("/images/shops/progaming-motherboards/intel-mobo-header-v2.jpg") no-repeat center; background-size: cover; background-position: right center; } .categoryContentContainer .headerBanners .hexcont.psuHeader { background: url("/images/shops/progaming-psus/main-banner.png?v=3") no-repeat center; background-size: cover; background-position: right center; } .categoryContentContainer .headerBanners .hexcont.miceHeader { background: url("/images/shops/progaming-mice/main-banner.png") no-repeat center; background-size: cover; background-position: right center; } /* Set background images */ .categoryContentContainer .headerBanners .headContent { display: flex; flex-direction: row; align-items: center; justify-content: stretch; height: 100%; width: 100%; max-width: 1400px; margin: 0 auto; } .categoryContentContainer .headerBanners .leftAlign { padding: 20px 30px 50px 35px; width: 33.333%; } .categoryContentContainer .headerBanners .leftAlign h1 { font-size: 3.24em; color: #ffffff; padding: 0; font-family:"Poppins-Bold", sans-serif; line-height:1em; } .categoryContentContainer .headerBanners .leftAlign h2 { font-size: 1.6em; color: #ffffff; padding: 20px 0 0 0; max-width: 350px; font-family:"Poppins-Regular", sans-serif; line-height:1.4em; } .categoryContentContainer .headerBanners .leftAlign .linkWrap { margin: 20px 0 0 0; padding: 0; } .categoryContentContainer .headerBanners .leftAlign .linkWrap a { font-size: 1.8em; font-family: "Poppins-SemiBold", sans-serif; line-height: 1em; color: #FFF; text-decoration: none; display: inline-block; vertical-align: middle; } .categoryContentContainer .headerBanners.centerHex .leftAlign .linkWrap a { font-size: 1.6em; } .categoryContentContainer .headerBanners .leftAlign .linkWrap a::after { content: ""; width: 22px; height: 18px; background: url("/images/homepages/proaudio/white-link-arrow.svg") no-repeat; background-position: center; background-size: contain; display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: -2px; } .categoryContentContainer .headerBanners .rightAlign { width: 60%; } .categoryContentContainer .headerBanners .rightAlign img { width: 410px; height: auto; display: block; margin: 0 auto ; } .categoryContentContainer .headerBanners .headerLogo { margin: 20px 0; display:block; width: 250px; height: 20px; background: url("/images/logos/scan/allwhite-scan-progaming.svg") no-repeat; background-size:contain; } .categoryContentContainer .headerBanners .venLogo { margin: 20px 0; display:block; position: absolute; right: 30px; bottom: 30px; width: 162px; height: 30px; background: url("/images/shops/asus/Powered-by-asus/2021/pba-logo.png") no-repeat; background-size:contain; } /* GLOBAL */ .categoryContentContainer .section {width: 100%; max-width: 1440px; margin: 0 auto; box-sizing: border-box;} .categoryContentContainer .blackBand { background-color: #000; } .categoryContentContainer .greyBand { background-color: #f1f1f1; } .categoryContentContainer .rangeBand { background-color:#ffffff; } /* GLOBAL */ .categoryContentContainer .section h3 { padding: 0; margin: 0; text-transform: none; font-size: 1.8em; line-height: 1em; font-family: "Poppins-SemiBold", sans-serif; color: #000; } .categoryContentContainer .section h4 { margin: 0; text-transform: none; font-size: 1.3em; line-height: 1em; font-family: "Poppins-SemiBold", sans-serif; color: #000; } .categoryContentContainer .section p { padding: 16px 0 0 0; font-size: 1.1em; line-height: 1.4em; color: #000; } .categoryContentContainer .section .smallText { font-size: 0.8em; } /***** TAB BUTTONS *****/ .categoryContentContainer .buttonCont { display: flex; justify-content: center; padding: 15px 0 25px 0; width: 100%; max-width: 800px; margin: 0 auto; box-sizing: border-box; } .categoryContentContainer .buttonCont button { font-family: "Poppins-SemiBold", sans-serif; font-size:1.3em; line-height: 3em; width: 50%; color: #000000; border-radius: 30px; background: none; border: none; cursor: pointer; transition: ease-in-out all 200ms; margin: 0 20px; padding: 0; } .categoryContentContainer .buttonCont button:hover { background: #d8d8d8; } .categoryContentContainer .buttonCont .selected, .categoryContentContainer .buttonCont button.selected:hover { background: #5f5f5f; color: #ffffff; } /***** TAB BUTTONS *****/ /* SECTION */ .categoryContentContainer .howToChoose { padding: 10px 80px 20px 80px; } .categoryContentContainer .howToChoose h3 { text-align: center; padding: 0; } .categoryContentContainer .howToChoose p { text-align: center; } /* SECTION */ /***** THREE COLUMNS *****/ .categoryContentContainer .cpuCont { background: #f1f1f1; width: auto; padding: 40px 0; } .categoryContentContainer .threeCol { display: flex; max-width: 1200px; margin: 0 auto; justify-content: center; } .categoryContentContainer .threeCol .col { width: 33%; text-align: center; } .categoryContentContainer .threeCol .boxCont { width: 70%; display: flex; margin: 0 auto; } .categoryContentContainer .threeCol .sizeBox { background-color: #dddddd; width: 25%; height: 28px; margin: 20px 0 15px 0; } .categoryContentContainer .threeCol .sizeBox.boxColor { background-color: #2777b3; } .categoryContentContainer .threeCol .col span:first-child { font-family: "Poppins-Regular", sans-serif; color: #000000; display: block; font-size: 1.3em; } .categoryContentContainer .threeCol .col .emh { font-family: "Poppins-Bold", sans-serif; text-transform: uppercase; color: #2777b3; padding: 0; } .categoryContentContainer .threeCol .col p { font-size: 1.1em; padding: 10px 20px 0 20px; line-height: 1.4em; font-family: "Poppins-Regular", sans-serif; } /***** THREE COLUMNS *****/ /***** TWO COLUMNS *****/ .categoryContentContainer .tabs { padding: 40px 60px; } .categoryContentContainer .tabs h3 { text-align: center; } .categoryContentContainer .tabs p { text-align: center; padding-bottom: 0; } .categoryContentContainer .tabs .flexInner { display: flex; } .categoryContentContainer .tabs .flexInner .box { width: 50%; margin: 0 20px; } .categoryContentContainer .tabs.oneCol .flexInner .box { width: 100%; margin: 0 20px; } .categoryContentContainer .tabs.oneCol .flexInner .box img { max-width: 250px; } .categoryContentContainer .tabs.oneCol .flexInner .box .intelcoreLogo { max-width: 150px; } .categoryContentContainer .tabs.oneCol .flexInner .box .radeonrxLogo { max-width: 240px; } .categoryContentContainer .tabs .flexInner .box .nvidiaLogos { max-width: 175px; } .categoryContentContainer .tabs .flexInner .box img { margin: 0 auto; text-align: center; display: block; padding-bottom: 30px; max-width: 495px; width: 100%; } .categoryContentContainer .tabs .sepLine { border-bottom: 1px solid #dcdcdc; width: 75%; margin: 25px auto; } .categoryContentContainer .tabs .flexInner .box h4 { text-align: center; } .categoryContentContainer .tabs .flexInner .box p { text-align: center; padding-bottom: 0; } /***** TWO COLUMNS *****/ .categoryContentContainer .categories { padding: 35px 20px; } .categoryContentContainer .categories .flexCont { display: flex; justify-content: center; } .categoryContentContainer .categories .flexCont .flexBox { width: 26%; margin: 10px; background: #f3f3f3; padding: 0px 0px; } .categoryContentContainer .categories.twoBlocks .flexCont .flexBox { width: 40%; } .categoryContentContainer .categories.twoBlocks .flexCont .flexBox img { width: 100%; display: block; margin: 0 auto 20px auto; max-width: 100%; } .categoryContentContainer .categories .flexCont .flexBox img { width: 100%; display: block; margin: 20px auto; max-width: 150px; } .categoryContentContainer .categories .flexCont .flexBox img.largeimg { width: 100%; display: block; margin: 0 auto 20px auto; max-width: 100%; } .categoryContentContainer .categories .flexCont .flexBox .gradient { width: 100%; height: 8px; } .categoryContentContainer .categories .flexCont .flexBox .textInner { padding: 25px; } .categoryContentContainer .categories .flexCont .flexBox .textInner a { text-align: center; margin: 20px auto 0 auto; display: table; text-transform: uppercase; font-family: "Poppins-Bold", sans-serif, sans-serif; color: #2777b3; text-decoration: none; } .categoryContentContainer .categories h3 { text-align: center; } .categoryContentContainer .categories h4 { text-align: center; } .categoryContentContainer .categories p { font-size: 1.1em; line-height: 1.4em; color: #000000; text-align: center; padding: 20px; } .sideCont { display: flex; padding: 0 60px 45px 0; } .sideCont .lhs { width: 50%; order: 2; padding: 100px 0; } .sideCont .rhs { width: 50%; order: 1; background: url("/images/shops/progaming-mice/img-4.png") no-repeat center; background-size: 400px; } .sideCont .rhs.gamingchairs { width: 50%; order: 1; background: url("/images/shops/progaming-chairs/img-4.png") no-repeat center; background-size: 400px; } /***** DROP LINK *****/ .categoryContentContainer .linkCont { padding: 0 0 45px 0; } .categoryContentContainer .linkCont .dropLink { border: none; background: none; display: table; margin: 0 auto; font-family: "Poppins-Bold", sans-serif; color: #0d64a3; position: relative; cursor: pointer; } .categoryContentContainer .linkCont .dropLink:before { content: ""; position: absolute; background: url("/images/homepages/button-icon.png"); width: 24px; height: 32px; left: -32px; top: -8px; } .categoryContentContainer .linkCont .dropLink:after { content: ""; width: 20px; height: 20px; background: url("/images/homepages/button-arrow.svg?v=2") no-repeat center; background-size: contain; position: absolute; right: -28px; top: -2px; } /***** DROP LINK *****/ /***** BUYERS GUIDE LINK *****/ .categoryContentContainer .buyersGuide { padding: 0 0 20px 0; background: #ffffff; } .categoryContentContainer .buyersGuide .guideCont { max-width: 650px; width: 100%; margin: 0 auto; display: flex; } .categoryContentContainer .buyersGuide .guideCont .guideImage { width: 8%; background: url("/images/shops/prographics/buyers-guide-btn.png") no-repeat left; background-size: 35px; } .categoryContentContainer .buyersGuide .guideCont .title { width: 58%; padding: 35px 0; } .categoryContentContainer .buyersGuide .guideCont .title h4 { text-align: center; } .categoryContentContainer .buyersGuide .guideCont .button { width: 34%; position: relative; } .categoryContentContainer .buyersGuide .guideCont .button a { width: 212px; text-decoration: none; background: none; display: table; font-family: "Poppins-Bold", sans-serif; color: #0d64a3; cursor: pointer; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } /***** BUYERS GUIDE LINK *****/ .categoryContentContainer .tableCont { padding: 45px 20PX 45px 20px; overflow: auto; margin: 0 auto; max-width: 1500px; } .categoryContentContainer .tableCont .title { font-family: "open_sans-bold", sans-serif!important; font-size: 1.1em!important; text-align: left!important; border: 1px solid #dddddd; text-transform: uppercase; } .categoryContentContainer .tableCont .inner-header { padding: 20px 15px 20px 15px; background-color: #999999; color: #fff; font-family: "uni_sanssemibold", sans-serif!important; } .categoryContentContainer .tableCont table { margin: 0 auto; border: 1px solid #dddddd; width: 100%; } .categoryContentContainer .tableCont table th { background: #999999; color: #fff; font-family: "uni_sanssemibold", sans-serif!important; font-size: 1.1em; padding: 35px 20px 35px 20px; text-align: center; vertical-align: middle; border: 2px solid #dedede } .categoryContentContainer .tableCont table th:first-child { text-align: center; padding: 10px 20px 10px 20px; border: 2px solid #dedede; width: 20%; } .categoryContentContainer .tableCont table tr td:nth-child(even) { background: #cccccc; } .categoryContentContainer .tableCont table td { background: #f1f1f1; font-family: "open_sans", sans-serif!important; font-size: 1.1em; padding: 20px 15px 20px 15px; text-align: center; border-bottom: 1px solid #e6e6e6; line-height: 1.2em; border-right: 1px solid #e6e6e6; vertical-align: middle; } .categoryContentContainer .tableCont table td:first-child { text-align: center; font-size: 1.1em; font-family: "uni_sanssemibold", sans-serif; } /***** RESPONSIVE *****/ @media screen and (max-width:800px) { .categoryContentContainer { display: none; } } .popover.product-hire .header h3 { padding: 20px 0 0 0; } @media screen and (max-width: 610px) { .scan-cloud button { float:none; margin-top:6px; } } .tag.cloud { background-color:#231f20; } .tag.cloud strong { color:#ddfb09; } .popover.product-hire .header h3:after { content:'READY' !important; margin: 0 0 0 5px; } .scan-cloud strong { border-right: 1px solid #666; padding-right: 8px; margin-right: 5px; } footer .trust-bar .copyright { padding-bottom:10px; } .finance-disclosure p { padding: 0 4vw 8px 4vw; font-size: 0.85em; color:#5b5b5b; } @media screen and (max-width: 625px) { .products-cont.superList .product-group .product .priceAvailability { width:auto; } } /* Remove help float button */ .container .siteHelp, body.site23 .container .siteHelp, body.site26 .container .siteHelp { display: none !important; } /* Remove help float button */ .helpMenu .callback { display: none; } #popup .infoPageQuick button { display:none; } footer .links-tracking-payments>div.links .covid-19 { display:none; } html.w-TM #bannerTest { background-image: url(https://www.scan.co.uk/images/3xs-banner-v3-bg.png); } @media screen and (min-width: 780px) { .siteBusiness header.menu>div .logo a { background-size: 122px 32px; width: 140px; margin: 23px 0 0 50px; }} div.container div.main .productInfoStickBar .price .exVat { font-size:0.40em; padding-left:10px; } div.container div.main .productInfoStickBar .price .incVat { font-size:0.40em; padding-left:10px; } .productInfoStickBar>div>div.priceAvailability .leftColumn .stockStatus { display:none; } /* Removal of 0871 from scan footer and business footer */ footer .call-us-bar a:first-child span span { display:none; } footer.business .contact-footer a:first-child { color:#000; margin-left:-100px; } footer.business .contact-footer a span:last-child { color:#fff; } footer.business .contact-footer a span:last-child:before { content:'Call us on'; display:inline-block; color:#fff; padding-right:8px; } footer.business .contact-footer a span:last-child:after { content:'or'; display:inline-block; color:#fff; padding-left:8px; } /* business menu item width adustments */ @media screen and (max-width: 780px) { header.menu.business .businessNav ul li { width:auto; } } /* Product Large view 48 hour hover over working */ .productsCont.superList .productColumns .product div.ratings, .productsCont.superList .productColumns .product.featuredProduct div.ratings { overflow: inherit; } /* Product Large view comare not clickable */ @media screen and (min-width: 680px) and (max-width: 4000px) { .productsCont.superList .productColumns .product .priceAvailability, .productsCont.superList .productColumns .product.featuredProduct .priceAvailability { margin-top: -150px; } } /* Product Large view Compare button not clickable */ @media screen and (min-width: 844px) and (max-width: 4000px) { .productsCont.superList .productColumns .product .priceAvailability, .productsCont.superList .productColumns .product.featuredProduct .priceAvailability { margin-top: -170px; } } /* Guest Checkout payament finance table width */ @media screen and (max-width: 470px) { .guestCheckoutContainer .guestCheckout section.payment div.financeTable { width:100%; } } /*Business logo colour change - in header */ header.menu.business>div:first-child .logo>a>span { color:#929497; } .siteBusiness header.menu>div .logo a { background: url(/images/scan-logo-grey.jpg); background-repeat:no-repeat; background-size:122px 32px; background-position:0; } /*Business logo colour change - in footer */ footer.business .footerLinks .businessContact>a { background: url(/images/scan-business-logo-grey.png); background-repeat:no-repeat; } @media screen and (max-width: 940px) { footer.business .footerLinks .businessContact>a { background-size: 150px 18px; }} div.basket.headerBasket .popup { z-index:104; } .content { padding:0; } .content h2 { display:block; } .productinfo .delivery-date { display:none; } footer .trust-bar .security .securityLogos.mcafee { display:none; } /* remove red border around paypal calculation on product page */ @media screen and (max-width: 780px) { .infoPage>div.productPageActionColumn>div:last-child .paypalcredit .financePaypalOptions { border:1px solid #d2d2d2 !important; } } .product-page .container .product-details .information .financeInfo.paypal.payin3 .pplogo img { display:none; } .product-page .container .product-details .information .finance-panel h3 { padding:25px 10px 15px 18px; } .product-page .container .product-details .information .finance-panel>ul>li>i { margin:8px 15px 8px 18px; display:block; } .product-notifications .header h3 { margin:0 18px; padding-top:15px; } /* Remove old Desktop USP header in Grey Bar */ .sliding-banner.trustHeader { display: none; } @media screen and (max-width: 781px) { .sliding-banner.trustHeader { display: block; } } /* Remove old Desktop USP header in Grey Bar */ /* ------------- Pay PAL -------------- */ /* CHANGE FOR MONTHS 0% in New USP Bar */ .usp-busBar .contain .linkWrap .usp .sliding-banner-pages div a.block3 span strong { display: none; } .usp-busBar .contain .linkWrap .usp .sliding-banner-pages div a.block3 span:before { content: "0% up to 4 months"; display: inline; font-family: "Poppins-Bold",sans-serif; } /* CHANGE FOR MONTHS 0% in New USP Bar */ /* CHANGE FOR MONTHS 0% in USP Bar old style - mobile */ .trustHeader>div>div>a.block3>span, .trustHeader>div>div>span.block3>span { position:relative; } .trustHeader>div>div>a.block3>span, .trustHeader>div>div>a.block3>span strong { visibility: hidden; } .trustHeader>div>div>a.block3>span strong:before { content:'0% interest up to 24 months'; display:block; margin-bottom:50px; visibility: visible !important; } .trustHeader>div>div>a.block3>span strong:after { content:'Minimum spend applies from £99'; display:block; position:absolute; top:18px; font-size:0.80em; font-family: "open_sans",sans-serif; visibility: visible !important; } /* CHANGE FOR MONTHS 0% in USP Bar old style - mobile */ /* --------------Trust Pilot -------------- */ .usp-busBar .contain .linkWrap .usp .sliding-banner-pages div a.block2 > span > strong { display: none; } .usp-busBar .contain .linkWrap .usp .sliding-banner-pages div a.block2 > span::before { display: inline; content: "4.8 rating on Trustpilot"; /* <<<<< update score */ font-family: "Poppins-Bold",sans-serif; } .pageContent.privacyInfo { max-width: 1480px; margin: 0 auto; } .pageContent.privacyInfo .topSection { text-align: left; } .pageContent.privacyInfo h1 { font-family: "Poppins-Bold",sans-serif; } .pageContent.privacyInfo h2 { font-family: "Poppins-SemiBold",sans-serif; text-align: left; padding: 25px 0 10px 0; } .pageContent.privacyInfo h3 { font-family: "Poppins-SemiBold",sans-serif; text-align: left; padding: 20px 0 5px 0; } .pageContent.privacyInfo p { font-family: "Poppins-Regular",sans-serif; text-align: left; line-height: 1.4em; } .pageContent.privacyInfo ul { font-family: "Poppins-Regular",sans-serif; margin: 0 0 10px 20px; color: #4d4d4d; line-height: 1.4em; } /* Product Include Variables - Do not change */ .productInclude { --black-color: #000; --white-color: #fff; --scan-blue-color: #006fff; --optic-yellow-color: #ddfc0a; --main-button-color: transparent; --button-border-radius: 30px; --button-border-color: #fff; /*Declare font by family and weight below*/ --Poppins-Bold: "Poppins-Bold", sans-serif; --Poppins-SemiBold: "Poppins-SemiBold", sans-serif; --Poppins-Regular: "Poppins-Regular", sans-serif; --Poppins-Light: "Poppins-Light", sans-serif; } /* Product Include Variables - Do not change */ /* padding set for old includes and new ones */ .productInclude { padding: 30px 1em; } .productInclude.noPadRich { padding: 0; } /* padding set for old includes and new ones */ .f_series_systems .giftwrapBanner { display: none !important; } .f_series_systems .NVIDIAgameBanner, .productInclude .NVIDIAgameBanner { max-width: 1280px; width: 100%; margin: 35px auto 20px auto; display: none !important;} .f_series_systems .NVIDIAgameBanner { display: block !important;} .productInclude .NVIDIA30gameBanner { max-width: 1280px; width: 100%; margin: 35px auto 20px auto; display: none !important;} .f_series_systems .NVIDIA30gameBanner { max-width: 1280px; width: 100%; margin: 35px auto 20px auto; display: block !important;} .productInclude .imageWrapper { margin: 0 auto; } .productInclude .imageWrapper img { margin: 0; width: 100%; } @media screen and (max-width: 950px) { .productInclude .imageWrapper img { margin: 35px auto; width: 95%; } } .productInclude .acerPromo { display: none !important; } /* SECTION TITLE */ .productInclude .titleCont { display: flex; align-items: center; justify-content: center; width: 100%; max-width:1350px; height:1px; background: #ccc; margin: 90px auto 70px auto; padding:0; } @media screen and (max-width: 950px) { .productInclude .titleCont { width: 100%; margin: 65px auto 45px auto; } } /* SECTION TITLE */ .productInclude h3.productTitle { color:#000; font-size:2.2em; margin-top: 60px; padding: 0; text-align:center; line-height:1em; text-transform:none; } .productInclude h4 { font-size: 1.8em; line-height: 1.7em; margin: 0 auto 25px auto; display: table; color: black; text-align: center; margin:90px auto 40px; font-family: "Poppins-SemiBold", sans-serif; } .productInclude h4.titleInline { margin:40px auto 40px; } .productInclude p { margin:0 auto; line-height:1.5em; color:#848484; text-align:center; padding: 0; } .productInclude p span { font-size:1.1em; font-family:open_sans-bold; color:#5b5b5b; text-transform:uppercase; display: block; margin-bottom: 15px; } .productInclude .underlineTitle { display: inline-block; text-decoration: underline; text-decoration-thickness: 0.25rem; text-underline-offset: 0.65rem; padding-bottom: 0; text-decoration-color:transparent; } .productInclude .sectionText { max-width:1200px; color:#000; text-align:center; margin:20px auto; } .productInclude .sectionText a { color: #2172ad; text-decoration:none; font-family:open_sans-bold; text-transform: uppercase; } .productInclude .sectionText a:hover { opacity:0.8; cursor: pointer; } .productInclude .sectionText ul { margin:0 100px; line-height:1.5em; color:#848484; text-align:left; padding: 0; list-style: disc inside; } .productInclude .sectionText ul li a { color: #000000; text-decoration:none; font-family:"open_sans-bold"; text-transform: uppercase; } .productInclude .sectionText ul li a:hover { opacity:0.8; cursor: pointer; } @media screen and (max-width: 750px) { .productInclude .sectionText ul { margin:0 50px; } } @media screen and (max-width: 500px) { .productInclude .sectionText ul { margin:0 20px; text-align: center; list-style: none inside; } .productInclude .sectionText ul li { padding: 4px 0 } } /* LINKS */ .productInclude .sectionText .otherLink { display: inline-block; color: #5b5b5b; text-decoration:none; font-family:open_sans-bold; padding:7px 10px; background-color:#f1f1f1; margin:5px; border-radius:3px; font-size:1.1em; box-sizing: border-box; } .productInclude .sectionText .otherLink:hover { color: #2b2d2c; background-color:#f1f1f1; -webkit-animation: hoverUp 0.4s linear; animation: hoverUp 0.4s linear; } @-webkit-keyframes hoverUp { 0% { background-color: #5b5b5b; } 100% { background-color: #f1f1f1; } } @keyframes hoverUp { 0% { background-color: #5b5b5b; } 100% { background-color: #f1f1f1; } } /* LINKS */ @keyframes colorrun2{ 0% { background-color: #FF0000; } 10% { background-color: #FF8000; } 20% { background-color: #FFFF00; } 30% { background-color: #80FF00; } 40% { background-color: F00; } 50% { background-color: #00FF80; } 60% { background-color: #00FFFF; } 70% { background-color: #0080FF; } 80% { background-color: #0000FF; } 90% { background-color: #7F00FF; } 100% { background-color: #FF007F; } } @-webkit-keyframes colorrun2{ 0% { background-color: #FF0000; } 10% { background-color: #FF8000; } 20% { background-color: #FFFF00; } 30% { background-color: #80FF00; } 40% { background-color: F00; } 50% { background-color: #00FF80; } 60% { background-color: #00FFFF; } 70% { background-color: #0080FF; } 80% { background-color: #0000FF; } 90% { background-color: #7F00FF; } 100% { background-color: #FF007F; } } .colourRun2 { animation: colorrun2 5s linear infinite; } /* COLOUR CYCLE IMAGE */ @keyframes colorrun{ 0% { filter:hue-rotate(0deg); } 100% { filter:hue-rotate(360deg); } } @-webkit-keyframes colorrun{ 0% { filter:hue-rotate(0deg); } 100% { filter:hue-rotate(360deg); } } .colourRun { animation: colorrun 5s linear infinite; } /* COLOUR CYCLE IMAGE */ /* IMAGES */ .productInclude img { display:block; max-width: 700px; width: 100%; margin:50px auto; } @media screen and (max-width: 950px) { .productInclude img { display:block; margin: 35px auto; } } /* IMAGES */ /* BULLET POINTS */ .productInclude .specCont { margin:0 auto; display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; } .productInclude .specCont .specBox { width:auto; height: auto; margin:5px 10px; border-radius:12px; border: solid; border-width: 2px 1px; background: #ffffff; box-sizing: border-box; transition: 1s ease; } .productInclude .specCont .specBox .specInner { padding:18px 20px 12px 20px; } .productInclude .specCont .specBox .specInner p { padding:0; line-height:1.6em; color:#000; text-align:center; font-size:1em; } .productInclude .specCont .specBox .specInner p span { text-transform:none; letter-spacing:0; color:#000; font-size:2.2em; font-family:uni_sanssemibold; margin:0; } @media screen and (max-width: 450px) { .productInclude .specCont .specBox { width:70%;; height: auto; margin:3px 0; border-radius:12px; border: solid; border-width: 2px 1px; background: #ffffff; box-sizing: border-box; transition: 1s ease; } .productInclude .specCont .specBox .specInner { padding:10px; } .productInclude .specCont .specBox .specInner p { padding:0; line-height:1.6em; color:#000; text-align:center; font-size:1em; } .productInclude .specCont .specBox .specInner p span { text-transform:none; letter-spacing:0; color:#000; font-size:1.7em; font-family:uni_sanssemibold; margin:0; } } /* BULLET POINTS */ /* VIDEO SECTION */ .productInclude .featureVideo { margin: 0 auto; width:650px; background-color:#f2f2f2; } .productInclude .featureVideo .video { height:366px; cursor:pointer; } .productInclude .featureVideo .video iframe { height:100%; width:100%; } .productInclude .featureVideo .video img { width:100%; max-width: none; } @media screen and (max-width: 775px) { .productInclude .featureVideo { margin: 0 auto; width:auto; background-color:#f2f2f2; } .productInclude .featureVideo .video { height:100%; cursor:pointer; } } @media screen and (max-width: 500px) { .productInclude .featureVideo .video { height:100%; min-height: 100%; cursor:pointer; } } /* VIDEO SECTION */ /* TEXT LEFT SECTION */ .productInclude .sectionLeft { display: flex; width: 800px; margin: 20px auto; } .productInclude .sectionLeft .lhs { width: 50%; order: 2; } .productInclude .sectionLeft .lhs img { margin: 0 auto; padding: 0 0 0 50px; } .productInclude .sectionLeft .rhs { width: 50%; order: 1; } .productInclude .sectionLeft .rhs p { text-align: right; } .productInclude .sectionLeft .rhs p a { color: #2172ad; text-decoration:none; font-family:open_sans-bold; text-transform: uppercase; } .productInclude .sectionLeft .rhs p a:hover { color: #999; cursor: pointer; } @media screen and (max-width: 800px) { .productInclude .sectionLeft { display: flex; flex-wrap: wrap; width: auto; } .productInclude .sectionLeft .lhs { width: 100%; order: 1; } .productInclude .sectionLeft .lhs img { margin: 20px auto !important; padding:0; } .productInclude .sectionLeft .rhs { width: 100%; order: 2; } .productInclude .sectionLeft .rhs p { text-align: center; padding: 20px 0 !important; } } /* TEXT LEFT SECTION */ /* TEXT RIGHT SECTION */ .productInclude .sectionRight { display: flex; width: 800px; margin: 20px auto; } .productInclude .sectionRight .lhs { width: 50%; order: 1; } .productInclude .sectionRight .lhs img { margin: 0 auto; padding: 0 50px 0 0; } .productInclude .sectionRight .rhs { width: 50%; order: 2; } .productInclude .sectionRight .rhs p { text-align: left; padding: 0 0 0 30px; } .productInclude .sectionRight .rhs p a { color: #2172ad; text-decoration:none; font-family:open_sans-bold; text-transform: uppercase; } .productInclude .sectionRight .rhs p a:hover { color: #999; cursor: pointer; } @media screen and (max-width: 800px) { .productInclude .sectionRight { display: flex; flex-wrap: wrap; width: auto; } .productInclude .sectionRight .lhs { width: 100%; order: 1; } .productInclude .sectionRight .lhs img { margin: 20px auto !important; padding: 0; } .productInclude .sectionRight .rhs { width: 100%; order: 2; } .productInclude .sectionRight .rhs p { text-align: center; padding: 20px 0 !important; } } /* TEXT RIGHT SECTION */ /* FLEX BOXES */ .productInclude .flexCont { display: flex; flex-wrap: wrap; margin: 20px auto; width: 100%; max-width: 1200px; justify-content: center; } .productInclude .flexCont.flex6 .flexBox { width: 16.6%; } .productInclude .flexCont.flex6 .flexBox .boxInner { padding: 0 10px; } .productInclude .flexCont.flex5 .flexBox { width: 20%; } .productInclude .flexCont.flex5 .flexBox .boxInner { padding: 0 10px; } .productInclude .flexCont.flex4 .flexBox { width: 25%; } .productInclude .flexCont.flex3 .flexBox { width: 33.33%; } .productInclude .flexCont.flex2 .flexBox { width: 50%; } .productInclude .flexCont .flexBox { margin: 10px 0; } .productInclude .flexCont .flexBox .boxInner { padding: 0 15px; } .productInclude .flexCont .flexBox .boxInner img { max-width: 150px; width: 90%; margin: 0 auto 10px auto; } .productInclude .flexCont .flexBox .boxInner p { margin:0 auto; line-height:1.5em; color:#848484; text-align:center; padding: 0; } .productInclude .flexCont .flexBox .boxInner p span { font-size:1.1em; font-family:open_sans-bold; color:#5b5b5b; text-transform:uppercase; display: block; margin-bottom: 5px; } .productInclude .flexCont .flexBox .boxInner p a { color: #2172ad; text-decoration:none; font-family:open_sans-bold; text-transform: uppercase; } .productInclude .flexBox .boxInner .otherLink { display: inline-block; color: #5b5b5b; text-decoration:none; font-family:open_sans-bold; padding:7px 10px; background-color:#f1f1f1; margin:5px; border-radius:3px; font-size:1.1em; box-sizing: border-box; } .productInclude .flexBox .boxInner .otherLink:hover { color: #2b2d2c; background-color:#f1f1f1; -webkit-animation: hoverUp 0.4s linear; animation: hoverUp 0.4s linear; } @-webkit-keyframes hoverUp { 0% { background-color: #5b5b5b; } 100% { background-color: #f1f1f1; } } @keyframes hoverUp { 0% { background-color: #5b5b5b; } 100% { background-color: #f1f1f1; } } @media screen and (max-width: 850px) { .productInclude .flexCont { width: auto; } } /*** FLEX6 ***/ @media screen and (max-width: 770px) { .productInclude .flexCont.flex6 .flexBox { width: 33.33%; margin: 5px 0; } } @media screen and (max-width: 400px) { .productInclude .flexCont.flex6 .flexBox { width: 100%; margin: 10px 0; } .productInclude .flexCont.flex6 .flexBox .boxInner { padding: 0; } } /*** FLEX6 ***/ /*** FLEX5 ***/ @media screen and (max-width: 770px) { .productInclude .flexCont.flex5 .flexBox { width: 33.33%; margin: 5px 0; } } @media screen and (max-width: 540px) { .productInclude .flexCont.flex5 .flexBox { width: 100%; margin: 10px 0; } .productInclude .flexCont.flex5 .flexBox .boxInner { padding: 0; } } /*** FLEX5 ***/ /*** FLEX4 ***/ @media screen and (max-width: 700px) { .productInclude .flexCont.flex4 .flexBox { width: 50%; margin: 5px 0; } } @media screen and (max-width: 400px) { .productInclude .flexCont.flex4 .flexBox { width: 100%; margin: 10px 0; } .productInclude .flexCont.flex4 .flexBox .boxInner { padding: 0; } } /*** FLEX4 ***/ /*** FLEX3 ***/ @media screen and (max-width: 600px) { .productInclude .flexCont.flex3 .flexBox { width: 50%; margin: 5px 0; } } @media screen and (max-width: 400px) { .productInclude .flexCont.flex3 .flexBox { width: 100%; margin: 10px 0; } .productInclude .flexCont.flex3 .flexBox .boxInner { padding: 0; } } /*** FLEX3 ***/ /*** FLEX2 ***/ @media screen and (max-width: 400px) { .productInclude .flexCont.flex2 .flexBox { width: 100%; margin: 10px 0; } .productInclude .flexCont.flex2 .flexBox .boxInner { padding: 0; } } /*** FLEX2 ***/ /* FLEX BOXES */ /* TAB BUTTONS */ .productInclude .buttonCont { width: 100%; justify-content: center; display: flex; margin: 30px 0 40px 0; } .productInclude .buttonCont button { width: auto; padding: 10px 25px; color: #5b5b5b; background: #fff; border: solid #ccc; border-width: 1px 1px; margin: 0 7px; border-radius: 5px; font-size:1.1em; line-height: 1.2em; } .productInclude .buttonCont button:hover { cursor: pointer; } .productInclude .buttonCont .selected { color: #000; border: solid #000; border-width: 1px 1px; } @media screen and (max-width: 600px) { .productInclude .buttonCont { width: 100%; justify-content: center; display: flex; margin: 30px 0 40px 0; } .productInclude .buttonCont button { width: auto; padding: 5px; color: #5b5b5b; background: #fff; border: solid #ccc; border-width: 1px 1px; margin: 0 3px; border-radius: 3px; font-size:0.9em; } .productInclude .buttonCont button:hover { cursor: pointer; } .productInclude .buttonCont .selected { color: #000; border: solid #000; border-width: 1px 1px; } } /* TAB BUTTONS */ /*MP4 Media Query*/ .productInclude .vid-container__{ width:600px; } @media screen and (max-width:630px){ .productInclude .vid-container__{ width:500px; display: block; margin:0 auto; } .productInclude .switchvid{ width: 100%; border-radius:25px; } } @media screen and (max-width:550px){ .productInclude .vid-container__{ width:300px; display: block; margin:0 auto; } .productInclude .switchvid{ width: 100%; border-radius:25px; } } @media screen and (max-width:340px){ .productInclude .vid-container__{ width:200px; display: block; margin:0 auto; } .productInclude .switchvid{ width: 100%; border-radius:25px; } } /* MP4 Autoplayer */ /* NVIDIA TABLE */ .nvidiaTable { overflow: auto; width: 100%; max-width: 1350px; margin: 0 auto 50px auto; } .nvidiaTable table { width: 2000px; margin: 0 auto; } .nvidiaTable table th, .nvidiaTable table td { white-space: nowrap;} .nvidiaTable table th { background: #e9e9e9; font-size:1.1em; font-family:open_sans-bold; color:#5b5b5b; text-transform:uppercase; text-align:left; padding: 15px 0 15px 15px; } .nvidiaTable table .models { color: #75b900; font-family:open_sans-bold; font-size: 1.1em; } .nvidiaTable table td { border:1px solid #e9e9e9; padding:8px; color:#5b5b5b; text-align: center; } .nvidiaTable table tr td:first-child { color:#000; text-align: left; padding-left: 15px; font-family:open_sans-bold; } /* NVIDIA TABLE */ /* AMD TABLE */ .amdTable { overflow: auto; width: 100%; max-width: 1350px; margin: 0 auto 50px auto; } .amdTable table { width: 1700px; margin: 0 auto; } .amdTable table th, .amdTable table td { white-space: nowrap;} .amdTable table th { background: #e9e9e9; font-size:1.1em; font-family:open_sans-bold; color:#5b5b5b; text-transform:uppercase; text-align:center; padding: 15px 0 15px 15px; } .amdTable table .models { color: #ff0000; font-family:open_sans-bold; font-size: 1.1em; } .amdTable table td { border:1px solid #e9e9e9; padding:8px; color:#5b5b5b; text-align: center; } .amdTable table tr td:first-child { color:#000; text-align: left; padding-left: 15px; font-family:open_sans-bold; } /* AMD TABLE */ /* SCROLLING ANIMATION LEFT-RIGHT */ @-webkit-keyframes scrollingAnimationLR { 0% { left: 110%; display: block; } 100% { left: -10%; display: block; } } @keyframes scrollingAnimationLR { 0% { left: 110%; display: block; } 100% { left: -10%; display: block; } } /* SCROLLING ANIMATION LEFT-RIGHT */ /* SCROLLING ANIMATION RIGHT-LEFT */ @-webkit-keyframes scrollingAnimationRL { 0% { left: -10%; display: block; } 100% { left: 110%; display: block; } } @keyframes scrollingAnimationRL { 0% { left: -10%; display: block; } 100% { left: 110%; display: block; } } /* SCROLLING ANIMATION RIGHT-LEFT */ /*Energy Label CSS*/ .Energy_Label{ display:flex; justify-content: center; width:100%; } .Energy_Label .Energy_Label_Text{ display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right:10px; margin-bottom: 10px; } .Energy_Label .Energy_Label_Badge{ display: inline-block; height:100%; } .Energy_Label .Energy_Label_Text { display: inline-block; color: #5b5b5b; text-decoration:none; font-family:open_sans-bold; padding:7px 10px; background-color:#f1f1f1; margin:53px; border-radius:3px; font-size:1.1em; box-sizing: border-box; } .Energy_Label .Energy_Label_Text:hover { color: #2b2d2c; background-color:#f1f1f1; -webkit-animation: hoverUp 0.4s linear; animation: hoverUp 0.4s linear; } @-webkit-keyframes hoverUp { 0% { background-color: #5b5b5b; } 100% { background-color: #f1f1f1; } } @keyframes hoverUp { 0% { background-color: #5b5b5b; } 100% { background-color: #f1f1f1; } } /*Energy Label CSS*/ /***** WINDOWS 11 BANNER *****/ .productInclude .windows11Banner { display: flex; background: #a1d9eb; padding: 0 0 0 45px; max-width: 1480px; margin: 0 auto; border-radius: 25px; } .productInclude .windows11Banner img { display: block; max-width: 200px; margin: 0 0 20px 0; } .productInclude .windows11Banner span { font-family:"uni_sanssemibold"; font-size: 2em; } .productInclude .windows11Banner p { text-align: left; color: #000000; padding: 20px 0; } .productInclude .windows11Banner a { font-family:"open_sans-bold"; color: #2172ad; text-decoration: none; } .productInclude .windows11Banner .lhs { width: 50%; padding: 45px 0; } .productInclude .windows11Banner .rhs { width: 50%; background: url("/images/infopages/windows11/windows11-products.png") no-repeat center; } @media screen and (max-width:900px){ .productInclude .windows11Banner { display: flex; background: #a1d9eb; padding: 0 0 0 20px; } .productInclude .windows11Banner .rhs { width: 50%; background: url("/images/infopages/windows11/windows11-products.png") no-repeat center; background-size: 300px; } } @media screen and (max-width:625px){ .productInclude .windows11Banner { display: flex; flex-wrap: wrap; background: #a1d9eb; padding: 35px 0; } .productInclude .windows11Banner img { display: block; max-width: 200px; margin: 0 auto 20px auto; } .productInclude .windows11Banner span { display: block; margin: 0 auto; text-align: center; font-family:"uni_sanssemibold"; font-size: 1.7em; } .productInclude .windows11Banner p { text-align: center; color: #000000; padding: 20px 0; } .productInclude .windows11Banner a { font-family:"open_sans-bold"; color: #2172ad; text-decoration: none; display: table; margin: 0 auto; } .productInclude .windows11Banner .lhs { width: 100%; padding: 0 20px; } .productInclude .windows11Banner .rhs { width: 100%; background: url("/images/infopages/windows11/windows11-products.png") no-repeat center; } } /***** WINDOWS 11 BANNER *****/ /***** FLOATING BANNER BOTTOM *****/ .f_series_systems { position: relative; } .f_series_systems div.internalToolbar { display: none; } .f_series_systems .fseriesFixedBanner { max-width: 100%; width: 100%; margin: 0 auto; background: #ffffff; border-top: 3px solid #3e6db3; display: none; z-index: 999; } .f_series_systems #toolbar.fseriesFixedBanner { display: none; } .f_series_systems #toolbar.fseriesFixedBanner.fixedTop { display: block; border-bottom: none; box-shadow: none; } .f_series_systems .fseriesFixedBanner .titleCont { width: 48%; display: flex; padding-left: 15%; } .f_series_systems .fseriesFixedBanner .titleCont .lhs { width: 30%; background: url("/images/infopages/f-series/fixed-banner/systems.png") no-repeat center; } .f_series_systems .fseriesFixedBanner .titleCont .rhs { width:70%; padding: 25px 0; } .f_series_systems .fseriesFixedBanner .titleCont .rhs span { display: block; } .f_series_systems .fseriesFixedBanner .titleCont .rhs span:first-child { font-size: 2em; font-family: "uni_sansbold", sans-serif; } .f_series_systems .fseriesFixedBanner .titleCont .rhs span:last-child { font-size: 1.3em; font-family: "uni_sans_regular", sans-serif; padding-top: 10px; } .f_series_systems .fseriesFixedBanner .featuresCont { width: 30%; background: #f1f1f1; margin-top: 10px; border-radius: 10px 10px 0 0; display: flex; } .f_series_systems .fseriesFixedBanner .featuresCont span { display: block; position: relative; font-family: "uni_sanssemibold", sans-serif; font-size: 1.1em; padding: 5px 0 5px 25px; } .f_series_systems .fseriesFixedBanner .featuresCont span:before { content: ""; background: url("/images/infopages/f-series/fixed-banner/tick.svg") no-repeat center; background-size: cover; position: absolute; width: 15px; height: 15px; top: 50%; transform: translateY(-50%); left:0; } .f_series_systems .fseriesFixedBanner .featuresCont .lhs { width: 55%; padding: 20px 0 20px 30px; } .f_series_systems .fseriesFixedBanner .featuresCont .rhs { width: 45%; padding: 20px 20px 20px 0; } .f_series_systems .fseriesFixedBanner .buttonCont { position: relative; width: 22%; padding-right: 15%; } .f_series_systems .fseriesFixedBanner .buttonCont .btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 135px; text-align: center; } .f_series_systems .fseriesFixedBanner.workstations .titleCont .lhs { width: 30%; background: url("/images/infopages/f-series/fixed-banner/workstations.png") no-repeat center; } .f_series_systems .fseriesFixedBanner.workstations .buttonCont .btn { width: 190px !important; } .f_series_systems .fixedPanel.fixedTop { top: auto !important; bottom: 0 !important; display: flex; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 1850px) { .f_series_systems .fseriesFixedBanner .titleCont { padding-left: 5%; } .f_series_systems .fseriesFixedBanner .buttonCont { padding-right: 5%; } } @media screen and (max-width: 1200px) { .f_series_systems .fseriesFixedBanner .titleCont { width: 70%; display: flex; } .f_series_systems .fseriesFixedBanner .featuresCont { display: none; } .f_series_systems .fseriesFixedBanner .buttonCont { position: relative; width: 30%; } } @media screen and (max-width: 840px) { .f_series_systems .fseriesFixedBanner .titleCont .rhs span:first-child { font-size: 1.7em; font-family: "uni_sansbold", sans-serif; } .f_series_systems .fseriesFixedBanner .titleCont .rhs span:last-child { font-size: 1.1em; font-family: "uni_sans_regular", sans-serif; padding-top: 10px; } .f_series_systems .fseriesFixedBanner .titleCont { width: 70%; display: flex; } .f_series_systems .fseriesFixedBanner .featuresCont { display: none; } .f_series_systems .fseriesFixedBanner .buttonCont { position: relative; width: 30%; } } @media screen and (max-width: 780px) { .f_series_systems .fixedPanel.fixedTop { display: none; } } /***** FLOATING BANNER BOTTOM *****/ /***** FLOATING BANNER WORKSTATIONS *****/ .f_series_studio_systems { position: relative; } .f_series_studio_systems div.internalToolbar { display: none; } .f_series_studio_systems .fseriesFixedBanner { max-width: 100%; width: 100%; margin: 0 auto; background: #ffffff; border-top: 3px solid #3e6db3; display: none; z-index: 999; } .f_series_studio_systems #toolbar.fseriesFixedBanner { display: none; } .f_series_studio_systems #toolbar.fseriesFixedBanner.fixedTop { display: block; border-bottom: none; box-shadow: none; } .f_series_studio_systems .fseriesFixedBanner .titleCont { width: 48%; display: flex; padding-left: 15%; } .f_series_studio_systems .fseriesFixedBanner .titleCont .lhs { width: 30%; background: url("/images/infopages/f-series/fixed-banner/workstations.png") no-repeat center; } .f_series_studio_systems .fseriesFixedBanner .titleCont .rhs { width:70%; padding: 25px 0; } .f_series_studio_systems .fseriesFixedBanner .titleCont .rhs span { display: block; } .f_series_studio_systems .fseriesFixedBanner .titleCont .rhs span:first-child { font-size: 2em; font-family: "uni_sansbold", sans-serif; } .f_series_studio_systems .fseriesFixedBanner .titleCont .rhs span:last-child { font-size: 1.3em; font-family: "uni_sans_regular", sans-serif; padding-top: 10px; } .f_series_studio_systems .fseriesFixedBanner .featuresCont { width: 30%; background: #f1f1f1; margin-top: 10px; border-radius: 10px 10px 0 0; display: flex; } .f_series_studio_systems .fseriesFixedBanner .featuresCont span { display: block; position: relative; font-family: "uni_sanssemibold", sans-serif; font-size: 1.1em; padding: 5px 0 5px 25px; } .f_series_studio_systems .fseriesFixedBanner .featuresCont span:before { content: ""; background: url("/images/infopages/f-series/fixed-banner/tick.svg") no-repeat center; background-size: cover; position: absolute; width: 15px; height: 15px; top: 50%; transform: translateY(-50%); left:0; } .f_series_studio_systems .fseriesFixedBanner .featuresCont .lhs { width: 55%; padding: 20px 0 20px 30px; } .f_series_studio_systems .fseriesFixedBanner .featuresCont .rhs { width: 45%; padding: 20px 20px 20px 0; } .f_series_studio_systems .fseriesFixedBanner .buttonCont { position: relative; width: 22%; padding-right: 15%; } .f_series_studio_systems .fseriesFixedBanner .buttonCont .btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 190px; text-align: center; } .f_series_studio_systems .fixedPanel.fixedTop { top: auto !important; bottom: 0 !important; display: flex; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 1850px) { .f_series_studio_systems .fseriesFixedBanner .titleCont { padding-left: 5%; } .f_series_studio_systems .fseriesFixedBanner .buttonCont { padding-right: 5%; } } @media screen and (max-width: 1200px) { .f_series_studio_systems .fseriesFixedBanner .titleCont { width: 70%; display: flex; } .f_series_studio_systems .fseriesFixedBanner .featuresCont { display: none; } .f_series_studio_systems .fseriesFixedBanner .buttonCont { position: relative; width: 30%; } } @media screen and (max-width: 840px) { .f_series_studio_systems .fseriesFixedBanner .titleCont .rhs span:first-child { font-size: 1.7em; font-family: "uni_sansbold", sans-serif; } .f_series_studio_systems .fseriesFixedBanner .titleCont .rhs span:last-child { font-size: 1.1em; font-family: "uni_sans_regular", sans-serif; padding-top: 10px; } .f_series_studio_systems .fseriesFixedBanner .titleCont { width: 70%; display: flex; } .f_series_studio_systems .fseriesFixedBanner .featuresCont { display: none; } .f_series_studio_systems .fseriesFixedBanner .buttonCont { position: relative; width: 30%; } } @media screen and (max-width: 780px) { .f_series_studio_systems .fixedPanel.fixedTop { display: none; } } /***** FLOATING BANNER WORKSTATIONS *****/ /***** 3XS systems RTX PCs Div *****/ .new-section.rtxSystems { padding: 5em; background-image: url("//www.scan.co.uk/images/infopages/3xs/fixed/ai-powered-pc-bg.jpg"); background-size: cover; background-position: center; } .new-section.rtxSystems .background-container { text-align: center; color: #ffffff; max-width: 1480px; margin: 0 auto; } .new-section.rtxSystems .background-container h2 { font-size: 2.2em; line-height: 1.2em; font-family: "uni_sanssemibold", sans-serif; color: #fff; } .new-section.rtxSystems .background-container p { font-size: 1em; color: #fff; } .new-section.rtxSystems .three-box-container { display: flex; justify-content: center; gap: 2em; max-width: 1480px; margin: 0 auto; padding-top: 3em; } .new-section.rtxSystems .box { background-color: #f1f1f1; border-radius: 2em; padding: 4em; flex: 1; text-align: center; position: relative; overflow: hidden; text-wrap: balance; flex: 0 1 25%; img { height: 100px; width: auto; object-fit: contain; } } .new-section.rtxSystems .box::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("//www.scan.co.uk/images/infopages/3xs/fixed/ai-pattern-bg.webp?=v5"); background-repeat: no-repeat; background-size: cover; background-position: center; opacity: 0.1; z-index: 0; } .new-section.rtxSystems .box > * { position: relative; z-index: 1; } .new-section.rtxSystems .box img { max-width: 100%; margin-bottom: 15px; } .new-section.rtxSystems .box h3 { font-size: 1.2em; font-family: "uni_sansbold", sans-serif; color: #000000; margin-bottom: 10px; } .new-section.rtxSystems .box p { font-size: 1em; color: #000000; } @media screen and (max-width: 768px) { .new-section.rtxSystems .three-box-container { flex-direction: column; align-items: center; } .new-section.rtxSystems .box { width: 100%; max-width: 300px; margin-bottom: 20px; } } /***** 3XS systems RTX PCs Div *****/ /*New poppins font declaration for rich content */ .productInclude.newPopFont p { font-family: "Poppins-Regular", "open-sans", sans-serif; } .productInclude.newPopFont p span, .productInclude.newPopFont .sectionText a, .productInclude.newPopFont h3.productTitle, .productInclude.newPopFont h4, .productInclude.newPopFont h4.titleInline, .productInclude.newPopFont .sectionText ul li a, .productInclude.newPopFont .specCont .specBox .specInner p span, .productInclude.newPopFont .sectionLeft .rhs p a, .productInclude.newPopFont .sectionRight .rhs p a, .productInclude.newPopFont .flexCont .flexBox .boxInner p span, .productInclude.newPopFont .flexCont .flexBox .boxInner p a, .productInclude.newPopFont .flexBox .boxInner .otherLink { font-family: "Poppins-SemiBold", "open-sans-bold", sans-serif; } /*New poppins font declaration for rich content */ /* Remove */ .recently-viewed-panel { background: none; padding: 0; margin-top: 0; } div[data-app=recently-viewed-products] { padding:0; } /* Add */ .recently-viewed-panel .recently-viewed-products { background-color:#f3f3f3; padding:25px 0 18px 0; margin-top:50px; } body[data-page=category] .recently-viewed-products { padding:15px 0 25px 0; margin-top:0; } /* End of recently viewed */ /* @media screen and (max-width: 780px) { header.menu nav .menuLevel1 .accSecLow .currencySwitch .cFlag { margin-left:0 !important; min-width: 25px; } } */ .cloud-richcontent { --black-color: #000; --white-color: #fff; --scan-blue-color: #006fff; --optic-yellow-color: #ddfc0a; --main-button-color: transparent; --button-border-radius: 30px; --button-border-color: #fff; --main-font: "Poppins", sans-serif; --bold-font:700; --semibold-font:500; --regular-font:300; } /* HEADER BANNER - START */ .cloud-richcontent .header-banner { align-items: center; background: #10172a url("/images/richcontent/cloud/header-bg.webp") no-repeat; background-position: center center; background-size: cover; display: flex; justify-content: space-between; height: 400px; /* border-image: fill 0 linear-gradient(to left, hsla(0, 0%, 0%, 0.2) 80%, hsla(0, 0%, 0%, 0.5) 80%); */ } .cloud-richcontent .header-banner .header-content { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; max-width: 1500px; width: 100%; } /* HEADER BANNER - LEFT SIDE */ .cloud-richcontent .header-banner .header-content-left { align-items: flex-start; border-left: 5px solid var(--scan-blue-color); display: flex; flex-direction: column; gap: 1em; justify-content: center; padding: 2em; text-wrap: balance; width: 40%; } .cloud-richcontent .header-banner .header-content-left .header-logo { align-items: center; display: flex; gap: 1.5em; justify-content: flex-start; padding-bottom: 1em; } .cloud-richcontent .header-banner .header-content-left .header-logo img { height: 4em; width: auto; object-fit: contain; object-position: left; } .cloud-richcontent .header-banner .header-content-left .header-logo .logo-separator { width: 1px; height: 3em; background-color: #fff; margin: 0; } .cloud-richcontent .header-banner .header-content-left span.blueHighlight { font-family: var(--main-font); font-weight: var(--regular-font); background: var(--scan-blue-color); color: var(--white-color); padding: 8px; margin-bottom: 20px; display: table; font-size: 1rem; } /* HEADER BANNER - LEFT SIDE TEXT */ .cloud-richcontent .header-banner .header-content-left .header-title { color: #fff; font-family: var(--main-font); font-weight: var(--bold-font); font-size: clamp(2rem, 0.5rem + 1vw, 2rem); line-height: 2.2rem; padding: 0; } .cloud-richcontent .header-banner .header-content-left h1 { font-size: clamp(1rem, 0.75rem + 1vw, 2rem); } .cloud-richcontent .header-banner .header-content-left h2 { color: #fff; font-family: var(--main-font); font-weight: var(--bold-font); font-size: clamp(0.8rem, 0.5rem + 0.75vw, 1.5rem); line-height: 1.6rem; padding: 0; } .cloud-richcontent .header-banner .header-content-left h3 { color: #fff; font-family: var(--main-font); font-weight: var(--bold-font); font-size: clamp(0.75rem, 0.5rem + 0.6vw, 1.25rem); line-height: 1.6rem; text-transform: none; } .cloud-richcontent .header-banner .header-content-left p { font-family: var(--main-font); font-weight: var(--semibold-font); font-weight: 400; font-size: clamp(1rem, 0.5rem + 0.25vw, 0.75rem); line-height: 1.2rem; color: #fff; padding: 0; text-wrap: pretty; } .cloud-richcontent .header-banner .header-content-left .small-txt { color: #fff; font-family: var(--main-font); font-weight: var(--regular-font); font-size: clamp(0.4375rem, 0.375rem + 0.2vw, 0.55rem); line-height: 1.2rem; } .cloud-richcontent .header-banner a { text-decoration: none; } /* HEADER BANNER - RIGHT SIDE */ .cloud-richcontent .header-banner .header-content-right { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 10em; padding: 2em; width: 50%; } /* HEADER BANNER - RIGHT SIDE - LOGOS */ .cloud-richcontent .header-banner .header-content-right .header-logo-top, .cloud-richcontent .header-banner .header-content-right .header-logo-center, .cloud-richcontent .header-banner .header-content-right .header-logo-bottom { align-items: center; display: flex; gap: 2em; justify-content: flex-end; } /* LOGO TOP */ .cloud-richcontent .header-banner .header-content-right .header-logo-top img { height: 2em; object-fit: contain; width: auto; } /* LOGO CENTER */ .cloud-richcontent .header-banner .header-content-right .header-logo-center img { height: 2em; object-fit: contain; width: auto; } /* LOGO BOTTOM */ .cloud-richcontent .header-banner .header-content-right .header-logo-bottom img { height: 4em; object-fit: contain; width: auto; } /* HEADER BUTTONS */ /* SOLID BUTTONS */ .cloud-richcontent .btn-solid-white { background-color: rgba(255, 255, 255, 1); border-radius: 2em; color: #000; cursor: pointer; font-family: var(--main-font); font-weight: var(--semibold-font); font-size: 0.9em; margin-top: 1em; padding: 0.8em 3em; text-align: center; text-decoration: none; text-transform: uppercase; transition: ease-out all 0.3s; width: fit-content; border: none; } .cloud-richcontent .btn-solid-white:hover { background-color: rgba(255, 255, 255, 0.8); } .cloud-richcontent .btn-solid-black { background-color: #000; border-radius: 2em; color: #fff; cursor: pointer; font-family: var(--main-font); font-weight: var(--semibold-font); font-size: 0.9em; padding: 0.8em 3em; text-align: center; text-decoration: none; text-transform: uppercase; transition: ease-out all 0.3s; width: fit-content; border: none; } .cloud-richcontent .btn-solid-black:hover { background-color: rgba(0, 0, 0, 0.8); } .cloud-richcontent .btn-solid-blue { background-color: var(--scan-blue-color); border-radius: 2em; color: #fff; cursor: pointer; font-family: var(--main-font); font-weight: var(--bold-font); font-size: 1.1rem; line-height: 3em; padding: 0 35px; text-align: center; text-decoration: none; transition: ease-out all 0.3s; width: fit-content; border: none; } .cloud-richcontent .btn-solid-blue:hover { background-color: rgba(0, 110, 255, 0.8); } .cloud-richcontent .btn-solid-yellow { background-color: var(--optic-yellow-color); border-radius: 2em; color: #000; cursor: pointer; font-family: var(--main-font); font-weight: var(--bold-font); font-size: 1.1rem; line-height: 3em; padding: 0 35px; text-align: center; text-decoration: none; transition: ease-out all 0.3s; width: fit-content; border: none; } .cloud-richcontent .btn-solid-yellow:hover { background-color: rgba(221, 252, 10, 0.8); } /* GHOST BUTTONS */ .cloud-richcontent .btn-ghost-white { background-color: transparent; border: solid 2px #fff; border-radius: 2em; color: #fff; cursor: pointer; font-family: var(--main-font); font-weight: var(--semibold-font); font-size: 0.9em; margin-top: 1em; padding: 0.8em 3em; text-align: center; text-decoration: none; text-transform: uppercase; transition: ease-out all 0.3s; width: fit-content; } .cloud-richcontent .btn-ghost-white:hover { background-color: rgba(255, 255, 255, 0.2); } .cloud-richcontent .btn-ghost-black { background-color: transparent; border: solid 2px #000; border-radius: 2em; color: #000; cursor: pointer; font-family: var(--main-font); font-weight: var(--semibold-font); font-size: 0.9em; margin-top: 1em; padding: 0.8em 3em; text-align: center; text-decoration: none; text-transform: uppercase; transition: ease-out all 0.3s; width: fit-content; } .cloud-richcontent .btn-ghost-black:hover { background-color: rgba(0, 0, 0, 0.1); } /* BUTTON ROW */ .cloud-richcontent .btn-row { display: flex; align-items: flex-start; justify-content: flex-start; gap: 1em; } /* RESPONSIVE STYLES */ @media (max-width: 768px) { .cloud-richcontent .header-banner { border-image: fill 0 linear-gradient(hsla(0, 0%, 0%, 0.5), hsla(0, 0%, 0%, 0.6)); background-size: 2000px; background-position: 65% 95%; } .cloud-richcontent .header-banner .header-content { align-items: center; flex-direction: column; padding: 1em 0; } .cloud-richcontent .header-banner .header-content h1, .cloud-richcontent .header-banner .header-content h2, .cloud-richcontent .header-banner .header-content p { color: #fff; text-align: center; } .cloud-richcontent .header-banner .header-content-left { align-items: center; border: none; margin: auto; width: auto; } .cloud-richcontent .header-banner .header-content-left .header-title { line-height: 1.1em; } .cloud-richcontent .header-banner .header-content-left h1 { font-size: calc(1.2em + 0.5vw); line-height: 1.1em; } .cloud-richcontent .header-banner .header-content-left h2, .cloud-richcontent .header-banner .header-content-left h3 { font-size: calc(1.1em + 0.5vw); line-height: 1.1em; padding-top: 5px; } .cloud-richcontent .header-banner .header-content-left p { color: #fff; } .cloud-richcontent .header-banner .header-content-left .small-txt { font-size: 0.8em; line-height: 1.2em; } .cloud-richcontent .header-banner .header-content-left .header-logo { gap: 1em; } .cloud-richcontent .header-banner .header-content-left .header-logo img { height: 3em; } .cloud-richcontent .header-banner .header-content-left .header-logo .logo-separator { height: 2em; } .cloud-richcontent .header-banner .header-content-right { align-items: center; flex-direction: row; gap: 1em; justify-content: center; padding: 0; width: 0; } .cloud-richcontent .header-banner .header-content-right .header-logo-top, .cloud-richcontent .header-banner .header-content-right .header-logo-center, .cloud-richcontent .header-banner .header-logo-bottom { display: flex; gap: 2em; justify-content: center; margin: 0 auto; } .cloud-richcontent .header-banner .header-content-left img { width: 100%; } .cloud-richcontent .header-banner .header-content-center img { width: 100%; } .cloud-richcontent .header-banner .header-content-right img { width: 100%; } .cloud-richcontent .header-banner .header-content-right .header-logo-top img, .cloud-richcontent .header-banner .header-content-right .header-logo-center img, .cloud-richcontent .header-banner .header-content-right .header-logo-bottom img { height: 2em; object-fit: contain; width: auto; } } /* HEADER BANNER - END */ .cloud-richcontent .bluehighlight { display: inline; color: var(--white-color); background-color: var(--scan-blue-color); padding: 0.8rem 15px; text-decoration: none; } .cloud-richcontent .blackhighlight { display: inline; color: var(--optic-yellow-color); background-color: var(--black-color); padding: 0.8rem 15px; text-decoration: none; } .cloud-richcontent .yellowhighlight { display: inline; color: var(--black-color); background-color: var(--optic-yellow-color); padding: 0.8rem 15px; text-decoration: none; } @media screen and (max-width: 1000px) { .cloud-richcontent .bluehighlight { display: inline; color: var(--scan-blue-color); background-color: transparent; padding: 0.8rem 0; text-decoration: none; } } .cloud-richcontent .borderArrowBtn { display: table; position: relative; background: var(--main-button-color); color: var(--black-color); border: solid 3px var(--black-color); font-family: var(--main-font); font-weight: var(--bold-font); font-size: 1.1rem; text-decoration: none; width: auto; text-align: center; box-sizing: border-box; padding: 0 50px; margin-top: 20px; border-radius: var(--button-border-radius); line-height: 3em; transition: ease-out all 100ms; cursor: pointer; } .cloud-richcontent .borderArrowBtn.yellow { background: var(--main-button-color); color: var(--white-color); border: solid 3px var(--white-color); } .cloud-richcontent .borderArrowBtn::before { content: ""; width: 75px; height: 4px; background-color: var(--scan-blue-color); display: block; position: absolute; border-radius: 10px; top: 24px; transition: inherit; right: -55px; } .cloud-richcontent .borderArrowBtn.yellow::before { background-color: var(--optic-yellow-color); } .cloud-richcontent .borderArrowBtn::after { content: ""; width: 16px; height: 20px; background: url(/images/homepages/ai/homepage/blue-link-arrow.svg) no-repeat; background-position: center; background-size: contain; display: block; position: absolute; top: 16px; right: 8px; transition: inherit; transform: rotate(180deg); } .cloud-richcontent .borderArrowBtn.yellow::after { background: url(/images/homepages/ai/homepage/yellow-link-arrow.svg) no-repeat; } .cloud-richcontent .borderArrowBtn:hover { background: #f1f1f1; } .cloud-richcontent .borderArrowBtn.yellow:hover { background: #646464; } .cloud-richcontent .borderArrowBtn:hover::before { right: -40px; } .cloud-richcontent .borderArrowBtn:hover::after { right: 25px; } .cloud-richcontent .yellowAiButton.buttonCenter, .cloud-richcontent .borderArrowBtn.buttonCenter { margin: 0 auto; } .cloud-richcontent span.yellowUnderline, .cloud-richcontent span.blueUnderline { display: inline-block; text-decoration: underline; text-decoration-thickness: 0.25rem; text-underline-offset: 0.45rem; padding-bottom: 0; } .cloud-richcontent span.yellowUnderline { text-decoration-color: var(--optic-yellow-color); } .cloud-richcontent span.blueUnderline { text-decoration-color: var(--scan-blue-color); } .cloud-richcontent .intro-text { padding: 45px 20px; background: #E4E4E4; } .cloud-richcontent .intro-text .intro-content { margin: 0 auto; max-width: 1500px; width: 100%; } .cloud-richcontent .intro-text .intro-content h4 { font-size: 1.5em; line-height: 1.1em; font-family: var(--main-font); font-weight: var(--semibold-font); margin-bottom: 25px; } .cloud-richcontent .intro-text .intro-content p { font-size: 1.1em; color: #000; padding-top: 35px; } .cloud-richcontent .intro-text .intro-content p a { color: #006fff; font-family: var(--main-font); font-weight: var(--semibold-font); } .cloud-richcontent .intro-text .intro-content p span.bluetext { color: #006fff; font-family: var(--main-font); font-weight: var(--semibold-font); } @media screen and (max-width: 750px) { .cloud-richcontent .intro-text .intro-content p { text-align: center; } } .cloud-richcontent .gpuSteps { padding-top: 100px; padding-bottom: 100px; position: relative; background: url("/images/homepages/cloud/homepage/gpu-steps-bg.jpg?v=2") no-repeat; background-position: center; background-size: cover; } .cloud-richcontent .gpuSteps h4 { font-size: 3.5em; line-height: 1.1em; font-family: var(--main-font); font-weight: var(--bold-font); position: relative; text-align: center; color: var(--white-color); padding-bottom: 25px; } .cloud-richcontent .gpuSteps h5 { font-size: 1.8em; line-height: 1.1em; font-family: var(--main-font); font-weight: var(--semibold-font); position: relative; text-align: center; color: var(--white-color); padding-bottom: 50px; } .cloud-richcontent .stepsCont { margin-top: 50px; display: flex; justify-content: center; } .cloud-richcontent .stepsCont .stepsBlock { width: 33%; padding: 0; } .cloud-richcontent .stepsCont .stepsBlock:nth-child(2) { border-left: 1px solid var(--optic-yellow-color); border-right: 1px solid var(--optic-yellow-color); } .cloud-richcontent .stepsCont .stepsBlock div { padding: 0 45px; text-align: center; } .cloud-richcontent .stepsCont .stepsBlock div img { display: block; margin: 0 auto 20px auto; } .cloud-richcontent .stepsCont .stepsBlock div span { font-family: var(--main-font); font-weight: var(--semibold-font); color: var(--white-color); font-size: 1rem; } .cloud-richcontent .stepsCont .stepsBlock div p { font-family: var(--main-font); font-weight: var(--regular-font); color: var(--white-color); font-size: 1rem; } .cloud-richcontent .stepsCont .stepsBlock div span span { margin-right: 8px; } @media screen and (max-width: 825px) { .cloud-richcontent .gpuSteps { padding-top: 50px; padding-bottom: 50px; } .cloud-richcontent .gpuSteps h4 { font-size: 2.5em; } .cloud-richcontent .stepsCont { flex-direction: column; } .cloud-richcontent .stepsCont .stepsBlock { width: 90%; padding: 10px 0; margin: auto; } .cloud-richcontent .stepsCont .stepsBlock:nth-child(2) { border-top: 1px solid var(--optic-yellow-color); border-bottom: 1px solid var(--optic-yellow-color); border-left: none; border-right: none; } .cloud-richcontent .stepsCont .stepsBlock div { padding: 0 20px; text-align: center; } .cloud-richcontent .stepsCont .stepsBlock div img { width: 50px; } } .cloud-richcontent .max-centerCont { max-width: 1330px; padding: 0 25px; box-sizing: border-box; margin: 0 auto; width: 100%; } /*##### TABLE #####*/ .cloud-richcontent .spec-table { padding: 50px 20px; background: url("/images/richcontent/cloud/spec-bg.webp?v=2") no-repeat right; background-size: 120%; } .cloud-richcontent .spec-table h4 { font-size: 1.8em; line-height: 1.1em; font-family: var(--main-font); font-weight: var(--semibold-font); position: relative; text-align: center; color: var(--black-color); padding-bottom: 50px; } .cloud-richcontent .table-content { overflow: hidden; border-radius: 10px; border: 1px solid #B9B9B9; margin-bottom: 15px; max-width: 1000px; width: 100%; margin: auto; } .cloud-richcontent .table-content table { width: 100%; text-align: center; font-size: 1.2em; } .cloud-richcontent .table-content thead tr { background: #000000; } .cloud-richcontent .table-content thead tr th { color: #ffffff; font-family: var(--main-font); font-weight: var(--semibold-font); padding: 20px 0; border-right: 2px solid #B9B9B9; color: var(--optic-yellow-color); } .cloud-richcontent .table-content thead tr th:last-child { border-right: none; } .cloud-richcontent .table-content tbody tr { background: #F8F8F8; border-bottom: 1px solid #B9B9B9; } .cloud-richcontent .table-content tbody tr:nth-child(odd) { background: #D9D9D9; } .cloud-richcontent .table-content tbody tr:last-child { border-bottom: none; } .cloud-richcontent .table-content tbody td { color: #595959; font-family: var(--main-font); font-weight: var(--regular-font); padding: 20px 0; border-right: 2px solid #B9B9B9; } .cloud-richcontent .table-content tbody td:last-child { border-right: none; position: relative; } @media screen and (max-width: 780px) { .cloud-richcontent .spec-table { padding: 50px 20px; background: url("/images/richcontent/cloud/spec-bg.webp?v=2") no-repeat right; background-size: cover; } .cloud-richcontent .table-content table { width: 100%; text-align: center; font-size: 1em; } .cloud-richcontent .table-content tbody td, .cloud-richcontent .table-content thead tr th { padding: 15px 5px; } } /*##### TABLE #####*/ /*##### LEVERAGE POWER #####*/ .cloud-richcontent .leverage { padding: 45px 20px; background: #F8F7FC; } .cloud-richcontent .leverage .leverage-content { margin: 0 auto; max-width: 1500px; width: 100%; } .cloud-richcontent .leverage .leverage-content h4 { font-size: 1.8em; line-height: 1.7em; font-family: var(--main-font); font-weight: var(--semibold-font); margin: 0 auto 25px auto; display: table; color: var(--black-color); text-align: center; } .cloud-richcontent .leverage .leverage-content .blocks-cont { display: flex; justify-content: center; } .cloud-richcontent .leverage .leverage-content .blocks-cont .block { width: 25%; border-radius: 20px; margin: 10px; } .cloud-richcontent .leverage .leverage-content .blocks-cont .block .block-inner { padding: 45px 30px; } .cloud-richcontent .leverage .leverage-content .blocks-cont .block .block-inner img { display: block; width: 90px; margin: 0 auto 20px auto; } .cloud-richcontent .leverage .leverage-content .blocks-cont .block .block-inner h5 { text-align: center; font-family: var(--main-font); font-weight: var(--semibold-font); font-size: 1.2em; color: var(--black-color); line-height: 1.5em; } .cloud-richcontent .leverage .leverage-content .blocks-cont .block .block-inner p { text-align: center; font-family: var(--main-font); font-weight: var(--regular-font); font-size: 1em; color: var(--black-color); line-height: 1.4em; } @media screen and (max-width: 1000px) { .cloud-richcontent .leverage .leverage-content .blocks-cont { flex-wrap: wrap; justify-content: center; } .cloud-richcontent .leverage .leverage-content .blocks-cont .block { width: 45%; border-radius: 20px; margin: 10px; } } @media screen and (max-width: 500px) { .cloud-richcontent .leverage .leverage-content .blocks-cont .block { width: 90%; border-radius: 20px; margin: 10px; } .cloud-richcontent .leverage .leverage-content .blocks-cont .block .block-inner { padding: 10px; } .cloud-richcontent .leverage .leverage-content .blocks-cont .block .block-inner img { display: block; margin: 0 auto 20px auto; } } /*##### LEVERAGE POWER #####*/ /*##### OPTIMISED FOR SOFTWARE #####*/ .cloud-richcontent .optimised { padding: 45px 20px; } .cloud-richcontent .optimised .optimised-content { margin: 0 auto; max-width: 1500px; width: 100%; } .cloud-richcontent .optimised .optimised-content h4 { font-size: 1.8em; line-height: 1.7em; font-family: var(--main-font); font-weight: var(--semibold-font); margin: 0 auto 25px auto; display: table; color: var(--black-color); text-align: center; } .cloud-richcontent .optimised .optimised-content img { display: block; max-width: 1250px; width: 95%; margin: 0 auto; } .cloud-richcontent .optimised .optimised-content .blackOutlinebutton { display: table; margin: 0 auto; border: 2px solid #000; border-radius: 25px; line-height: 3em; padding: 0 35px; font-family: var(--main-font); font-weight: var(--semibold-font); text-decoration: none; color: var(--black-color); } .cloud-richcontent .optimised .optimised-content .blocks-cont { display: flex; justify-content: center; } .cloud-richcontent .optimised .optimised-content .blocks-cont .block { width: 33%; background: #E4E4E4; border-radius: 20px; margin: 10px; } .cloud-richcontent .optimised .optimised-content .blocks-cont .block .block-inner { padding: 45px 30px; } .cloud-richcontent .optimised .optimised-content .blocks-cont .block .block-inner img { display: block; width: 75px; margin: 20px auto 50px auto; } .cloud-richcontent .optimised .optimised-content .blocks-cont .block .block-inner h5 { text-align: center; font-family: var(--main-font); font-weight: var(--bold-font); font-size: 1.8em; color: var(--black-color); line-height: 1.5em; } .cloud-richcontent .optimised .optimised-content .blocks-cont .block .block-inner p { text-align: center; font-family: var(--main-font); font-weight: var(--regular-font); font-size: 1em; color: var(--black-color); line-height: 1.4em; } @media screen and (max-width: 1000px) { .cloud-richcontent .optimised .optimised-content .blocks-cont { flex-wrap: wrap; justify-content: center; } .cloud-richcontent .optimised .optimised-content .blocks-cont .block { width: 45%; border-radius: 20px; margin: 10px; } } @media screen and (max-width: 500px) { .cloud-richcontent .optimised .optimised-content .blocks-cont .block { width: 90%; border-radius: 20px; margin: 10px; } .cloud-richcontent .optimised .optimised-content .blocks-cont .block .block-inner { padding: 30px 15px; } .cloud-richcontent .optimised .optimised-content .blocks-cont .block .block-inner img { display: block; width: 75px; margin: 0 auto 20px auto; } } /*##### OPTIMISED FOR SOFTWARE #####*/ /*##### KEY FEATURES #####*/ .cloud-richcontent .benefits { padding: 45px 20px; background: #F1F1F1; } .cloud-richcontent .benefits .benefits-content { margin: 0 auto; max-width: 1500px; width: 100%; } .cloud-richcontent .benefits .benefits-content h4 { font-size: 1.8em; line-height: 1.7em; font-family: var(--main-font); font-weight: var(--semibold-font); margin: 0 auto 25px auto; display: table; color: var(--black-color); text-align: center; } .cloud-richcontent .benefits .benefits-content .blocks-cont { display: flex; flex-wrap: wrap; justify-content: center; } .cloud-richcontent .benefits .benefits-content .blocks-cont .block { width: 30%; background: #000000; border-radius: 20px; margin: 10px; } .cloud-richcontent .benefits .benefits-content .blocks-cont .block .block-inner { padding: 45px 30px; } .cloud-richcontent .benefits .benefits-content .blocks-cont .block .block-inner img { display: block; width: 185px; margin: 0 auto 20px auto; } .cloud-richcontent .benefits .benefits-content .blocks-cont .block .block-inner h5 { text-align: center; font-family: var(--main-font); font-weight: var(--semibold-font); font-size: 1.2em; color: var(--white-color); line-height: 1.5em; } .cloud-richcontent .benefits .benefits-content .blocks-cont .block .block-inner p { text-align: center; font-family: var(--main-font); font-weight: var(--regular-font); font-size: 1em; color: var(--white-color); line-height: 1.4em; } @media screen and (max-width: 1000px) { .cloud-richcontent .benefits .benefits-content .blocks-cont { flex-wrap: wrap; justify-content: center; } .cloud-richcontent .benefits .benefits-content .blocks-cont .block { width: 45%; border-radius: 20px; margin: 10px; } } @media screen and (max-width: 500px) { .cloud-richcontent .benefits .benefits-content .blocks-cont .block { width: 90%; border-radius: 20px; margin: 10px; } .cloud-richcontent .benefits .benefits-content .blocks-cont .block .block-inner { padding: 30px 15px; } .cloud-richcontent .benefits .benefits-content .blocks-cont .block .block-inner img { display: block; width: 125px; margin: 0 auto 20px auto; } } /*##### KEY FEATURES #####*/ /*##### SUBSCRIPTIONS #####*/ .cloud-richcontent .subscription { padding: 45px 20px; } .cloud-richcontent .subscription .subscription-content { margin: 0 auto; max-width: 1500px; width: 100%; } .cloud-richcontent .subscription .subscription-content h4 { font-size: 1.8em; line-height: 1.7em; font-family: var(--main-font); font-weight: var(--semibold-font); margin: 0 auto 25px auto; display: table; color: var(--black-color); text-align: center; } .cloud-richcontent .subscription .subscription-content .blocks-cont { display: flex; justify-content: center; } .cloud-richcontent .subscription .subscription-content .blocks-cont .block { width: 20%; border-radius: 20px; margin: 10px; } .cloud-richcontent .subscription .subscription-content .blocks-cont .block .block-inner { padding: 45px 30px; } .cloud-richcontent .subscription .subscription-content .blocks-cont .block .block-inner img { display: block; width: 95px; margin: 0 auto 20px auto; } .cloud-richcontent .subscription .subscription-content .blocks-cont .block .block-inner h5 { text-align: center; font-family: var(--main-font); font-weight: var(--semibold-font); font-size: 1.2em; color: var(--black-color); line-height: 1.5em; } .cloud-richcontent .subscription .subscription-content .blocks-cont .block .block-inner p { text-align: center; font-family: var(--main-font); font-weight: var(--regular-font); font-size: 1em; color: var(--black-color); line-height: 1.4em; } @media screen and (max-width: 1000px) { .cloud-richcontent .subscription .subscription-content .blocks-cont { flex-wrap: wrap; justify-content: center; } .cloud-richcontent .subscription .subscription-content .blocks-cont .block { width: 40%; border-radius: 20px; margin: 10px; } .cloud-richcontent .subscription .subscription-content .blocks-cont .block .block-inner { padding: 10px; } } /*##### SUBSCRIPTIONS #####*/ /*##### WHY BUY #####*/ .cloud-richcontent .whyCont { padding-top: 100px; padding-bottom: 100px; background-color: #1f2020; } .cloud-richcontent .whyCont h4 { font-size: 1.8em; line-height: 1.1em; font-family: var(--main-font); font-weight: var(--semibold-font); margin: 0 auto 25px auto; display: table; color: var(--white-color); text-align: center; } .cloud-richcontent .whyCont h5 { font-size: clamp(0.9rem, 3vw, 1rem); text-align: center; } .cloud-richcontent .whyCont h5.blueHighlight { font-family: var(--main-font); font-weight: var(--regular-font); background: var(--scan-blue-color); color: var(--white-color); padding: 8px; display: table; font-size: 1rem; margin: auto; } .cloud-richcontent .whyCont .max-centerCont span.subHeader { text-align: center; display: table; margin: 60px auto 0 auto; color: var(--white-color); background: var(--scan-blue-color); padding: 8px; font-family: var(--main-font); font-weight: var(--regular-font); font-size: 1rem; } .cloud-richcontent .whyCont .btn-solid-yellow { display: table; margin: 35px auto 0 auto; } .cloud-richcontent .whyCont .content-row { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 5em; padding: 3em 0; } .cloud-richcontent .whyCont .content-row .content-box { display: flex; flex-direction: column; text-align: left; gap: 1em; } .cloud-richcontent .whyCont .content-row .content-box img { width: 300px; max-width: 100%; object-fit: contain; } .cloud-richcontent .whyCont .content-row .content-box div { border-left: 2px solid var(--optic-yellow-color); padding-left: 15px; margin: 10px 0; } .cloud-richcontent .whyCont .content-row .content-box h5 { color: #fff; font-family: "Poppins-SemiBold", sans-serif; font-size: 1.25rem; line-height: 2rem; text-align: left; padding: 0; } .cloud-richcontent .whyCont .content-row .content-box p { color: #fff; font-family: "Poppins-Regular", sans-serif; font-size: 0.9rem; line-height: 2rem; text-align: left; padding: 0; } /* BOX GRID */ /* .cloud-richcontent .whyCont .grid-container { max-width: 1100px; } */ .cloud-richcontent .whyCont .box-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 1em; } .cloud-richcontent .whyCont .box-grid .box-grid-item { /* width: 23%; */ flex: 1 1 30%; background-color: #3b3b3b; border-radius: 1em; /* margin: 5px; */ } .cloud-richcontent .whyCont .box-grid.three .box-grid-item { width: 30%; } .cloud-richcontent .whyCont .box-grid .box-grid-item .box-grid-item-content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2em; } .cloud-richcontent .whyCont .box-grid .box-grid-item .box-grid-item-content img { width: 80px; max-width: 100%; margin-bottom: 10px; } .cloud-richcontent .whyCont .box-grid .box-grid-item .box-grid-item-content h4 { color: #fff; font-family: var(--main-font); font-weight: var(--semibold-font); font-size: 1rem; line-height: 1.2rem; text-align: center; text-wrap: balance; } .cloud-richcontent .whyCont .box-grid .box-grid-item .box-grid-item-content p { padding: 15px 0 0 0; font-family: var(--main-font); font-weight: var(--regular-font); color: var(--white-color); font-size: clamp(0.8rem, 1vw, 1rem); line-height: 1.6rem; text-align: center; text-wrap: pretty; } @media screen and (max-width: 1050px) { .cloud-richcontent .whyCont .box-grid .box-grid-item, .cloud-richcontent .whyCont .box-grid.three .box-grid-item { width: 45%; } } @media screen and (max-width: 700px) { .cloud-richcontent .whyCont { padding-top: 50px; padding-bottom: 50px; } .cloud-richcontent .whyCont .content-row { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2.5em; padding: 3em 0; } .cloud-richcontent .whyCont .content-row .content-box h5, .cloud-richcontent .whyCont .content-row .content-box p { text-align: center; } } @media screen and (max-width: 575px) { .cloud-richcontent .whyCont .box-grid .box-grid-item, .cloud-richcontent .whyCont .box-grid.three .box-grid-item { width: 100%; } .cloud-richcontent .whyCont .box-grid .box-grid-item .box-grid-item-content p { display: none; } } /*##### WHY BUY #####*/ /* GOOGLE ICONS */ .cloud-richcontent .material-symbols-outlined { font-size: 4rem !important; color: #ddfc0a !important; line-height: 1; padding-bottom: 1rem; } /****** TODAY ONLY ******/ .saleSubCont .mainHeaderTO.new { background: #0b5693 url("/images/homepages/TodayOnly/2024-update/header-bg.png") no-repeat center; height: 250px; } .saleSubCont .mainHeaderTO.new .contWrap { height: 250px; width: 312px; display: block; margin: 0 auto; text-align: center; } .saleSubCont .mainHeaderTO.new .contWrap .neonFlicker { animation: flickerLight 1.5s infinite alternate; } /* @media screen and (prefers-reduced-motion) { .saleSubCont .mainHeaderTO.new .contWrap .neonFlicker { animation: none; } } */ @media screen and (max-width: 1000px) { .saleSubCont .mainHeaderTO.new { background: url("/images/homepages/TodayOnly/2024-update/bg-mob.png") no-repeat center !important; height: 195px; background-size: 1000px !important; } .saleSubCont .mainHeaderTO.new img { width: 270px; padding-top: 0; } .saleSubCont .mainHeaderTO.new .contWrap { height: auto; width: auto; } } /***** INTRO TEXT ******/ .saleSubCont .contC { padding: 35px 20px; text-align: center; max-width: 2200px; margin: auto; width: auto; } /***** INTRO TEXT ******/ .saleSubCont .contC h3 { text-align: center; font-family: "Poppins-Bold", sans-serif; font-size: 2em; text-transform: none; color: #000000; padding-top: 25px; line-height: 1.3em; text-wrap: pretty; } .saleSubCont .contC p { padding: 16px 0 0 0; font-size: 1.1em; line-height: 1.4em; font-family: "Poppins-Regular", sans-serif; } .saleSubCont .btn.backButton { margin-top: 20px; border-radius: 25px; padding: 0 35px; background: #333; color: #fff; font-family: "Poppins-Bold", sans-serif; } @media screen and (max-width: 750px) { .saleSubCont .btn.backButton { margin-top: 0; } .saleSubCont .contC p { display: none; } .contC.intro { padding: 10px 20px; } } /***** INTRO TEXT ******/ /***** NAVIGATION ******/ .saleSubCont .navCont { width: 100%; max-width: 2200px; margin: auto; } .saleSubCont .navCont .topnav { border-radius: 15px; background-color: #262626 !important; position: relative; } .saleSubCont .navCont .topnav .linkCont { display: flex; flex-wrap: wrap; background-color: #fff; justify-content: center; } .saleSubCont .navCont .topnav .linkCont a.links { display: block; width: 10%; text-align: center; background: none; padding: 0; text-decoration: none; } .saleSubCont .navCont .topnav .linkCont a.links:first-child { display: none; } .saleSubCont .navCont .topnav .linkCont .links p { font-family: "Poppins-SemiBold", sans-serif; color: #000; border: 1px solid #fff; padding: 16px 0; line-height: 1em; background: #e3e3e3; width: 100%; font-size: 0.9em; transition: all ease-in-out 250ms; } .saleSubCont .navCont .topnav .linkCont a.links p:hover { background: #0068f1; color: #fff; } .saleSubCont .navCont .topnav .linkCont a.links.selected p { background: #0068f1; color: #ffffff; font-family: "Poppins-Bold", sans-serif; } .saleSubCont .navCont .topnav .btn.confirm { display: none; } .saleSubCont .navCont .topnav .btn.cancel { display: none; } [data-plugin="expandableBlock"].collapsed button[data-action="collapse"] { display: none !important; } @media screen and (max-width: 1250px) { .saleSubCont .navCont { margin: 10px auto 25px auto; height: 70px; } .saleSubCont .navCont .topnav { background-color: #f3f3f3; position: relative; } .saleSubCont .navCont .topnav .linkCont { display: flex; flex-wrap: wrap; position: absolute; z-index: 98; background-color: #ebebeb; justify-content: center; border: none; border-radius: 0; padding: 15px; } .saleSubCont .navCont .topnav .linkCont a.links:first-child { display: block; } .saleSubCont .navCont .topnav .linkCont a.links:first-child { background-color: #0068f1; font-family: "Poppins-Bold", sans-serif; padding: 14px 0; color: #ffffff; text-align: center; font-size: 1.1em; width: 100%; margin: 0 0 10px 0; border-radius: 5px; } .saleSubCont .navCont .topnav .linkCont a.links { width: 30%; } .saleSubCont .navCont .topnav .linkCont .links p { padding: 10px 0; } .saleSubCont .navCont .topnav .btn.confirm { display: block; position: absolute; right: 26px; top: 24px; height: 28px; width: 28px; background: #fff url("/images/landingpages/blackfriday/2019/plus.png") no-repeat center; border: none; cursor: pointer; z-index: 99; border-radius: 5px; } .saleSubCont .navCont .topnav .btn.cancel { display: block; position: absolute; right: 26px; top: 24px; height: 28px; width: 28px; background: #fff url("/images/landingpages/blackfriday/2019/minus.png") no-repeat center; border: none; cursor: pointer; z-index: 99; border-radius: 5px; } } @media screen and (max-width: 500px) { .saleSubCont .navCont .topnav .linkCont a.links { width: 45%; } } /***** NAVIGATION ******/ /***** FILTER STYLES *****/ .saleSubCont .shop-with-filter { max-width: 2200px; margin: 35px auto 0 auto; } .saleSubCont .shop-with-filter > div .shop-filter { width: 360px; vertical-align: top; padding: 0; background-color: #f0f0f0; border-radius: 5px; margin: 15px; display: table-cell; } .saleSubCont .shop-with-filter.productFilterHidden > div .shop-filter { width: 0; } #productFilter > div .field-block.expanded > div { text-align: left; } .saleSubCont .shop-with-filter.productFilterHidden > div .content-area { padding-left: 0; display: block; } .saleSubCont .shop-with-filter > div .content-area { display: table-cell; padding-left: 25px; width: 100%; } .saleSubCont .shop-with-filter > div .content-area .categoryTitle { display: none; } .saleSubCont #productFilter > div > div { margin: 0 16px; } .saleSubCont .siteShopCategory .products-cont .category-toolbar { display: block; } .saleSubCont .siteShopCategory .products-cont .category-toolbar div[data-component="product-filter-toggle"] { display: inline-flex; } .saleSubCont .category-toolbar .view { display: none; } @media screen and (max-width: 1100px) { .saleSubCont .siteShopCategory .products-cont .category-toolbar { display: none; } .saleSubCont .shop-with-filter > div .shop-filter { display: none; } .saleSubCont .shop-with-filter > div .content-area { margin-left: 0; padding-left: 0; } } @media screen and (max-width: 600px) { .saleSubCont .shop-filter div#productFilter { display: none; } } @media screen and (max-width: 450px) { .saleSubCont .shop-with-filter { margin: 0; } } /***** FILTER STYLES *****/ /***** BLACK FRIDAY *****/ .saleSubCont .black-friday-bg { background-color: #000; } .saleSubCont.blackfriday { background-color: #000; color: #fff; } .saleSubCont.contC p, .saleSubCont .contC h3 { color: #fff; } .saleSubCont.blackfriday .contC .btn.backButton { background: #fff; color: #000; } .saleSubCont.blackfriday .contC .btn.backButton { background: #000000; } .saleSubCont.blackfriday .navCont .topnav .linkCont a.links.selected p { background: #000000; } .saleSubCont.blackfriday .navCont .topnav .linkCont a.links.selected p:hover { background: #000000; } /* HIDE SITESHOP TITLE ------ do not do this as it does it globally for all siteshops!!!!!!!!!!!!!!!!!*/ /* .siteShopCategory .categoryTitle h2 { display: none; } */ .black-friday-header { background: #000 url("/images/homepages/computerhardware/black-friday-2024/black-friday-bg.webp"); background-size: cover; background-position: center center; /* height: 250px; */ position: relative; z-index: 0; gap: 3em; padding: 2em 3em; } .black-friday-header .black-friday-logo { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 1em; /* flex: 1; */ } .black-friday-header .black-friday-logo img { max-width: 100%; height: 12em; object-fit: contain; } .black-friday-header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("/images/homepages/computerhardware/black-friday-2024/black-friday-bg.webp") no-repeat center center; background-size: cover; border-image: fill 0 linear-gradient(hsla(0, 0%, 0%, 0.8), hsla(0, 0%, 0%, 0.8)); /* filter: blur(3px); */ z-index: -1; } .black-friday-header .neonFlicker { animation: flickerLight 1.5s infinite alternate; } .black-friday-header .header-container { display: flex; flex-direction: row; align-items: center; margin: 0 auto; max-width: 1480px; } .black-friday-paypal a { display: block; text-align: center; font-family: "Poppins-Bold", "open_sansbold", sans-serif; width: 150px; height: 24px; border: solid 2px white; background-color: rgba(0, 0, 0, 0.4); color: white; font-size: 0.9em; text-decoration: none; padding: 5px 15px; line-height: 2em; border-radius: 22px; cursor: pointer; transition: ease-out all 100ms; } /* BLACK FRIDAY PRODUCT */ .blackfriday .product-img { /* flex: 1; */ display: flex; flex-direction: column; align-items: center; color: #fff; justify-content: center; position: relative; z-index: 1; } .blackfriday .product-img img { width: 100%; height: 15em; object-fit: contain; } /* BLACK FRIDAY PAYPAL CONTENT */ .black-friday-paypal { flex: 1; display: flex; flex-direction: column; align-items: flex-end; gap: 0.5em; color: #fff; text-align: right; } .black-friday-paypal h6 { background: #fff; color: #000; padding: 0.2rem 0.5rem; font-family: "Poppins-Bold", sans-serif; font-size: 1rem; margin: 0; } .black-friday-paypal p { font-size: 0.8rem; margin: 0; text-align: right; } .black-friday-paypal img { width: 100px; height: auto; object-fit: contain; position: relative; z-index: 1; padding: 0; } @media screen and (max-width: 745px) { .black-friday-header { gap: 0; padding: 3em; flex-wrap: wrap; justify-content: center; } .black-friday-header .header-container { flex-direction: column; gap: 1em; justify-content: center; align-items: center; } .black-friday-paypal { flex-direction: column; align-items: center; color: #fff; text-align: center; justify-content: center; flex: 1; } .black-friday-paypal p { text-align: center; } .product-img { display: none; } } /** BLACK FRIDAY BANNER **/ .blackFriday { background-color: #0d0d0d; border-top: 3px solid #fff; padding: 1rem; } .blackFriday .inner { max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; gap: 2rem; } .blackFriday .logo-section { flex: 1; } .blackFriday .logo-section img { max-width: 100px; height: auto; } .blackFriday .date-section { flex: 1; text-align: center; } .blackFriday .blackFriday-section { flex: 1; display: flex; flex-direction: column; align-items: flex-end; gap: 0.5em; } .blackFriday .paypal-logo { display: flex; align-items: flex-end; align-content: flex-end; flex: 1; } .blackFriday .paypal-logo { max-width: 100px; height: auto; } .blackFriday h6 { background: #fff; color: #000; padding: 0.2rem 0.5rem; display: inline-block; font-family: "Poppins-Bold", "open_sansbold", sans-serif; font-size: 1rem; text-align: right; } .blackFriday h5 { color: #fff; font-family: "Poppins-Bold", "open_sansbold", sans-serif; font-size: calc(3rem + 1vw); letter-spacing: 0.3em; } .blackFriday p { color: #fff; font-size: 0.5rem; margin: 0; padding: 0; text-align: right; } @media (width <= 500px) { .blackFriday .inner { flex-direction: column; /* flex-wrap: wrap; */ justify-content: center; gap: 1rem; padding: 1em; } .blackFriday .logo-section { flex: 0 0 25%; order: 1; } .blackFriday .paypal-section { flex: 0 0 50%; order: 2; align-items: center; text-align: center; } .blackFriday .paypal-logo { flex: 0 0 25%; order: 3; } .blackFriday .date-section { flex: 0 0 100%; order: 4; } .blackFriday .logo-section img, .blackFriday .paypal-logo img { display: block; max-width: 100%; width: 80px; height: auto; } .blackFriday h5 { font-size: 1.5rem; letter-spacing: 0.2em; } .blackFriday p { font-size: 0.4rem; } .blackFriday h6 { font-size: 0.6rem; } } @media (width <= 680px) { .blackFriday .inner { flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 1rem; padding: 0.5em; } .blackFriday .blackFriday-section { align-items: center; gap: 0.5em; order: 4; } .blackFriday .logo-section { flex: 0 1 auto; order: 0; } .blackFriday .date-section { flex: 1; order: 3; } .blackFriday .paypal-logo { flex: 0 0 auto; order: 4; } .blackFriday .logo-section img, .blackFriday .paypal-logo img { width: 60px; height: auto; } .blackFriday h5 { font-size: 2rem; letter-spacing: 0.1em; } .blackFriday p { font-size: 0.5rem; text-align: center; } .blackFriday h6 { font-size: 0.7rem; text-align: center; } } /*********** BLACK FRIDAY ***********/ /*********** FESTIVE SALE ***********/ /* BLOCK COLOR TEXT */ .saleSubCont.festive-sale-bg .highlight-text { background-color: #ff0000; padding: 0.025em 0.35em; color: #ffffff; } .saleSubCont.festive-sale-bg { background-color: #000; color: #fff; } /* FESTIVE SALE PAGES */ .festive-sale-header { background: #000 url("/images/homepages/computerhardware/christmas-2024/christmas-sale-header-bg.webp"); background-size: cover; background-position: center center; /* height: 250px; */ position: relative; z-index: 0; gap: 3em; padding: 0; overflow: hidden; } /* FESTIVE SALE HEADER */ .festive-sale-header .festive-sale-logo img { max-width: 100%; height: 10em; object-fit: contain; } .festive-sale-header::before { border-image: fill 0 linear-gradient(hsla(0, 0%, 0%, 0.8), hsla(0, 0%, 0%, 0.8)); /* filter: blur(3px); */ display: none; } .festive-sale-header .neonFlicker { animation: flickerLight 1.5s infinite alternate; } .festive-sale-header .header-container { display: flex; flex-direction: row; align-items: center; margin: 0 auto; max-width: 1480px; padding: 0 2em; position: relative; z-index: 0; } .festive-intro-text h3 { text-align: center; font-family: "Poppins-Regular", sans-serif; font-size: 1.1em; line-height: 1.4em; } .festive-sale-header .product-img { z-index: -1; margin: -5em 0 0 0; } .festive-sale-header .product-img { /* flex: 1 1 auto; */ display: flex; flex-direction: column; align-items: center; color: #fff; justify-content: center; position: relative; z-index: 1; } .festive-sale-header .product-img img { width: 100%; height: 17em; object-fit: contain; transform-origin: top center; animation: gentleSwing 3s ease-in-out infinite; } .festive-sale-header .festive-sale-paypal { flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 0.5em; color: #fff; text-align: right; padding-top: 2em; } .festive-sale-header .festive-sale-paypal h6 { background: #ddfc0d; color: #000; padding: 0.2rem 0.5rem; font-family: "Poppins-Bold", sans-serif; font-size: 1rem; margin: 0; } .festive-sale-header .festive-sale-paypal p { font-size: 0.8rem; margin: 0; text-align: right; text-wrap: balance; } .festive-sale-header .festive-sale-paypal img { width: 100px; height: auto; object-fit: contain; position: relative; z-index: 1; padding: 0; } .festive-sale-header .festive-sale-paypal a.text-link { font-family: "Poppins-Regular", sans-serif; display: inline; text-align: left; font-size: 0.9em; text-decoration: underline; padding: 0; line-height: normal; border: none; cursor: pointer; background: none; color: #cecece; } /* MOBILE SHOP NOW BUTTON */ .festive-sale-header .header-container .btn-mobile { display: none; } @media screen and (max-width: 950px) { .festive-sale-header .product-img { display: none; } } @media screen and (max-width: 550px) { .festive-sale-header .header-container { flex-wrap: wrap; } .festive-sale-header .festive-sale-logo { width: 100%; padding: 2em 0; } .festive-sale-header .festive-sale-logo img { display: block; margin: 0 auto; height: auto; width: 225px; } .festive-sale-header .festive-sale-paypal { align-items: center; padding-top: 0; padding-bottom: 2em; } .festive-sale-header .festive-sale-paypal p { text-align: center; } } /* SNOW */ .snow-container { width: 100%; position: relative; overflow: hidden; } .snow1 { background: url("/images/homepages/computerhardware/christmas-2024/snow.png"); background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; animation: snowOne 20s infinite linear; filter: drop-shadow(0 0 10px #fff); opacity: 30%; } .snow2 { background: url("/images/homepages/computerhardware/christmas-2024/snow.png"); background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; animation: snowTwo 30s infinite linear; background-size: 300px; filter: drop-shadow(0 0 10px #fff); opacity: 60%; } .snow3 { background: url("/images/homepages/computerhardware/christmas-2024/snow.png"); background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; animation: snowThree 25s infinite linear; background-size: 800px; filter: drop-shadow(0 0 10px #fff); opacity: 30%; } /***** BACK TO TOP BUTTON *****/ .saleSubCont .scroll-container { text-align: center; display: block; } .saleSubCont .scroll-button { background: rgba(0, 0, 0, 0.7) repeat scroll 0 0; color: #ffffff; border-radius: 3px; font-family: "open_sans-bold", sans-serif; padding: 6px 0 8px 0; width: 90px; display: inline-block; bottom: 5px; font-size: 1.2em; line-height: 1em; position: fixed; cursor: pointer; left: 0; right: 0; margin: 0 auto; } .saleSubCont .scroll-button:after { display: inline-block; width: 20px; height: 20px; content: ""; margin: 2px 0 0 10px; font-family: "scanicons", sans-serif; transform: rotate(270deg); content: "\e900"; color: #7a7a7a; font-weight: normal; font-size: 1.3em; } /****** ANIMATIONS ******/ @keyframes snowOne { 0% { background-position: 0px 0px; } 100% { background-position: 100px 750px; } } @keyframes snowTwo { 0% { background-position: 0px -100px; } 100% { background-position: 0px 750px; } } @keyframes snowThree { 0% { background-position: 0px 100px; } 100% { background-position: 300px 750px; } } @keyframes flickerLight { 0% { opacity: 1; } 18% { opacity: 1; } 22% { opacity: 0.5; } 25% { opacity: 1; } 53% { opacity: 0.6; } 57% { opacity: 1; } 100% { opacity: 1; } } @keyframes gentleSwing { 0% { transform: rotate(-1deg); } 50% { transform: rotate(1deg); } 100% { transform: rotate(-1deg); } } .product-group .wt-discount-message { position: absolute; top: 2px; left: 2px; z-index: 1; } .product-group .wt-discount-message { background-color: #F4BD21; padding: 5px 10px; color: black; font-weight: bold !important; margin-right: 10px; font-family: "open_sans", sans-serif !important; font-size: 14px !important; } .popupShown form { position:relative; } .popupShown div.popup { margin-top: 0!important; } @media screen and (max-width: 820px) and (min-width: 780px) { header.menu .search { width: 27vw; } } .siteshopHeader { text-align: center; width: 100%; height: 400px; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 1000px) { .siteshopHeader { display: none; } } .siteshopBanner { background-position: left; background-repeat: no-repeat; text-align: center; width: 100%; height: 85px; } @media screen and (max-width: 750px) { .siteshopBanner { display: none; } } /* body { background:#e1e1e1 url("/images/homepages/banners/nvidia/siteskin-1.jpg") no-repeat center top; background-attachment:fixed; } body.site5 { background:#e1e1e1 url("/images/site/skins/siteskin-proaudio-generic.jpg") no-repeat center top; background-attachment:fixed; } body.site6 { background:#e1e1e1 url("/images/site/skins/siteskin-provideo-generic.jpg") no-repeat center top; background-attachment:fixed; } body.site8 { background:#e1e1e1 url("/images/site/skins/siteskin-prographics-generic.jpg") no-repeat center top; background-attachment:fixed; } body.site17 { background:#e1e1e1 url("/images/site/skins/siteskin-progaming-generic.jpg") no-repeat center top; background-attachment:fixed; } body.siteBusiness { background: #ffffff !important; background-attachment:fixed; } .siteBusiness .skinButtonL, .siteBusiness .skinButtonR { display: none !important; } @media screen and (max-width:1280px) { body { background-attachment: unset !important;} } */ header.menu nav .menuLevel1 .pcTab { display:none; } /* -- Today Only Tab Black Friday -- */ /* header.menu nav .menuLevel1 li.toTab a { background: #ff0000 !important; color: #ffffff !important; } header.menu nav .menuLevel1 .toTab a:after { background-color: #ffffff !important; color: #ff0000 !important; } header.menu nav .menuLevel1 .toTab a:hover { background-color: #ff0000 !important; } */ @media screen and (max-width: 560px) { .tekspek-video {width:100%;} } .siteShopCategory .offer-expired.product .tags::before { content: "sorry! sold out"; } :root { color-scheme: normal !important; } /* .full-width-toggle button { cursor: pointer; } .full-width-toggle .feedbackLink { display: none; } .full-width-toggle.is-full-width { transition: ease-in-out all 200ms; width: 112px; height: 35px; overflow: hidden; border: 1px solid #adadad; } .full-width-toggle.is-full-width:hover { width: 250px; background: #ccc; } .full-width-toggle.is-full-width form { position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: inherit; } .full-width-toggle.is-full-width form button { transition: inherit; width: 112px; background: transparent; cursor: pointer; } .full-width-toggle.is-full-width:hover form button { background: #ccc; } .full-width-toggle.is-full-width .feedbackLink { position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 0 0 0 20px; border-right: 1px solid transparent; transition: inherit; width: 115px; display: block; color: #000; } .full-width-toggle.is-full-width:hover .feedbackLink { border-right: 1px solid #000; } .full-width-toggle.is-full-width .feedbackLink span { transition: inherit; opacity: 0; text-align: center; font-family:"Poppins-Regular",sans-serif; color: #000; } .full-width-toggle.is-full-width:hover .feedbackLink span { opacity: 1; } .full-width-toggle.is-full-width form button:focus { border: none; outline: none; } .full-width-toggle form button:after { content: "TRY OUR NEW SITE"; } .full-width-toggle.is-internal { width: 112px; } .full-width-toggle.is-internal:hover { width: 112px; } .full-width-toggle.is-internal form button { width: 112px; } .full-width-toggle.is-internal .feedbackLink { display: none; } @media screen and (max-width: 1800px) { .full-width-toggle { display: none; } .full-width-toggle.is-internal { display: block; } body.feature-share .share-page { display: none; } } @media screen and (max-width: 770px) { .full-width-toggle.is-internal { width: 60px; } .full-width-toggle.is-internal:hover { width: 60px; } .full-width-toggle.is-internal form button { width: 60px; } .full-width-toggle.is-internal .feedbackLink { display: none; } } .scrollHelper { display: none; } */ .full-width-toggle { display: none; } .fixedTop .breadcrumb { max-width: 1500px; } html.w-T67 .mc10 .buyGuide, .mc91 .buyGuide, .mc94 .buyGuide, .mc17 .buyGuide, .mc24 .buyGuide, .mc31 .buyGuide, .mc92 .buyGuide { display: inline-block !important; } .buyGuide-breadcrumb { margin: 0; color: #5b5b5b; font-family:"open_sans-bold",sans-serif; font-size: 1em; padding:40px 10px 20px 10px; } .popup-buyGuide { width: 1200px; padding: 38px 0 25px 0; display: flex; background: #f1f1f1 url(/images/buy-guide-thumbnail-sprite.png?v=3) no-repeat; background-size: 150px 1000px; } .popup-buyGuide.intelCPU { background-position: 10px 10px; } .popup-buyGuide.nvidiaGPU { background-position: 10px -125px; } .popup-buyGuide.amdCPU { background-position: 10px -268px; } .popup-buyGuide.amdGPU { background-position: 10px -415px; } .popup-buyGuide.memory { background-position: 10px -550px; } .popup-buyGuide.intelMobo { background-position: 10px -850px; } .popup-buyGuide.amdMobo { background-position: 10px -690px; } .popup-buyGuide .left { width:70%; } .popup-buyGuide .right { width:30%; text-align: right; } .popup-buyGuide .left strong { font-family: "uni_sansbold",sans-serif; color:#2777b3; font-size: 1.8em; padding: 0 20px 3px 160px; display: block; line-height: 1.1em; } .popup-buyGuide .left span { display: block; padding: 5px 0; font-size: 1.1em; padding: 0 20px 0 160px; } .popup-buyGuide .right a { font-family:"open_sans-bold",sans-serif; text-transform: uppercase; color:#2777b3; font-size: 1.1em; text-decoration: none; display: block; margin-top:5px; margin-right:40px; } .popup-buyGuide .right a:after { display: inline-block; width: 22px; height: 22px; content:''; border-radius:50%; margin:0 0 -5px 10px; background: #585858 url(/images/3xs/homepages/3xs-sprite-2018.svg) no-repeat; background-size: 2050px 2050px; background-position: -1893px -90px; } .popup-buyGuide .right a:hover { text-decoration: underline; } @media screen and (max-width: 1200px) { .popup-buyGuide { width: auto; } } @media screen and (max-width: 1000px) { .popup-buyGuide .left { width:60%; } .popup-buyGuide .right { width:40%;} .popup-buyGuide { padding-top:25px; } .popup-buyGuide .right a { margin-right:30px; } .popup-buyGuide .left strong { font-size: 1.6em } .popup-buyGuide .left span { font-size: 1em; } } @media screen and (max-width: 800px) { .popup-buyGuide { display:none; } } .plist-buyGuide { background-color: #f5f5f5; padding: 15px 0px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-top: 4px solid #d3d3d3; border-right: 4px solid #d3d3d3; border-left: 4px solid #d3d3d3; width: 380px; position:relative; margin-right:180px; position: fixed; left: 150px; bottom: 0; } .plist-buyGuide:before { content:'i'; display: block; width: 22px; position: absolute; margin-left: 7px; font-family: "uni_sansbold",sans-serif; color: #ffffff; background-color: #2777b3; text-align: center; font-size: 1.2em; padding: 3px 0; border-radius: 50%; } .plist-buyGuide strong { font-family: "uni_sansbold",sans-serif; color:#2777b3; font-size: 1.4em; padding: 0 20px 5px 36px; display: block; line-height: 1.1em; } .plist-buyGuide a { font-family:"open_sans-bold",sans-serif; text-transform: uppercase; color:#2777b3; font-size: 1em; text-decoration: none; display: block; margin-left:36px; } .plist-buyGuide a:hover { text-decoration: underline; } .plist-buyGuide .thumbnail { position: absolute; height:60px; right: -30px; top: 10px; background: url(/images/buy-guide-thumbnail-sprite.png?v=3) no-repeat; background-size: 130px 867px; } .plist-buyGuide.amdMobo { width: 400px; } .plist-buyGuide.intelMobo { width: 400px; } .plist-buyGuide.intelCPU .thumbnail { background-position:-17px -10px; width: 90px; } .plist-buyGuide.nvidiaGPU .thumbnail { background-position:-13px -120px; width: 100px; } .plist-buyGuide.amdCPU .thumbnail { background-position:-17px -252px; width: 98px; } .plist-buyGuide.amdGPU .thumbnail { background-position:-13px -372px; width: 98px; } .plist-buyGuide.memory .thumbnail { background-position:-11px -490px; width: 98px; } .plist-buyGuide.amdMobo .thumbnail { background-position:-15px -610px; width: 100px; right: -55px; } .plist-buyGuide.intelMobo .thumbnail { background-position:-10px -748px; width: 100px; right: -50px; } @media screen and (max-width: 800px) { .plist-buyGuide { display:none; } }