/* Minification failed. Returning unminified contents. (2181,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2182,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2183,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2184,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2185,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2186,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2187,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2188,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2189,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2190,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2191,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2192,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2193,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2194,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2196,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2197,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2198,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2199,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2200,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2266,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2310,15): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2380,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (2381,32): run-time error CSS1039: Token not allowed after unary operator: '-black-10' (2415,21): run-time error CSS1038: Expected hex color, found '#0000' (2429,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (2437,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (2463,32): run-time error CSS1039: Token not allowed after unary operator: '-black-10' (2482,21): run-time error CSS1038: Expected hex color, found '#0000' (2494,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (2497,17): run-time error CSS1038: Expected hex color, found '#0000' (2506,22): run-time error CSS1039: Token not allowed after unary operator: '-brown' (2519,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2562,21): run-time error CSS1038: Expected hex color, found '#fff9' (2573,23): run-time error CSS1038: Expected hex color, found '#0003' (2586,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (2587,21): run-time error CSS1038: Expected hex color, found '#0000' (2604,27): run-time error CSS1039: Token not allowed after unary operator: '-white' (2605,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2606,21): run-time error CSS1038: Expected hex color, found '#0000' (2618,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (2619,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (2620,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2653,21): run-time error CSS1038: Expected hex color, found '#0000' (2677,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2697,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2719,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (2731,26): run-time error CSS1039: Token not allowed after unary operator: '-white-smoke' (2756,26): run-time error CSS1039: Token not allowed after unary operator: '-black' (2757,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2791,53): run-time error CSS1039: Token not allowed after unary operator: '-black-10' (2797,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (2812,26): run-time error CSS1039: Token not allowed after unary operator: '-black-6' (2852,26): run-time error CSS1038: Expected hex color, found '#0006' (2955,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (2963,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (2977,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (2989,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (3061,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (3063,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (3077,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (3081,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (3105,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (3107,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (3126,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (3160,22): run-time error CSS1039: Token not allowed after unary operator: '-brown' (3161,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (3162,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (3190,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (3221,26): run-time error CSS1039: Token not allowed after unary operator: '-midnight-blue' (3223,15): run-time error CSS1039: Token not allowed after unary operator: '-midnight-blue' (3225,21): run-time error CSS1038: Expected hex color, found '#0000' (3245,26): run-time error CSS1039: Token not allowed after unary operator: '-midnight-blue' (3246,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (3254,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (3300,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (3346,26): run-time error CSS1039: Token not allowed after unary operator: '-white-smoke' (3376,25): run-time error CSS1038: Expected hex color, found '#0006' (3386,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (3397,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (3407,36): run-time error CSS1039: Token not allowed after unary operator: '-midnight-blue' (3436,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (3437,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (3457,26): run-time error CSS1039: Token not allowed after unary operator: '-black' (3462,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (3466,26): run-time error CSS1039: Token not allowed after unary operator: '-black' (3470,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (3480,26): run-time error CSS1039: Token not allowed after unary operator: '-black' (3504,21): run-time error CSS1038: Expected hex color, found '#0006' (3519,21): run-time error CSS1038: Expected hex color, found '#0000' (3520,48): run-time error CSS1038: Expected hex color, found '#0000' (3529,26): run-time error CSS1039: Token not allowed after unary operator: '-black' (3533,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (3534,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (3579,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (3604,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (3620,33): run-time error CSS1039: Token not allowed after unary operator: '-gainsboro' (3633,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (3667,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (3674,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (3686,30): run-time error CSS1039: Token not allowed after unary operator: '-black-20' (3695,15): run-time error CSS1039: Token not allowed after unary operator: '-midnight-blue' (3706,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (3710,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (3714,28): run-time error CSS1038: Expected hex color, found '#0003' (3764,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (3766,21): run-time error CSS1038: Expected hex color, found '#0000' (3780,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (3794,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (3812,21): run-time error CSS1038: Expected hex color, found '#0000' (3819,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (3820,47): run-time error CSS1038: Expected hex color, found '#0000' (3827,45): run-time error CSS1038: Expected hex color, found '#0000' (3870,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (3938,21): run-time error CSS1038: Expected hex color, found '#0000' (3951,26): run-time error CSS1039: Token not allowed after unary operator: '-black-6' (4030,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (4040,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (4041,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4057,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (4071,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (4127,33): run-time error CSS1039: Token not allowed after unary operator: '-black-20' (4148,26): run-time error CSS1039: Token not allowed after unary operator: '-black-6' (4194,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (4195,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4211,26): run-time error CSS1039: Token not allowed after unary operator: '-midnight-blue' (4253,21): run-time error CSS1038: Expected hex color, found '#0006' (4280,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (4281,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4283,21): run-time error CSS1038: Expected hex color, found '#0000' (4292,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey-40' (4303,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4357,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4359,21): run-time error CSS1038: Expected hex color, found '#0000' (4374,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (4375,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (4379,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (4392,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (4404,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4415,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (4435,26): run-time error CSS1039: Token not allowed after unary operator: '-black-10' (4436,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (4438,21): run-time error CSS1038: Expected hex color, found '#0000' (4448,22): run-time error CSS1039: Token not allowed after unary operator: '-brown' (4449,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (4453,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (4469,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4488,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (4498,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey-40' (4509,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (4563,30): run-time error CSS1039: Token not allowed after unary operator: '-black-6' (4573,25): run-time error CSS1038: Expected hex color, found '#0006' (4653,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (4679,29): run-time error CSS1038: Expected hex color, found '#0006' (4688,32): run-time error CSS1039: Token not allowed after unary operator: '-black-6' (4737,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (4738,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (4749,22): run-time error CSS1039: Token not allowed after unary operator: '-white-66' (4750,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (4755,22): run-time error CSS1039: Token not allowed after unary operator: '-white-66' (4756,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (4765,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (4799,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (4809,10): run-time error CSS1038: Expected hex color, found '#0000' (4926,21): run-time error CSS1038: Expected hex color, found '#0000' (4941,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (4953,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (4957,15): run-time error CSS1039: Token not allowed after unary operator: '-midnight-blue' (4959,21): run-time error CSS1038: Expected hex color, found '#0000' (4972,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (4977,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (5006,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5025,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (5031,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (5042,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (5043,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (5044,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (5053,22): run-time error CSS1039: Token not allowed after unary operator: '-black' (5057,22): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (5061,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (5066,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (5077,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (5078,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (5091,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (5104,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (5137,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (5138,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (5149,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5150,17): run-time error CSS1038: Expected hex color, found '#0000' (5154,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5156,17): run-time error CSS1038: Expected hex color, found '#0000' (5171,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5172,21): run-time error CSS1038: Expected hex color, found '#0000' (5183,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (5188,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (5204,33): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (5229,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5235,15): run-time error CSS1039: Token not allowed after unary operator: '-steel-blue' (5281,21): run-time error CSS1038: Expected hex color, found '#0000' (5301,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (5304,21): run-time error CSS1038: Expected hex color, found '#0000' (5320,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5327,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5351,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (5362,22): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5363,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5382,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (5409,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5415,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5424,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey-40' (5437,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (5438,27): run-time error CSS1038: Expected hex color, found '#0000' (5449,28): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5450,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5472,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (5482,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5494,32): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5495,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (5511,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5513,23): run-time error CSS1038: Expected hex color, found '#0000' (5525,32): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5526,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (5541,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5543,23): run-time error CSS1038: Expected hex color, found '#0000' (5552,26): run-time error CSS1039: Token not allowed after unary operator: '-black' (5553,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (5583,33): run-time error CSS1039: Token not allowed after unary operator: '-black-6' (5594,26): run-time error CSS1039: Token not allowed after unary operator: '-dim-grey' (5595,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (5597,22): run-time error CSS1038: Expected hex color, found '#0000' (5605,26): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (5606,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (5607,17): run-time error CSS1038: Expected hex color, found '#0000' (5616,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (5631,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (5677,17): run-time error CSS1038: Expected hex color, found '#0003' (5687,26): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (5691,26): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (5692,17): run-time error CSS1038: Expected hex color, found '#0000' (5696,26): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (5736,26): run-time error CSS1039: Token not allowed after unary operator: '-white-smoke' (5740,26): run-time error CSS1039: Token not allowed after unary operator: '-white-smoke' (5762,26): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (5780,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (5790,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (5819,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (5820,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (5830,22): run-time error CSS1039: Token not allowed after unary operator: '-black' (5834,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (5838,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (5839,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (5843,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (5845,17): run-time error CSS1038: Expected hex color, found '#0000' (5856,33): run-time error CSS1039: Token not allowed after unary operator: '-black-6' (5876,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (5877,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (5890,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (5902,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (5903,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (5913,22): run-time error CSS1039: Token not allowed after unary operator: '-black' (5918,22): run-time error CSS1039: Token not allowed after unary operator: '-silver' (5919,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (5924,22): run-time error CSS1039: Token not allowed after unary operator: '-silver' (5925,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (5926,40): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (5933,22): run-time error CSS1039: Token not allowed after unary operator: '-silver' (5934,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (5960,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (5961,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (5963,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (5973,22): run-time error CSS1039: Token not allowed after unary operator: '-black' (5982,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (6061,30): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6062,21): run-time error CSS1038: Expected hex color, found '#0000' (6109,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (6110,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6116,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6117,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6150,33): run-time error CSS1039: Token not allowed after unary operator: '-black' (6159,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6169,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6180,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (6189,26): run-time error CSS1039: Token not allowed after unary operator: '-black-20' (6190,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6248,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6305,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (6339,32): run-time error CSS1039: Token not allowed after unary operator: '-black-6' (6368,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (6388,30): run-time error CSS1039: Token not allowed after unary operator: '-black-20' (6397,33): run-time error CSS1039: Token not allowed after unary operator: '-black-20' (6408,33): run-time error CSS1039: Token not allowed after unary operator: '-black-20' (6429,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6458,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6486,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6487,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6503,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6528,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6540,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6553,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6583,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (6584,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6596,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6597,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6602,26): run-time error CSS1039: Token not allowed after unary operator: '-white-smoke' (6622,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6633,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6639,26): run-time error CSS1039: Token not allowed after unary operator: '-black' (6640,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6649,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6653,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6659,26): run-time error CSS1039: Token not allowed after unary operator: '-white-smoke' (6674,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6679,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (6688,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6698,26): run-time error CSS1039: Token not allowed after unary operator: '-black' (6699,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6716,26): run-time error CSS1039: Token not allowed after unary operator: '-dim-grey' (6717,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6719,22): run-time error CSS1038: Expected hex color, found '#0000' (6728,17): run-time error CSS1038: Expected hex color, found '#0000' (6781,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (6809,26): run-time error CSS1039: Token not allowed after unary operator: '-black-6' (6833,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6861,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (6885,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6898,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6906,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6914,33): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (6933,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6948,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (6953,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6954,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6965,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (6970,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6971,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (6986,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (6993,32): run-time error CSS1039: Token not allowed after unary operator: '-black-6' (7064,15): run-time error CSS1039: Token not allowed after unary operator: '-brown' (7072,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7125,31): run-time error CSS1039: Token not allowed after unary operator: '-black-20' (7141,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7166,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (7172,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7229,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (7283,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (7299,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (7300,33): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (7350,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (7356,15): run-time error CSS1039: Token not allowed after unary operator: '-steel-blue' (7385,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7418,15): run-time error CSS1039: Token not allowed after unary operator: '-red-lackbgr' (7453,29): run-time error CSS1038: Expected hex color, found '#0006' (7476,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-slate-blue' (7477,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7490,26): run-time error CSS1039: Token not allowed after unary operator: '-brown' (7491,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (7503,26): run-time error CSS1038: Expected hex color, found '#0006' (7515,29): run-time error CSS1038: Expected hex color, found '#0006' (7526,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (7587,15): run-time error CSS1039: Token not allowed after unary operator: '-steel-blue' (7588,21): run-time error CSS1038: Expected hex color, found '#fff0' (7598,27): run-time error CSS1038: Expected hex color, found '#0006' (7625,27): run-time error CSS1038: Expected hex color, found '#0006' (7640,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7662,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (7668,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (7682,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (7687,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7692,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (7716,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (7717,33): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (7718,31): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (7719,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (7732,29): run-time error CSS1039: Token not allowed after unary operator: '-black-20' (7733,34): run-time error CSS1039: Token not allowed after unary operator: '-black-20' (7734,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (7747,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (7752,15): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (7821,38): run-time error CSS1039: Token not allowed after unary operator: '-midnight-blue' (7975,28): run-time error CSS1039: Token not allowed after unary operator: '-white-smoke' (8299,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (8304,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (8305,36): run-time error CSS1039: Token not allowed after unary operator: '-black-10' (8361,24): run-time error CSS1039: Token not allowed after unary operator: '-white' (8378,24): run-time error CSS1039: Token not allowed after unary operator: '-brown' (8379,28): run-time error CSS1039: Token not allowed after unary operator: '-brown' (8386,24): run-time error CSS1039: Token not allowed after unary operator: '-brown' (8387,28): run-time error CSS1039: Token not allowed after unary operator: '-brown' (8388,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8392,28): run-time error CSS1039: Token not allowed after unary operator: '-brown' (8393,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (8469,28): run-time error CSS1039: Token not allowed after unary operator: '-black-6' (8917,28): run-time error CSS1039: Token not allowed after unary operator: '-brown' (8918,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (9068,28): run-time error CSS1039: Token not allowed after unary operator: '-brown' (9069,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (9095,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (9137,28): run-time error CSS1039: Token not allowed after unary operator: '-brown' (9138,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (9801,30): run-time error CSS1039: Token not allowed after unary operator: '-brown' (9823,30): run-time error CSS1039: Token not allowed after unary operator: '-brown' (10012,28): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (10013,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (10031,23): run-time error CSS1038: Expected hex color, found '#0000' (10037,28): run-time error CSS1039: Token not allowed after unary operator: '-black' (10224,31): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey' (10292,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (10415,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (10424,28): run-time error CSS1039: Token not allowed after unary operator: '-brown' (10425,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (10606,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (10628,28): run-time error CSS1039: Token not allowed after unary operator: '-black' (10683,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (10687,17): run-time error CSS1039: Token not allowed after unary operator: '-red-lackbgr' (10771,28): run-time error CSS1039: Token not allowed after unary operator: '-brown' (10772,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (10860,32): run-time error CSS1039: Token not allowed after unary operator: '-white-66' (10874,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (10880,17): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (10889,23): run-time error CSS1038: Expected hex color, found '#0000' (10905,27): run-time error CSS1038: Expected hex color, found '#0000' (10924,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (10957,12): run-time error CSS1038: Expected hex color, found '#0000' (11606,19): run-time error CSS1038: Expected hex color, found '#fff9' (11666,31): run-time error CSS1039: Token not allowed after unary operator: '-black-20' (11688,31): run-time error CSS1038: Expected hex color, found '#0003' (12834,31): run-time error CSS1038: Expected hex color, found '#0003' (12916,31): run-time error CSS1038: Expected hex color, found '#0003' (13167,31): run-time error CSS1038: Expected hex color, found '#0003' (13199,17): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (13227,17): run-time error CSS1039: Token not allowed after unary operator: '-firebrick' (13232,32): run-time error CSS1039: Token not allowed after unary operator: '-white-66' (13643,25): run-time error CSS1038: Expected hex color, found '#0003' (13880,19): run-time error CSS1038: Expected hex color, found '#fff9' (13898,19): run-time error CSS1038: Expected hex color, found '#fff9' (15357,35): run-time error CSS1039: Token not allowed after unary operator: '-black-20' (15802,28): run-time error CSS1039: Token not allowed after unary operator: '-black-6' (16228,32): run-time error CSS1039: Token not allowed after unary operator: '-white-66' */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce * specificity and defer to the .w-button selector */ button, html input[type="button"], input[type="reset"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type='checkbox'], input[type='radio'] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } /** * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed * (similar to normalize.css >=4.0.0) */ input[type='search'] { -webkit-appearance: none; /* 1 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @font-face { font-family: 'webflow-icons'; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'webflow-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .w-icon-slider-right:before { content: "\e600"; } .w-icon-slider-left:before { content: "\e601"; } .w-icon-nav-menu:before { content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603"; } .w-icon-file-upload-remove:before { content: "\e900"; } .w-icon-file-upload-icon:before { content: "\e903"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; } body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } img { max-width: 100%; vertical-align: middle; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } .w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } input.w-button { -webkit-appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } .w-code-block { margin: unset; } pre.w-code-block code { all: inherit; } .w-optimization { display: contents; } .w-webflow-badge, .w-webflow-badge > img { box-sizing: unset; width: unset; height: unset; max-height: unset; max-width: unset; min-height: unset; min-width: unset; margin: unset; padding: unset; float: unset; clear: unset; border: unset; border-radius: unset; background: unset; background-image: unset; background-position: unset; background-size: unset; background-repeat: unset; background-origin: unset; background-clip: unset; background-attachment: unset; background-color: unset; box-shadow: unset; transform: unset; transition: unset; direction: unset; font-family: unset; font-weight: unset; color: unset; font-size: unset; line-height: unset; font-style: unset; font-variant: unset; text-align: unset; letter-spacing: unset; text-decoration: unset; text-indent: unset; text-transform: unset; list-style-type: unset; text-shadow: unset; vertical-align: unset; cursor: unset; white-space: unset; word-break: unset; word-spacing: unset; word-wrap: unset; } .w-webflow-badge { position: fixed !important; display: inline-block !important; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; top: auto !important; right: 12px !important; bottom: 12px !important; left: auto !important; color: #aaadb0 !important; background-color: #fff !important; border-radius: 3px !important; padding: 6px !important; font-size: 12px !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; margin: 0 !important; width: auto !important; height: auto !important; overflow: unset !important; white-space: nowrap; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); cursor: pointer; } .w-webflow-badge > img { position: unset; display: inline-block !important; visibility: unset !important; opacity: 1 !important; vertical-align: middle !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 10px; } h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } figure { margin: 0; margin-bottom: 10px; } figcaption { margin-top: 5px; text-align: center; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-embed:after { clear: both; } .w-video { width: 100%; position: relative; padding: 0; } .w-video iframe, .w-video object, .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } fieldset { padding: 0; margin: 0; border: 0; } button, [type='button'], [type='reset'] { border: 0; cursor: pointer; -webkit-appearance: button; } .w-form { margin: 0 0 15px; } .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } label { display: block; margin-bottom: 5px; font-weight: bold; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .w-input::placeholder, .w-select::placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898EC; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; } .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eeeeee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; } .w-radio:before, .w-radio:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-radio:after { clear: both; } .w-radio-input { margin: 4px 0 0; line-height: normal; float: left; margin-left: -20px; } .w-radio-input { margin-top: 3px; } .w-file-upload { display: block; margin-bottom: 10px; } .w-file-upload-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -100; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { display: inline-block; color: #333333; } .w-file-upload-error { display: block; margin-top: 10px; } .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { display: none; } .w-file-upload-uploading-btn { display: flex; font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #cccccc; background-color: #fafafa; } .w-file-upload-file { display: flex; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; border: 1px solid #cccccc; background-color: #fafafa; } .w-file-upload-file-name { font-size: 14px; font-weight: normal; display: block; } .w-file-remove-link { margin-top: 3px; margin-left: 10px; width: auto; height: auto; padding: 3px; display: block; cursor: pointer; } .w-icon-file-upload-remove { margin: auto; font-size: 10px; } .w-file-upload-error-msg { display: inline-block; color: #ea384c; padding: 2px 0; } .w-file-upload-info { display: inline-block; line-height: 38px; padding: 0 12px; } .w-file-upload-label { display: inline-block; font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #cccccc; background-color: #fafafa; } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { display: inline-block; margin-right: 8px; width: 20px; } .w-icon-file-upload-uploading { height: 20px; } .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } .w-container:before, .w-container:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-container:after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row:before, .w-row:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-row:after { clear: both; } .w-row .w-row { margin-left: 0; margin-right: 0; } .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } .w-col .w-col { padding-left: 0; padding-right: 0; } .w-col-1 { width: 8.33333333%; } .w-col-2 { width: 16.66666667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.33333333%; } .w-col-5 { width: 41.66666667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.33333333%; } .w-col-8 { width: 66.66666667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.33333333%; } .w-col-11 { width: 91.66666667%; } .w-col-12 { width: 100%; } .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333333%; } .w-col-medium-2 { width: 16.66666667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.33333333%; } .w-col-medium-5 { width: 41.66666667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.33333333%; } .w-col-medium-8 { width: 66.66666667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.33333333%; } .w-col-medium-11 { width: 91.66666667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333333%; } .w-col-small-2 { width: 16.66666667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.33333333%; } .w-col-small-5 { width: 41.66666667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.33333333%; } .w-col-small-8 { width: 66.66666667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.33333333%; } .w-col-small-11 { width: 91.66666667%; } .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333333%; } .w-col-tiny-2 { width: 16.66666667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.33333333%; } .w-col-tiny-5 { width: 41.66666667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.33333333%; } .w-col-tiny-8 { width: 66.66666667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.33333333%; } .w-col-tiny-11 { width: 91.66666667%; } .w-col-tiny-12 { width: 100%; } } .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { text-align: center; } .w-widget-map .gm-style-iw > button { display: none !important; } .w-widget-twitter { overflow: hidden; } .w-widget-twitter-count-shim { display: inline-block; vertical-align: top; position: relative; width: 28px; height: 20px; text-align: center; background: white; border: #758696 solid 1px; border-radius: 3px; } .w-widget-twitter-count-shim * { pointer-events: none; user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; font-size: 15px; line-height: 12px; text-align: center; color: #999; font-family: serif; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; display: block; } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after { top: 50%; left: 0; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; } .w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117, 134, 150, 0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; margin-top: -5px; } .w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 4px; margin-left: -8px; margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; margin-top: -5px; } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after { top: 100%; left: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; } .w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117, 134, 150, 0); border-top-color: #5d6c7b; border-width: 5px; margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; border-width: 4px; margin-left: -4px; } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } .w-background-video { position: relative; overflow: hidden; height: 500px; color: white; } .w-background-video > video { background-size: cover; background-position: 50% 50%; position: absolute; margin: auto; width: 100%; height: 100%; right: -100%; bottom: -100%; top: -100%; left: -100%; object-fit: cover; z-index: -100; } .w-background-video > video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } .w-background-video--control { position: absolute; bottom: 1em; right: 1em; background-color: transparent; padding: 0; } .w-background-video--control > [hidden] { display: none !important; } .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot:focus { outline: none; box-shadow: 0px 0px 0px 2px #fff; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-slider-arrow-left [class^='w-icon-'], .w-slider-arrow-right [class^='w-icon-'], .w-slider-arrow-left [class*=' w-icon-'], .w-slider-arrow-right [class*=' w-icon-'] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; } .w-slider-aria-label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .w-slider-force-show { display: block !important; } .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } .w-dropdown-link.w--current { color: #0082f3; } .w-dropdown-link:focus { outline: 0; } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } /** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. * For example percentage units do not work on descendants of elements that * have any dimensions expressed in viewport units. It also doesn’t handle them at * all in `calc()`. */ /** * Wrapper around all lightbox elements * * 1. Since the lightbox can receive focus, IE also gives it an outline. * 2. Fixes flickering on Chrome when a transition is in progress * underneath the lightbox. */ .w-lightbox-backdrop { cursor: auto; font-style: normal; letter-spacing: normal; list-style: disc; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 2000; outline: 0; /* 1 */ opacity: 0; -webkit-user-select: none; -moz-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0); /* 2 */ } /** * Neat trick to bind the rubberband effect to our canvas instead of the whole * document on iOS. It also prevents a bug that causes the document underneath to scroll. */ .w-lightbox-backdrop, .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .w-lightbox-content { position: relative; height: 100vh; overflow: hidden; } .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0; } .w-lightbox-view:before { content: ""; height: 100vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view:before { display: inline-block; vertical-align: middle; } /* * 1. Remove default margin set by user-agent on the
element. */ .w-lightbox-figure { position: relative; margin: 0; /* 1 */ } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } /** * IE adds image dimensions as width and height attributes on the IMG tag, * but we need both width and height to be set to auto to enable scaling. */ .w-lightbox-img { width: auto; height: auto; max-width: none; } /** * 1. Reset if style is set by user on "All Images" */ .w-lightbox-image { display: block; float: none; /* 1 */ max-width: 100vw; max-height: 100vh; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 0.5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .w-lightbox-left { display: none; bottom: 0; left: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */ .w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } /** * 1. All IE versions add extra space at the bottom without this. */ .w-lightbox-strip { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */ .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); /* 2 */ } .w-lightbox-active { opacity: 0.3; } .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } /* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */ .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-animation: spin 0.8s infinite linear; animation: spin 0.8s infinite linear; } .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } /* * Utility classes */ .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { display: block; opacity: 0.5; } .w-lightbox-close { opacity: 0.8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-richtext:before, .w-richtext:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-richtext:after { clear: both; } .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { outline: 2px solid #2895f7; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; } .w-richtext figure { position: relative; max-width: 60%; } .w-richtext figure > div:before { cursor: default!important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures we want the div to inherit that so hover/selection borders in the designer-canvas fit right*/ padding-bottom: inherit; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } .w-nav { position: relative; background: #dddddd; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { position: relative; float: right; } [data-nav-menu-open] { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #C8C8C8; text-align: center; overflow: visible; min-width: 200px; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay [data-nav-menu-open] { top: 0; } .w-nav[data-animation='over-left'] .w-nav-overlay { width: auto; } .w-nav[data-animation='over-left'] .w-nav-overlay, .w-nav[data-animation='over-left'] [data-nav-menu-open] { right: auto; z-index: 1; top: 0; } .w-nav[data-animation='over-right'] .w-nav-overlay { width: auto; } .w-nav[data-animation='over-right'] .w-nav-overlay, .w-nav[data-animation='over-right'] [data-nav-menu-open] { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-nav-button:focus { outline: 0; } .w-nav-button.w--open { background-color: #C8C8C8; color: white; } .w-nav[data-collapse='all'] .w-nav-menu { display: none; } .w-nav[data-collapse='all'] .w-nav-button { display: block; } .w--nav-dropdown-open { display: block; } .w--nav-dropdown-toggle-open { display: block; } .w--nav-dropdown-list-open { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse='medium'] .w-nav-menu { display: none; } .w-nav[data-collapse='medium'] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse='small'] .w-nav-menu { display: none; } .w-nav[data-collapse='small'] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse='tiny'] .w-nav-menu { display: none; } .w-nav[data-collapse='tiny'] .w-nav-button { display: block; } } .w-tabs { position: relative; } .w-tabs:before, .w-tabs:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } .w-tab-link.w--current { background-color: #C8C8C8; } .w-tab-link:focus { outline: 0; } .w-tab-content { position: relative; display: block; overflow: hidden; } .w-tab-pane { position: relative; display: none; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix:after { content: ""; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .w-dyn-empty { padding: 10px; background-color: #dddddd; } .w-dyn-hide { display: none !important; } .w-dyn-bind-empty { display: none !important; } .w-condition-invisible { display: none !important; } .wf-layout-layout { display: grid; } @font-face { font-family: Simpler; src: url('../fonts/Simpler-Black.otf') format("opentype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: Simpler; src: url('../fonts/Simpler-Light.otf') format("opentype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: Simpler; src: url('../fonts/Simpler-Regular.otf') format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Simpler; src: url('../fonts/Simpler-Bold.otf') format("opentype"); font-weight: 700; font-style: normal; font-display: swap; } :root { --black: black; --blue: #04c; --white: white; --black-10: #0000001a; --dark-grey: #979797; --brown: #ae2a30; --white-smoke: #f0f0f0; --black-6: #0000000f; --midnight-blue: #112b5a; --dark-slate-blue: #334768; --gainsboro: #dadada; --black-20: #0003; --dark-grey-40: #97979766; --white-66: #ffffffa8; --firebrick: #cc2028; --steel-blue: #3571bc; --dim-grey: #4d4d4d; --silver: #c5c4c4; --red-lackbgr: #f10e18; --lime-green: #25d366; } .w-form-formradioinput--inputType-custom { border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: #3898ec; } .w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } .w-checkbox:before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox:after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox-input { float: left; margin: 4px 0 0 -20px; line-height: normal; } .w-checkbox-input--inputType-custom { border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } body { direction: rtl; color: var(--black); font-family: Simpler, sans-serif; font-size: 20px; line-height: 26px; } h1 { margin-top: 10px; margin-bottom: 15px; font-size: 60px; font-weight: 700; line-height: 58px; } h2 { margin-top: 20px; margin-bottom: 15px; font-size: 48px; font-weight: 400; line-height: 50px; } h3 { margin-top: 20px; margin-bottom: 10px; font-size: 33px; font-weight: 700; line-height: 36px; } h4 { margin-top: 10px; margin-bottom: 5px; font-size: 22px; font-weight: 900; line-height: 26px; } p { margin-top: 10px; margin-bottom: 20px; } a { color: var(--blue); text-decoration: none; transition: all .15s ease-in-out; } a:hover { text-decoration: underline; } ul, ol { margin-top: 0; margin-bottom: 10px; padding-left: 30px; padding-right: 30px; } img { width: 100%; min-width: 100%; max-width: 100%; display: inline-block; } .desk_menu_drop { float: right; margin-left: 4%; } .top_nav_conteiner { margin-left: 0; } .top_desk_group { z-index: 90; direction: ltr; justify-content: space-between; align-items: center; margin-left: 2%; padding-bottom: 15px; padding-right: 2%; display: flex; position: absolute; inset: 0%; } .top_logo { width: 320px; margin-top: 16px; } .top_logo.expert { float: left; width: 400px; margin-top: 6px; } .top_logo.exp_white { float: left; width: 460px; margin-top: 0; } .desk_droplist { background-color: #ddd; min-width: 180px; padding-top: 0; padding-bottom: 0; } .desk_droplist.w--open { background-color: var(--white); box-shadow: 0 6px 6px 0 var(--black-10); color: #fff; padding-top: 5px; padding-bottom: 15px; font-size: 22px; } .top_navbar { z-index: 80; background-color: #fff; display: none; } .top_nav_button { float: left; background-color: #fff; background-image: url('../images/menu_open.svg'); background-position: 50% 52%; background-repeat: no-repeat; background-size: 48%; width: 80px; height: 80px; padding: 0; transition: all .15s ease-in-out; } .top_nav_button.w--open { background-color: #000; background-image: url('../images/menu_close.svg'); background-size: 40%; } .desk_menu_link { text-align: right; background-color: #0000; background-image: url('../images/ar_bot_red.svg'); background-position: 0%; background-repeat: no-repeat; background-size: 14px; padding: 0 0 4px 22px; font-size: 29px; font-weight: 400; line-height: 30px; transition: all .15s ease-in-out; display: block; } .desk_droplink { color: var(--dark-grey); text-align: right; padding: 8px 20px 6px 30px; transition: opacity .15s ease-in-out; } .desk_droplink:hover { opacity: 1; color: var(--brown); text-decoration: none; } .top_nav_menu { background-color: #000; width: 100%; min-width: 100%; max-width: 100%; padding-bottom: 20px; padding-left: 2%; padding-right: 2%; line-height: 20px; } .desk_menu_group { direction: rtl; flex-wrap: wrap; align-content: flex-start; min-width: 65%; margin-top: 20px; margin-bottom: 0; padding-left: 0; } .top_nav_sec { box-shadow: 0 6px 6px 0 var(--black-10); background-color: #fff; min-height: 100px; position: relative; } .search_sec { z-index: 110; background-color: #000000e6; justify-content: center; align-items: center; display: none; position: fixed; inset: 0%; } .form_field { text-align: center; background-color: #fff; border: 2px solid #0000; height: 46px; margin-bottom: 0; padding: 2px 2%; font-size: 20px; } .form_field:active, .form_field:focus { border-color: #6a87c3; } .form_field.search { background-color: var(--white); color: #000; border-width: .2vw; border-color: #0000; height: 3.5vw; padding-top: 0; padding-bottom: 0; font-size: 1.7vw; line-height: 2vw; } .form_field.search:active, .form_field.search:focus { border-color: var(--brown); } .form_field_label { text-align: center; width: 100%; margin-bottom: 5px; font-size: 17px; font-weight: 400; line-height: 20px; } .form_field_label.search { color: var(--white); margin-bottom: 1vw; font-size: 1.5vw; line-height: 1.8vw; } .search_form_block { width: 60%; margin: 18vw auto auto; padding-right: 0%; font-size: 2vw; line-height: 2.6vw; } .sec_close { background-image: url('../images/ic_close_white.svg'); background-position: 50%; background-repeat: no-repeat; background-size: 60%; width: 3.6vw; height: 3.6vw; transition: all .15s ease-in-out; position: fixed; inset: 1% 1% auto auto; } .sec_close:hover { filter: none; background-color: #ffffff1a; } .form_field_group { text-align: right; align-items: center; width: 88%; margin-bottom: 5px; margin-left: 6%; margin-right: 6%; font-size: 20px; } .form_field_group.search { color: #fff; border: 3px solid #fff9; flex-wrap: wrap; justify-content: center; width: 100%; margin-bottom: 0; margin-left: 0%; margin-right: 0%; padding: 2vw 3vw 3vw 1vw; font-size: 2vw; transition: all .15s ease-in-out; display: flex; box-shadow: 0 0 3vw #0003; } .form_field_group.search:hover { border-color: #fff; } .form_file_block { width: 75%; margin-left: 0%; } .form_button { border: 2px solid var(--white); background-color: #0000; min-width: 40%; margin-bottom: 40px; margin-left: auto; margin-right: auto; padding: 10px 40px 11px; font-size: 26px; line-height: 32px; transition: all .15s ease-in-out; display: block; } .form_button:hover { background-color: #ffffff14; } .form_button.search { border: .2vw solid var(--white); color: var(--white); background-color: #0000; min-width: auto; min-height: 3.5vw; margin-top: 2.7vw; margin-bottom: 0; margin-right: 2vw; padding: 0 3vw .2vw; font-size: 1.7vw; line-height: 2vw; } .form_button.search:hover { border-color: var(--white); background-color: var(--white); color: var(--black); } .present_video { height: 30vw; } .present_video.mob { display: none; } .sound_on { opacity: .8; background-image: url('../images/sound_on.svg'); background-position: 70%; background-repeat: no-repeat; background-size: 34px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; width: 60px; height: 38px; transition: opacity .15s ease-in-out; display: none; position: relative; overflow: hidden; } .sound_on:hover { opacity: 1; } .sound_off { opacity: .6; background-color: #0000; background-image: url('../images/sound_off.svg'); background-position: 70%; background-repeat: no-repeat; background-size: 34px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; width: 60px; height: 38px; transition: opacity .15s ease-in-out; position: relative; overflow: hidden; } .sound_off:hover { opacity: 1; } .main_present_sec { height: 30vw; position: relative; } .foot_menu_list { color: var(--black); flex-wrap: wrap; align-content: flex-start; width: 75%; padding-left: 0; padding-right: 0; font-size: 18px; line-height: 22px; display: flex; } .foot_menu_item { text-align: right; width: 18%; margin-bottom: 20px; margin-left: 2%; } .foot_cat_link { opacity: .65; color: var(--black); margin-bottom: 15px; font-size: 22px; font-weight: 700; line-height: 24px; text-decoration: none; display: block; } .foot_cat_link:hover { opacity: 1; text-decoration: none; } .foot_sub_list { margin-bottom: 0; padding-left: 0; padding-right: 0; } .foot_sub_link { opacity: .65; color: var(--black); margin-bottom: 12px; text-decoration: none; display: block; } .foot_sub_link:hover { opacity: 1; text-decoration: none; } .top_sec { background-color: var(--white-smoke); justify-content: space-between; align-items: center; padding: 8px 2%; display: flex; } .top_sec.experts { z-index: 100; position: sticky; top: 0; } .top_search_link { width: 40px; padding-left: 8px; padding-right: 8px; transition: opacity .15s ease-in-out; } .top_search_link:hover { opacity: .6; } .area_link { background-color: var(--black); color: var(--white); background-image: url('../images/ar_right_blue.svg'); background-position: 91%; background-repeat: no-repeat; background-size: 10px; justify-content: center; align-items: center; padding: 4px 40px 5px 14px; text-decoration: none; transition: opacity .15s ease-in-out; display: flex; } .area_link:hover { opacity: .7; text-decoration: none; } .content_sec { width: 100%; padding-left: 2%; padding-right: 2%; } .content_sec.center_title { text-align: center; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0% 30px; display: flex; } .content_sec.video { background-image: linear-gradient(to bottom, var(--black-10), transparent); margin-top: 4%; padding: 4% 3%; } .content_sec.rooms { color: var(--white); text-align: center; background-image: url('../images/room_bgr.jpg'); background-position: 100%; background-repeat: repeat; background-size: 73%; flex-direction: column; align-items: center; margin-bottom: 1%; padding-top: 3%; padding-bottom: 3%; display: flex; } .content_sec.grey { background-color: var(--black-6); padding-bottom: 2%; overflow: hidden; } .content_sec.gradiant { background-image: linear-gradient(#00000014, #fff); margin-bottom: 5%; overflow: hidden; } .content_sec.collections { margin-top: 5%; } .content_sec.staff { padding-left: 3%; padding-right: 3%; } .content_sec.center_sm_title { text-align: center; flex-direction: column; justify-content: center; align-items: center; padding: 20px 2% 30px; display: flex; } .content_sec.advert { text-align: center; flex-direction: column; justify-content: center; align-items: center; padding: 20px 20% 30px; display: flex; } .content_sec.faultcode_center_title { text-align: center; border-top: 1px dashed #0006; flex-direction: column; justify-content: center; align-items: center; margin-bottom: -20px; padding: 10px 0% 0; display: flex; } .content_group { width: 100%; max-width: 1580px; margin-left: auto; margin-right: auto; } .content_group.shotcuts { flex-wrap: wrap; justify-content: center; max-width: 1280px; padding-top: 40px; padding-bottom: 20px; display: flex; } .content_group.slider { text-align: center; max-width: 1380px; margin-bottom: 90px; } .content_group.data, .content_group.specification { max-width: 1280px; } .content_group.product_pict { text-align: center; max-width: 1280px; height: 26vw; max-height: 500px; margin-top: 4%; margin-bottom: 5%; } .content_group.services { max-width: 1280px; } .content_group.filter { flex-flow: wrap; justify-content: space-between; max-width: 1680px; margin-top: 2%; display: flex; } .content_group.accessories { justify-content: center; align-items: flex-start; max-width: 1460px; margin-top: 3%; display: flex; } .content_group.cart { max-width: 1280px; margin-top: 20px; margin-bottom: 30px; } .content_group.filter_title_gr { justify-content: flex-end; align-items: center; max-width: 1280px; margin-top: 20px; display: flex; } .content_group.filter_results_gr { flex-direction: column; justify-content: space-between; align-items: stretch; max-width: 1280px; margin-top: 0; margin-bottom: 60px; display: flex; } .content_group.energy { text-align: center; } .content_group.logo { grid-row-gap: 20px; flex-direction: column; justify-content: center; align-items: center; padding-top: 15px; padding-bottom: 40px; display: flex; } .shotcuts_line { border-right: 1px solid var(--dark-grey); width: 1px; max-height: 140px; margin-left: 1%; margin-right: 1%; } .shotcut_link { color: var(--dark-grey); text-align: center; flex-direction: column; justify-content: flex-start; align-items: center; width: 14.8%; padding-left: 1%; padding-right: 1%; font-size: 22px; text-decoration: none; display: flex; } .shotcut_link:hover { color: var(--brown); text-decoration: none; } .shotcut_icon { width: 72px; min-width: auto; max-width: none; margin-bottom: 20px; } .title_line { background-color: var(--brown); width: 120px; height: 5px; } .title_line.sale_point { margin-top: 30px; } .title_line.cart { width: 100%; } .family_list { flex-wrap: wrap; place-content: flex-start space-between; width: 100%; max-width: 1580px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; display: flex; } .family_list.content { flex-direction: column; justify-content: flex-start; align-items: stretch; margin-top: 4%; margin-bottom: 2%; } .family_item { justify-content: center; align-items: center; width: 48%; height: 30vw; max-height: 400px; margin-bottom: 4%; display: flex; position: relative; overflow: hidden; } .cat_pict { object-fit: cover; height: 100%; } .family_link { text-align: center; background-color: #2e2e2e40; padding: 24px; text-decoration: none; position: absolute; inset: 0%; } .family_link:hover { background-color: #2e2e2e26; text-decoration: none; } .family_link.solution { width: 100%; padding: 3%; position: relative; } .family_link_info { border: 4px solid var(--white); opacity: .8; color: var(--black); justify-content: center; align-items: center; height: 100%; padding: 20px; font-size: 36px; font-weight: 300; line-height: 34px; transition: opacity .15s ease-in-out; display: flex; } .family_link_info:hover { opacity: 1; color: var(--brown); } .family_link_txt { background-color: var(--white); padding: 18px 36px 20px; } .solutions_list { margin-bottom: 0; padding-left: 0; padding-right: 0; } .solutions_item { background-image: url('../images/present_pict_1.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; justify-content: center; align-items: center; margin-bottom: 3%; display: flex; position: relative; overflow: hidden; } .solution_link_info { border: 4px solid var(--white); opacity: .9; color: var(--black); justify-content: flex-start; align-items: stretch; width: 100%; height: 100%; padding: 3%; transition: opacity .15s ease-in-out; display: flex; } .solution_link_info:hover { opacity: 1; } .solution_link_info.mirror { justify-content: flex-end; } .solution_info_gr { background-color: var(--white); flex-direction: column; align-items: center; width: 46%; max-width: 700px; padding: 3% 30px; display: flex; } .solution_info_title { margin-top: 0; margin-bottom: 4%; font-size: 55px; font-weight: 400; line-height: 50px; } .solution_info_but { letter-spacing: 1px; border: 2px solid #000; justify-content: space-between; align-items: center; margin-top: 9%; margin-bottom: 10px; padding: 8px 8% 10px; transition: all .15s ease-in-out; display: flex; } .solution_info_but:hover { background-color: #0000000d; } .solution_info_but.rooms { border-color: var(--brown); background-color: var(--brown); color: var(--white); margin-top: 1%; margin-bottom: 20px; padding: 10px 6% 12px; text-decoration: none; } .solution_info_but.rooms:hover { opacity: .85; } .solution_but_icon { justify-content: center; align-items: center; width: 8px; margin-top: 2px; margin-right: 20px; display: flex; } .content_block { width: 100%; max-width: 1680px; margin-left: auto; margin-right: auto; } .content_block.rooms { background-color: var(--white); flex-direction: column; align-items: center; max-width: 920px; margin-top: 2%; margin-bottom: 2%; padding-top: 1%; padding-bottom: 2%; font-size: 28px; line-height: 30px; display: flex; } .content_block.landing { max-width: 1280px; margin-top: 0; margin-bottom: 20px; font-size: 22px; } .rooms_numberblock { direction: ltr; justify-content: center; align-items: center; width: 100%; margin-top: 2%; margin-bottom: 2%; display: flex; } .h_room_number { border: 5px solid var(--midnight-blue); direction: ltr; color: var(--midnight-blue); text-align: center; background-color: #0000; border-radius: 50%; justify-content: center; align-items: center; width: 116px; min-width: 116px; height: 116px; margin: 1% 1.5%; font-size: 52px; line-height: 42px; text-decoration: none; display: flex; } .h_room_number:hover { background-color: #112b5a26; text-decoration: none; } .h_room_number.click { background-color: var(--midnight-blue); color: var(--white); } .room_title_group { max-width: 640px; } .rooms_title { color: var(--black); margin-bottom: 0; font-size: 37px; line-height: 38px; } .room_sec_title { margin-top: 10px; margin-bottom: 10px; font-size: 59px; } .hl_list { flex-wrap: wrap; align-content: flex-start; width: 102%; margin-top: 10px; margin-bottom: 20px; margin-right: -1%; padding-left: 0; padding-right: 0; display: flex; } .hl_list.projects { margin-top: 10px; margin-bottom: 30px; } .hl_item { width: 29.3%; margin-bottom: 4%; margin-left: 2%; margin-right: 2%; } .hl_link { color: #000; text-align: center; background-color: #fff; height: 100%; text-decoration: none; display: block; } .hl_link:hover { color: var(--brown); text-decoration: none; } .hl_pict_block { justify-content: center; align-items: center; height: 18vw; max-height: 300px; margin-bottom: 18px; display: flex; overflow: hidden; } .hl_pict_block.project { margin-bottom: 10px; } .item_pict { object-fit: cover; height: 100%; min-height: 100%; transition: min-height .2s, min-width .2s; } .item_pict:hover { min-width: 106%; min-height: 103%; } .hl_info_group { padding-left: 5%; padding-right: 5%; line-height: 24px; } .news_title { letter-spacing: .5px; margin-top: 0; margin-bottom: 6px; font-size: 28px; font-weight: 400; line-height: 28px; } .footer_sec { background-color: var(--white-smoke); margin-top: 4%; padding: 4% 3% 3%; } .footer_sec.landing { padding-left: 4.5%; padding-right: 4.5%; } .cyber_group { direction: ltr; align-items: center; margin-top: 5px; margin-bottom: 5px; display: flex; } .footer_content { justify-content: space-between; align-items: flex-start; width: 100%; max-width: 1580px; margin-left: auto; margin-right: auto; display: flex; } .footer_content.credit { color: #000000a6; border-top: 1px solid #0006; flex-wrap: wrap; align-items: center; margin-top: 2%; padding-top: 2%; font-size: 18px; } .cyber_link { opacity: .65; color: var(--black); margin-left: 8px; text-decoration: none; } .cyber_link:hover { opacity: 1; text-decoration: none; } .footer_soc_link { background-color: var(--white); border-radius: 50%; justify-content: center; align-items: center; width: 20%; display: flex; box-shadow: inset 0 0 0 1px #112b5a4d; } .footer_soc_link:hover { box-shadow: inset 0 1px 0 0 var(--midnight-blue), 0 0 10px 0 #00000026; } .footer_soc_link.youtube { margin-right: 0; } .footer_soc_link.twitter { width: 40px; display: none; } .footer_soc_group { flex-flow: wrap; place-content: flex-start space-between; align-items: center; width: 20%; max-width: 240px; display: flex; } .fix_sec { z-index: 70; display: flex; position: fixed; inset: auto auto 15% 0%; } .fix_button { background-color: var(--dark-slate-blue); color: var(--white); text-align: center; border-radius: 50%; justify-content: center; align-items: center; width: 84px; height: 84px; margin-bottom: 10px; margin-left: 10px; padding-left: 4px; padding-right: 4px; font-size: 18px; line-height: 20px; text-decoration: none; display: flex; overflow: hidden; box-shadow: 4px 0 12px #00000080; } .fix_button:hover { background-color: var(--black); text-decoration: none; } .fix_button.order { background-color: var(--brown); } .fix_button.order:hover { background-color: var(--black); } .fix_button.search { background-color: var(--brown); width: 88px; height: 88px; padding-left: 6px; padding-right: 6px; font-size: 17px; line-height: 16px; } .fix_button.search:hover { background-color: var(--black); } .title_sec { width: 100%; position: relative; overflow: hidden; } .title_pict_block { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; overflow: hidden; } .title_pict_block.faultcodes { display: none; } .title_group { text-align: center; background-color: #0006; justify-content: center; align-items: center; padding: 2.6% 2.2%; text-decoration: none; display: flex; position: relative; } .title_group.expert_list { justify-content: flex-start; padding: 2% 4% 15%; } .title_group.landing { background-color: #0000; background-image: linear-gradient(#0000004d, #0000 28%); justify-content: flex-start; align-items: flex-start; padding: 2% 3%; position: absolute; inset: 0%; } .title_group.faultcode { background-color: var(--black); } .title_content { border: 4px solid var(--white); color: var(--white); justify-content: center; align-items: center; width: 100%; padding: 4% 24%; font-size: 24px; line-height: 30px; } .title_content.product { justify-content: space-between; align-items: center; padding: 3% 5%; font-size: 20px; line-height: 26px; display: flex; } .title_content.series { padding-top: 9%; padding-bottom: 9%; font-size: 30px; font-weight: 700; line-height: 34px; } .title_content.faultcodes { padding: 1% 4%; } .title_pict { object-fit: cover; height: 100%; } .title_pict.expert_list { filter: grayscale(); } .title_pict.landing { filter: none; height: auto; } .breadcrumb_nav { color: var(--white); background-color: #000; flex-wrap: wrap; align-content: flex-start; margin-bottom: 0; padding-top: 14px; padding-left: 2.2%; padding-right: 2.2%; font-size: 18px; line-height: 24px; display: flex; } .breadcrumb_nav.faultcode { display: none; } .breadcrumb_item { align-items: center; margin-bottom: 15px; display: flex; } .breadcrumb_link { opacity: .65; color: var(--white); } .breadcrumb_link:hover { opacity: 1; text-decoration: none; } .breadcrumb_line { opacity: .65; margin-left: 12px; margin-right: 12px; padding-top: 2px; } .family_list_item { border-bottom: 2px solid var(--gainsboro); align-items: center; width: 100%; margin-bottom: 3%; padding-bottom: 4%; } .family_list_item.end { border-bottom-style: none; margin-bottom: 0%; } .family_list_link { color: var(--black); align-items: center; padding-left: 20px; padding-right: 20px; display: flex; } .family_list_link:hover { text-decoration: none; } .family_pict_block { justify-content: center; align-items: center; width: 40%; height: 12vw; max-height: 300px; margin-top: 10px; margin-left: 5%; display: flex; } .family_pict { object-fit: contain; height: 100%; } .family_list_info { width: 46%; font-size: 24px; line-height: 30px; } .family_add_info { color: var(--brown); margin-top: 25px; font-weight: 700; transition: all .15s ease-in-out; } .family_add_info:hover { color: var(--black); } .family_list_title { margin-top: 0; margin-bottom: 15px; font-size: 43px; line-height: 45px; } .tab_list { clear: both; border-top: 1px solid var(--black-20); width: 100%; margin-top: 4px; margin-bottom: 30px; padding-left: 0; padding-right: 0; } .tab_name { color: var(--midnight-blue); font-weight: 700; display: block; } .tab_name:hover { color: #e31f26; text-decoration: none; } .tab_name.cart { color: var(--black); } .tab_name.cart:hover { color: var(--brown); } .tab_list_item { border-bottom: 1px solid #0003; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 1.2% 1%; font-size: 22px; display: flex; position: relative; } .tab_list_item.landing { padding-left: 0%; font-size: 19px; line-height: 22px; } .tab_mob_label { color: #c2a166; font-weight: 700; display: none; } .tab_info_block { direction: ltr; text-align: center; flex-wrap: wrap; place-content: flex-start center; align-items: center; width: 15%; padding-top: 2px; } .tab_info_block.name { direction: rtl; text-align: right; text-transform: uppercase; width: 22%; } .tab_info_block.add { width: 15%; min-width: 15%; } .tab_info_block.price { width: 13%; display: flex; } .tab_add_info { color: var(--brown); text-align: center; background-color: #0000; justify-content: center; align-items: center; width: 15%; min-width: 15%; padding: 8px 12px 10px; font-size: 22px; font-weight: 700; transition: all .15s ease-in-out; display: flex; overflow: hidden; } .tab_add_info:hover { background-color: var(--brown); opacity: .85; color: #fff; text-decoration: none; } .tab_add_info.landing { width: 15%; min-width: 15%; font-size: 19px; line-height: 20px; } .tab_titles_group { color: var(--dark-grey); justify-content: space-between; align-items: center; width: 100%; margin-top: 10px; padding-left: 1%; padding-right: 1%; font-size: 17px; line-height: 22px; display: flex; } .tab_titles_group.landing { padding-left: 0%; } .series_slider { direction: ltr; background-color: #0000; height: 24vw; max-height: 400px; margin-top: 20px; } .slider_ar { color: var(--brown); background-image: linear-gradient(to right, #0000, #fff); width: 8%; font-size: 38px; line-height: 46px; } .slider_ar.left { background-image: linear-gradient(270deg, #0000, #fff); } .slider_nav { height: 6px; padding-top: 0; bottom: -34px; overflow: hidden; } .slider_link { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0% 12%; } .slider_pict { object-fit: contain; height: 100%; } .making_list { flex-wrap: wrap; align-content: flex-start; width: 102%; max-width: 1580px; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; display: flex; } .making_list.expert { max-width: none; margin-top: 25px; margin-right: 0; } .making_item { background-color: var(--white); justify-content: space-between; align-items: flex-start; width: 30.3%; margin-bottom: 3%; margin-left: 3%; padding: 20px; font-size: 18px; line-height: 22px; display: flex; } .making_item.expert { margin-bottom: 2%; margin-left: 2%; padding: 10px; } .making_ic_block { width: 20%; min-width: 20%; } .making_info { width: 72%; } .making_info.expert { font-size: 17px; line-height: 18px; } .making_title { text-transform: uppercase; margin-top: 0; margin-bottom: 5px; font-size: 27px; font-weight: 400; line-height: 30px; } .making_title.expert { margin-bottom: 3px; font-size: 23px; line-height: 24px; } .add_prod_list { flex-wrap: wrap; width: 102%; margin-top: 20px; margin-right: -1%; padding-left: 0; padding-right: 0; display: flex; } .add_prod_item { width: 30.3%; margin-bottom: 2%; margin-left: 1.5%; margin-right: 1.5%; } .add_prod_link { color: #000; text-align: center; background-color: #0000000f; border: 2px solid #0000; height: 100%; padding: 7% 7% 11%; text-decoration: none; display: block; } .add_prod_link:hover { background-color: #00000008; text-decoration: none; } .add_prod_link.product { background-color: var(--black-6); } .add_prod_link.product:hover { background-color: #00000008; } .add_prodpict_block { justify-content: center; align-items: center; height: 12vw; max-height: 160px; margin-bottom: 3%; display: flex; overflow: hidden; } .add_prod_info { margin-bottom: 3%; padding: 5px 2%; line-height: 24px; } .add_prod_info.filter { margin-bottom: 0%; } .add_prod_title { letter-spacing: .5px; text-transform: uppercase; margin-top: 0; margin-bottom: 10px; font-size: 30px; line-height: 32px; } .add_prod_pict { object-fit: contain; height: 100%; } .shekel { margin-left: 2px; margin-right: 2px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 400; } .shekel.accessories { margin-left: 0; margin-right: 5px; font-size: 28px; } .shekel.pay { margin-top: 4px; font-size: 30px; line-height: 22px; } .shekel.radio, .shekel.cart { margin-left: 0; margin-right: 3px; } .shekel.info { margin-left: 0; margin-right: 4px; } .product_title_group { text-align: right; flex-direction: column; justify-content: center; width: 50%; display: flex; } .product_order_group { background-color: var(--white); flex-direction: column; justify-content: space-around; align-items: center; min-width: 27%; padding: 20px 2% 10px; display: flex; } .product_order { background-color: var(--brown); color: var(--white); text-align: center; justify-content: center; align-items: center; min-width: 82%; margin-top: 25px; margin-bottom: 10px; padding: 10px 50px 12px; font-size: 24px; line-height: 30px; transition: all .15s ease-in-out; display: flex; overflow: hidden; } .product_order:hover { background-color: var(--brown); opacity: .85; color: #fff; text-decoration: none; } .product_order.accessories { min-width: 72%; margin-top: 2%; padding-top: 12px; padding-bottom: 14px; } .product_price_group { color: var(--black); justify-content: space-around; align-items: stretch; width: 100%; font-weight: 700; display: flex; } .product_price_group.accessories { justify-content: flex-start; } .product_price_block { direction: ltr; flex-flow: wrap; place-content: flex-start center; align-items: center; min-width: 40%; margin-left: 10px; margin-right: 10px; font-size: 30px; font-weight: 900; line-height: 30px; display: flex; } .product_price_block.accessories { justify-content: flex-end; min-width: 50%; margin-left: 0; margin-right: 0; font-size: 30px; line-height: 36px; } .price_title { direction: rtl; color: #666; width: 100%; margin-bottom: 6px; font-size: 16px; font-weight: 700; line-height: 18px; } .specification_list { flex-wrap: wrap; place-content: flex-start space-between; margin-top: 1%; margin-bottom: 1%; padding-left: 0; padding-right: 0; display: flex; } .specification_item { border-bottom: 2px solid var(--black-20); justify-content: space-between; align-items: center; width: 47%; margin-bottom: .6%; padding-bottom: .6%; display: flex; } .tab_info_txt { margin-left: 4px; display: inline; } .tab_info_txt.unit { color: #00000080; margin-right: 0; font-weight: 400; } .specification_info_group { background-color: var(--black-6); direction: ltr; flex-wrap: wrap; place-content: flex-start; align-items: center; width: 61%; padding-top: 1%; padding-bottom: 1%; font-size: 23px; font-weight: 700; line-height: 28px; display: flex; } .specification_title { letter-spacing: .2px; width: 38%; margin-top: 0; margin-bottom: 0; font-size: 21px; } .spcification_block { text-align: left; min-width: 44%; margin-left: 2%; margin-right: 2%; } .add_prod_price { justify-content: center; align-items: center; margin-bottom: 4%; font-size: 26px; font-weight: 700; line-height: 30px; display: flex; } .add_prod_price.filter { margin-bottom: 88px; position: absolute; inset: auto 0% 0%; } .add_prod_block { background-color: var(--brown); color: var(--white); text-align: center; justify-content: center; align-items: center; width: 80%; margin-left: auto; margin-right: auto; padding: 12px 12px 14px; font-size: 22px; line-height: 22px; transition: all .15s ease-in-out; display: flex; overflow: hidden; } .add_prod_block:hover { background-color: var(--midnight-blue); opacity: .85; color: #fff; text-decoration: none; } .add_prod_block.filter { width: auto; max-width: 72%; margin-bottom: 24px; padding-left: 3%; padding-right: 3%; position: absolute; inset: auto 0% 0%; } .product_title { margin-top: 0; } .insert_content { width: 100%; max-width: 980px; margin: 3% auto; } .insert_content.project { max-width: 780px; margin-top: 1%; margin-bottom: 5%; } .login_bgr_sec { z-index: -1; width: 100%; position: fixed; inset: 0%; overflow: hidden; } .bgr_color { text-align: center; background-color: #0006; text-decoration: none; position: absolute; inset: 0%; } .bgr_pict_block { filter: blur(5px); justify-content: center; align-items: center; width: 105%; height: 105%; margin-top: -2.5%; margin-right: -2.5%; display: flex; position: absolute; inset: 0%; overflow: hidden; } .expert_top_sec { justify-content: space-between; align-items: center; padding: 2.5% 3% 2%; } .expert_tornado_link { border: 2px solid var(--white); color: var(--white); letter-spacing: .5px; background-color: #0000; margin-top: 8px; padding: 12px 50px; font-size: 24px; font-weight: 700; line-height: 28px; } .expert_tornado_link:hover { background-color: var(--dark-grey-40); text-decoration: none; } .login_content_sec { margin-bottom: 8%; padding-left: 3%; padding-right: 3%; } .login_title_group { color: var(--white); text-align: center; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 3%; padding-left: 11%; padding-right: 11%; font-size: 26px; line-height: 30px; display: flex; } .expert_welcome { margin-top: 15px; margin-bottom: 10px; font-size: 64px; line-height: 64px; } .login_content_group { justify-content: space-between; align-items: stretch; width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; display: flex; } .login_tabs { width: 100%; } .login_app_group { justify-content: flex-start; width: 42%; display: flex; } .login_line { border-right: 2px solid #ffffff80; width: 1px; } .log_tabs_menu { letter-spacing: .2px; justify-content: space-between; font-size: 22px; line-height: 22px; display: flex; } .log_tab_link { color: var(--white); text-align: center; background-color: #0000; justify-content: center; align-items: center; width: 50%; padding: 18px 10px; font-weight: 700; display: flex; } .log_tab_link:hover { background-color: #97979740; text-decoration: none; } .log_tab_link.w--current { background-color: var(--white); color: var(--black); } .tabs_content { background-color: var(--white); overflow: visible; } .login_tabs_group { justify-content: center; align-items: center; width: 42%; margin-bottom: 0; display: flex; } .login_form_block { background-color: var(--white); text-align: center; flex-direction: column; justify-content: center; align-items: stretch; margin-bottom: -20px; padding: 15px 30px; display: flex; position: relative; } .login_help_group { color: var(--white); text-align: center; justify-content: center; align-items: center; font-weight: 400; display: flex; position: relative; bottom: -40px; } .log_red_line { background-color: var(--brown); width: 38%; height: 4px; position: absolute; inset: -4px 6% auto auto; } .log_red_line.login { left: 6%; right: auto; } .login_form { flex-direction: column; justify-content: center; min-height: 300px; display: flex; } .login_field { background-color: var(--black-10); color: var(--black); text-align: center; border: 4px solid #0000; width: 96%; min-height: 55px; margin-bottom: 0; margin-left: auto; margin-right: auto; font-size: 24px; } .login_field:active, .login_field:focus { border-color: var(--brown); background-color: var(--white); } .login_button { background-color: var(--brown); margin-top: 6px; margin-left: auto; margin-right: auto; padding: 12px 36px 15px; font-size: 24px; line-height: 28px; } .login-field { margin-bottom: 10px; font-weight: 400; line-height: 22px; } .login_help_link { color: var(--white); margin-right: 6px; font-weight: 700; } .login_help_link:hover { color: #e03840; text-decoration: none; } .login_stores_block { flex-direction: column; justify-content: space-between; align-items: center; margin-top: 10px; display: flex; } .login_store_link { border: 2px solid var(--white); justify-content: center; align-items: center; width: 94%; margin: 10px auto; padding: 10px 18%; display: flex; } .login_store_link:hover { background-color: var(--dark-grey-40); } .login_app_pict { justify-content: center; align-items: center; width: 44%; display: flex; } .login_stores_group { color: var(--white); text-align: center; flex-direction: column; justify-content: center; align-items: center; width: 50%; margin-right: 2%; padding-left: 3%; padding-right: 3%; font-size: 22px; line-height: 26px; display: flex; } .form_allert_txt { clear: both; opacity: 0; color: #ec4040; text-align: center; margin-left: auto; margin-right: auto; font-size: 16px; line-height: 22px; } .list_gallery_group { direction: rtl; flex-wrap: wrap; align-content: flex-start; width: 100%; margin: 4% auto; padding-left: 0%; padding-right: 0%; display: flex; } .gallery_link { float: right; color: #000; background-color: #ededed; border-radius: 5px; flex-direction: row; justify-content: center; align-items: center; width: 22.5%; height: 132px; margin-top: .6%; margin-bottom: 2%; margin-left: 2.4%; display: flex; overflow: hidden; } .gallery_link.project { box-shadow: 0 0 0 1px var(--black-6); border-radius: 0; width: 17.8%; height: 88px; margin-top: 0%; margin-left: 2%; transition: all .15s ease-in-out; } .gallery_link.project:hover { box-shadow: 0 0 0 1px #0006; } .projects_title { margin-top: 20px; font-size: 50px; font-weight: 400; line-height: 52px; } .project_pict { justify-content: center; align-items: center; width: 112%; height: 37vw; max-height: 540px; margin-bottom: 4%; margin-right: -6%; display: flex; overflow: hidden; } .contact_info_txt { direction: rtl; color: #000; text-align: center; width: 60%; margin-bottom: 30px; margin-left: auto; margin-right: auto; line-height: 28px; } .contact_sub_title { color: #ae2a30; margin-top: 0; margin-bottom: 5px; font-size: 36px; line-height: 40px; } .contact_service_group { direction: rtl; color: #555; text-align: center; flex-wrap: wrap; place-content: flex-start center; align-items: stretch; width: 76%; margin-bottom: 50px; margin-left: auto; margin-right: auto; display: flex; } .contact_service_link { color: #000; width: 26%; margin-bottom: 3%; margin-left: 2%; margin-right: 2%; padding-bottom: 12px; transition: all .15s; position: relative; } .contact_service_link:hover { filter: contrast(120%); color: #ae2a30; text-decoration: none; } .contact_pict { width: 64%; min-width: auto; max-width: none; margin-bottom: 10px; } .service_link_line { background-color: var(--brown); width: 30%; height: 3px; margin-left: auto; margin-right: auto; position: absolute; inset: auto 0% 0%; } .contact_content { width: 74%; max-width: 880px; margin: 1.2% auto 4%; } .contact_content.sale_point { text-align: right; width: 78%; max-width: 1020px; margin-top: 2%; font-size: 22px; line-height: 28px; } .contact_content.faultcode { text-align: center; border-bottom: 1px dashed #0006; width: 100%; max-width: 980px; margin-top: 4rem; margin-bottom: 10px; padding-bottom: 25px; } .form_field_content { border-bottom: 1px none var(--black-6); text-align: right; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; margin-bottom: 16px; padding-bottom: 2px; display: flex; } .form_field_content.comment { border-bottom-style: none; margin-bottom: 14px; } .form_field_content.radio { margin-bottom: 14px; padding-bottom: 14px; } .form_field_content.radio.faultcode { padding-right: 19%; } .form_field_content.sale_points { flex-wrap: wrap; justify-content: center; margin-bottom: 0; padding-top: 20px; padding-bottom: 0; display: flex; } .form_field_content.check_order { margin-bottom: 14px; } .form_field_content.faultcode { flex-flow: column; width: 72%; margin-bottom: 4px; margin-left: auto; margin-right: auto; } .radio_button { float: right; border-width: 1px; border-color: var(--dark-grey); background-color: var(--white); cursor: pointer; width: 28px; height: 28px; margin-top: 1px; margin-left: 10px; position: relative; } .radio_button:active, .radio_button.w--redirected-checked { border-width: 6px; border-color: var(--white-66); background-color: var(--brown); } .radio_button.w--redirected-focus { border-width: 6px; border-color: var(--white-66); background-color: var(--brown); box-shadow: none; } .forminfo_list_txt { display: inline; } .forminfo_list_txt.red { color: var(--firebrick); margin-left: 5px; margin-right: 5px; font-size: 24px; } .field_label { float: right; text-align: right; margin-bottom: 0; } .radio_field { float: right; align-items: center; margin-top: 10px; margin-bottom: 6px; margin-left: 20px; padding-left: 0; display: flex; position: relative; } .radio_field.delivery { clear: right; align-items: flex-start; width: 100%; margin-top: 0; margin-bottom: 10px; margin-left: 0; } .form_label_star { float: right; color: var(--firebrick); margin-top: 4px; margin-left: 6px; font-size: 22px; line-height: 20px; position: absolute; inset: 0% 0% auto auto; } .form_label_star.no { color: #0000; } .radio_label { margin-bottom: 0; font-size: 20px; } .form_stage { margin-bottom: 30px; } .form_stage.salepoint { margin-bottom: 20px; } .form_stage.faulcode { margin-bottom: 25px; } .form_info_list { margin-bottom: 30px; padding-left: 0; padding-right: 0; } .form_info_list.cart_purchase { text-align: center; } .form_field_block { text-align: right; flex-wrap: wrap; place-content: flex-start; align-items: flex-start; width: 71%; font-size: 22px; display: flex; } .form_field_block.tel { direction: ltr; justify-content: space-between; } .form_field_block.file { justify-content: space-between; } .form_field_block.sale_point { width: 80%; display: block; } .form_field_block.deliuvery, .form_field_block.purchase_info { flex-wrap: wrap; width: 100%; } .form_field_block.faultcode { width: 100%; position: relative; } .form_label_group { text-align: right; flex-flow: wrap; place-content: flex-start; align-items: center; width: 28%; margin-top: 12px; padding-right: 16px; font-size: 21px; line-height: 22px; display: flex; position: relative; } .form_label_group.delivery { width: auto; margin-top: 0; margin-bottom: 12px; padding-right: 0; font-size: 22px; line-height: 24px; } .form_label_group.faultcode { width: 100%; padding-right: 0; display: none; } .button { background-color: #e31f26; margin-top: 15px; margin-bottom: 10px; padding: 8px 30px; font-size: 18px; transition: all .15s ease-in-out; } .button.expert { opacity: .9; min-width: 68%; min-height: 3vw; margin-top: 1vw; margin-bottom: 1vw; padding: .2vw 3vw .4vw; font-size: 1.4vw; } .button.expert:hover { opacity: 1; } .button.sale_points { background-color: #0000; background-image: url('../images/ic_search.svg'); background-position: 30%; background-repeat: no-repeat; background-size: 60%; min-width: 70px; height: 50px; margin: 0; padding: 14px 20px; font-size: 24px; line-height: 28px; display: block; } .button.contact { background-color: var(--brown); letter-spacing: 1px; min-width: 320px; margin: 0 auto 40px; padding-top: 14px; padding-bottom: 14px; font-size: 24px; line-height: 28px; display: block; } .button.contact:hover { background-color: var(--dark-slate-blue); } .button.preview { color: var(--midnight-blue); letter-spacing: 1px; background-color: #0000; min-width: 320px; margin: -10px auto 40px; padding-top: 0; padding-bottom: 0; font-size: 24px; font-weight: 700; line-height: 28px; text-decoration: underline; display: block; } .button.preview:hover { color: var(--brown); } .button.landing { opacity: .9; color: var(--white); min-width: 100%; min-height: 3.2vw; margin-top: .8vw; margin-bottom: .8vw; padding: .2vw 3vw .3vw; font-size: 1.4vw; font-weight: 700; } .button.landing:hover { opacity: 1; } .button.close { opacity: .9; margin-top: 2vw; margin-bottom: 0; padding: .4vw 3vw .6vw; font-size: 1.4vw; } .button.close:hover { opacity: 1; text-decoration: none; } .button.faultcode { z-index: 86; background-color: var(--brown); letter-spacing: 1px; background-image: url('../images/ar_but_white.svg'); background-position: 48%; background-repeat: no-repeat; background-size: 20%; min-width: 85px; min-height: 56px; max-height: 56px; margin-top: 0; margin-bottom: 0; font-size: 24px; line-height: 28px; display: block; position: absolute; inset: 0% auto auto 0%; } .button.faultcode:hover { background-color: var(--dark-slate-blue); } .form_allert { clear: both; opacity: 0; color: var(--firebrick); font-size: 15px; line-height: 16px; display: block; } .form_allert.in { opacity: 1; } .txt_field { border: 1px solid var(--dark-grey); background-color: var(--white); color: var(--black); height: 50px; margin-bottom: 0; margin-right: 0%; padding: 4px 2%; font-size: 22px; } .txt_field:active, .txt_field:focus { border-color: var(--black); } .txt_field.allert { border-color: var(--firebrick); } .txt_field.mail { color: var(--black); text-align: left; } .txt_field.txt_area { color: var(--black); height: auto; min-height: 240px; } .txt_field.num { text-align: left; width: 76%; } .txt_field.code { background-color: var(--white); color: var(--black); text-align: left; width: 21%; padding-right: 1%; } .txt_field.file { text-align: left; width: 76%; } .txt_field.cart_num { direction: ltr; color: var(--black); text-align: center; width: 100px; height: 44px; } .txt_field.date { padding-left: 6%; padding-right: 6%; } .txt_field.faultcode { z-index: 86; color: var(--black); height: 56px; padding: 3px 3% 6px 95px; font-size: 26px; line-height: 28px; position: relative; } .txt_field.faultcode.name { z-index: 90; padding-left: 3%; } .check_field { float: right; align-items: center; margin-top: 8px; margin-bottom: 6px; margin-left: 20px; padding-left: 0; display: flex; position: relative; } .check_field.order { margin-bottom: 0; margin-left: 0; display: block; } .check_button { float: right; border-width: 1px; border-color: var(--dark-grey); background-color: var(--white); cursor: pointer; border-radius: 0; width: 28px; height: 28px; margin-top: 1px; margin-left: 10px; position: relative; } .check_button:active, .check_button.w--redirected-checked { background-color: var(--brown); border-color: #0000; } .check_button.w--redirected-focus { background-color: var(--brown); box-shadow: none; border-color: #0000; } .check_label { margin-bottom: 0; font-size: 20px; } .check_label.order { margin-left: 8px; font-weight: 400; display: inline; } .file_button { background-color: var(--brown); border: 2px solid #0000; justify-content: center; align-items: center; width: 21%; height: 50px; padding-left: 7%; padding-right: 7%; display: flex; } .file_button:hover { background-color: var(--dark-slate-blue); } .faq_list { clear: both; border-top: 1px solid var(--dark-grey); text-align: right; width: 100%; max-width: 1560px; margin: 40px auto 4vw; padding-left: 0; padding-right: 0; } .faq_list.filter { max-width: none; margin-left: 0; } .faq_list_item { clear: both; border-bottom: 1px solid var(--dark-grey); background-color: #fff; flex-wrap: wrap; place-content: flex-start; align-items: stretch; line-height: 22px; display: block; position: relative; } .faq_quest_link { color: #333; background-image: url('../images/ic_plus_bl.svg'); background-position: 100% 23px; background-repeat: no-repeat; background-size: 32px; padding: 24px 80px 24px 2%; font-size: 26px; font-weight: 700; line-height: 30px; transition: all .15s ease-in-out; display: block; } .faq_quest_link:hover { color: var(--brown); background-image: url('../images/ic_plus_red.svg'); text-decoration: none; } .faq_quest_link.open { color: var(--steel-blue); background-image: url('../images/ic_vi.svg'); background-position: 100% 20px; background-size: 33px; } .faq_quest_link.open:hover { opacity: 1; } .faq_answer { text-align: right; width: 90%; padding-bottom: 2%; padding-right: 7%; line-height: 26px; display: none; } .faq_answer.open { margin-top: -22px; padding-bottom: 18px; padding-right: 80px; display: block; } .filter_list { grid-column-gap: 2%; flex-wrap: wrap; place-content: flex-start; margin-top: 20px; margin-bottom: 3%; padding-left: 0; padding-right: 0; display: flex; } .filter_item { width: 32%; margin-bottom: 2%; } .filter_link { color: #000; text-align: center; background-color: #0000000f; border: 2px solid #0000; height: 100%; padding: 7% 7% 130px; text-decoration: none; display: block; position: relative; } .filter_link:hover { background-color: #00000008; text-decoration: none; } .filter_form { width: 21%; margin-top: 20px; margin-bottom: 0; } .filter_title { color: var(--black); letter-spacing: .5px; cursor: pointer; background-color: #0000; background-image: url('../images/ar_bot_grey.svg'); background-position: 0%; background-repeat: no-repeat; background-size: 18px; border-top: 3px solid #97979799; margin-bottom: 0; padding: 12px 0 16px 22px; font-size: 25px; font-weight: 700; line-height: 28px; display: block; } .filter_title:hover { opacity: 1; color: var(--brown); background-image: url('../images/ar_bot_red.svg'); background-size: 18px; text-decoration: none; } .filter_title.open { color: var(--brown); background-image: url('../images/ar_top_red.svg'); background-position: 0 44%; } .filter_check_group { margin-bottom: 40px; display: none; } .filter_check_group.open { display: block; } .filter_check_block { margin-bottom: 15px; padding-left: 0; padding-right: 38px; line-height: 27px; position: relative; } .filter_check_box { float: right; border-color: var(--dark-grey); cursor: pointer; width: 24px; height: 24px; margin-top: 2px; margin-left: 0; position: absolute; inset: 0% 0% auto auto; } .filter_check_box.w--redirected-checked { border-color: var(--brown); background-color: var(--brown); } .filter_check_label { margin-bottom: 0; } .search_cat_list { clear: both; text-align: right; width: 100%; max-width: 860px; margin: 3% auto 4vw; padding-left: 0; padding-right: 0; } .search_cat_item { clear: both; border-bottom: 1px none var(--dark-grey); background-color: #fff; flex-wrap: wrap; place-content: flex-start; align-items: stretch; margin-bottom: 25px; line-height: 22px; display: block; position: relative; } .search_results_info { flex-wrap: wrap; width: 100%; max-width: 980px; margin: 3% auto 25px; font-size: 34px; line-height: 36px; display: none; } .search_info_txt { margin-left: 10px; display: inline; } .search_info_txt.name { color: var(--brown); margin-left: 0; font-weight: 700; } .search_cat_title { color: var(--brown); margin-top: 0; margin-bottom: 15px; font-size: 30px; font-weight: 900; line-height: 34px; } .search_link_list { border-right: 1px solid var(--dark-grey-40); margin-bottom: 20px; margin-right: 3px; padding-left: 0; padding-right: 0; } .search_link_item { padding-top: 4px; padding-bottom: 4px; } .search_link { color: var(--black); border-right: 5px solid #0000; margin-right: -3px; padding-top: 3px; padding-bottom: 3px; padding-right: 15px; font-size: 22px; font-weight: 700; display: block; } .search_link:hover { border-right-color: var(--brown); color: var(--brown); text-decoration: none; } .map_list { flex-wrap: wrap; align-content: flex-start; width: 102%; max-width: 1420px; margin: 3% auto 50px; padding-left: 0; padding-right: 0; display: flex; } .level_1_item { width: 33%; margin-bottom: 2.5%; padding-left: 2.5%; } .level_1_link { color: var(--black); margin-top: 0; margin-bottom: 8px; font-size: 30px; font-weight: 900; line-height: 36px; display: block; } .level_1_link:hover { color: var(--brown); text-decoration: none; } .level_2_list { margin-bottom: 0; margin-right: 4px; padding-left: 0; padding-right: 0; } .level_2_link { border-right: 1px solid var(--brown); color: var(--black); background-image: url('../images/ar_left_white.svg'); background-position: 100% 12px; background-repeat: no-repeat; background-size: 9px; padding-top: 6px; padding-bottom: 6px; padding-right: 18px; font-size: 22px; font-weight: 700; line-height: 24px; transition-duration: .2s; display: block; } .level_2_link:hover { color: var(--brown); background-image: url('../images/ar_left_red.svg'); border-right-color: #0000; text-decoration: none; } .level_3_list { margin-top: 6px; margin-bottom: 6px; padding-left: 0; padding-right: 20px; } .level_3_link { border-right: 1px solid var(--brown); color: var(--black); background-image: url('../images/ar_left_white.svg'); background-position: 100% 11px; background-repeat: no-repeat; background-size: 7px; padding-top: 4px; padding-bottom: 4px; padding-right: 13px; font-size: 20px; line-height: 23px; transition-duration: .2s; display: block; } .level_3_link:hover { color: var(--brown); background-image: url('../images/ar_left_red.svg'); border-right-color: #0000; text-decoration: none; } .expert_sec { width: 75%; } .expert_form_sec { background-color: var(--black); color: var(--white); text-align: center; flex-direction: column; justify-content: center; width: 25%; padding: 1vw 3%; font-size: 1.3vw; line-height: 1.6vw; position: fixed; inset: 0% auto 0% 0%; } .expert_form_sec.mob { display: none; } .expert_form_title { margin-top: .5vw; margin-bottom: .8vw; font-size: 2.3vw; font-weight: 900; line-height: 2.6vw; } .expert_form_group { text-align: center; margin-bottom: 0; } .form_expert_content { border-bottom: 1px solid var(--black-6); text-align: right; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; margin-top: .5vw; display: flex; } .expert_txt_field { background-color: var(--dim-grey); color: var(--white); text-align: center; border: .2vw solid #0000; height: 2.8vw; margin-bottom: 0; padding: 0 1%; font-size: 1.3vw; } .expert_txt_field:active, .expert_txt_field:focus { background-color: var(--firebrick); color: var(--white); border-color: #0000; } .expert_txt_field.num { direction: ltr; width: 69%; } .expert_txt_field.code { color: var(--white); width: 28%; } .expert_txt_field.mail { direction: ltr; } .expert_txt_field.txt_area { height: 7vw; } .form_allert_expert { clear: both; opacity: 0; color: var(--firebrick); width: 100%; font-size: .8vw; line-height: 1vw; display: block; } .form_allert_expert.in { opacity: 1; } .expert_field_label { width: 100%; margin-bottom: .2vw; font-size: 1.1vw; font-weight: 300; line-height: 1.2vw; } .expert_field_block { text-align: center; flex-wrap: wrap; place-content: flex-start center; align-items: flex-start; width: 100%; } .expert_tel_group { flex-direction: row-reverse; justify-content: space-between; align-items: center; display: flex; } .expert_check_field { width: 100%; margin-top: .4vw; margin-bottom: 1vw; padding: .1vw 3.4vw .2vw 0; position: relative; } .expert_check_button { float: right; cursor: pointer; background-color: #4d4d4d; border-color: #0003; width: 2.1vw; height: 2.1vw; margin-top: 0; margin-left: .8vw; position: absolute; inset: 0% 0% auto auto; } .expert_check_button:active { background-color: var(--firebrick); } .expert_check_button.w--redirected-checked { background-color: var(--firebrick); border-color: #0000; } .expert_check_button.w--redirected-focus { background-color: var(--firebrick); } .expert_check_label { margin-bottom: 0; font-size: 1.1vw; font-weight: 300; line-height: 1.4vw; } .expert_list_logo { width: 33%; max-width: 300px; } .expert_content_sec { text-align: right; align-items: flex-start; width: 100%; max-width: 1560px; padding: 20px 4% 4%; display: flex; position: relative; } .expert_content_block { flex-direction: column; align-items: flex-start; width: 60%; line-height: 24px; display: flex; position: relative; } .expert_contact_group { width: 30%; margin-left: 4%; } .expert_body { background-color: var(--white-smoke); } .expert_pict_block { background-color: var(--white-smoke); justify-content: center; align-items: center; height: 22vw; max-height: 460px; margin-top: -40%; margin-bottom: 20px; padding-top: 10px; padding-left: 10px; padding-right: 10px; display: flex; overflow: hidden; } .expert_name { margin-top: 0; margin-bottom: 10px; font-size: 44px; line-height: 50px; } .expert_name_line { background-color: var(--firebrick); width: 60px; height: 6px; margin-bottom: 15px; } .expert_name_line.contact { width: 60px; margin-top: 15px; margin-right: 40px; } .expert_info_group { clear: both; margin-right: 10px; } .expert_contact_block { color: var(--black); align-items: flex-start; margin-bottom: 12px; padding-right: 4px; transition: all .15s ease-in-out; display: flex; position: relative; } .expert_contact_block:hover { color: var(--firebrick); text-decoration: none; } .expert_contact_block.place:hover { color: #000; } .expert_contact_ic { align-items: flex-start; width: 23px; min-width: 23px; margin-top: 2px; margin-left: 15px; display: flex; position: relative; } .expert_pict { object-fit: cover; height: 100%; } .expert_mob_name { display: none; } .adjust_checkbox { float: right; border: 1px solid var(--dark-grey); background-color: var(--white); cursor: pointer; border-radius: 0; width: 28px; height: 28px; margin-top: 0; margin-left: 10px; } .adjust_checkbox:hover { border-color: var(--black); } .adjust_checkbox:active { background-color: var(--dark-slate-blue); } .adjust_checkbox.w--redirected-checked { border-color: var(--dark-slate-blue); background-color: var(--dark-slate-blue); } .adjust_checkbox.w--redirected-focus { background-color: var(--dark-slate-blue); box-shadow: none; border-color: #0000; } .adjust_block { color: #000; text-align: center; margin-top: 4%; margin-bottom: 80px; } .adjust_form_group { border-bottom: 1px solid var(--black-6); margin-bottom: 18px; padding-bottom: 18px; } .adjust_radiobutton_field { float: right; width: 64%; margin-top: 5px; margin-bottom: 0; padding-left: 0; } .adjust_search_block2 { float: left; text-align: right; width: 39%; } .adjust_button { background-color: var(--dark-slate-blue); color: var(--white); letter-spacing: .5px; justify-content: center; align-items: center; min-width: 32%; margin: 10px auto 20px; padding: 10px 4% 12px; font-size: 24px; line-height: 28px; display: inline-block; } .adjust_button:hover { background-color: var(--brown); text-decoration: none; } .adjust_search_block1 { float: right; text-align: right; width: 52%; } .adjust_radiobutton { float: right; border-color: var(--dark-grey); background-color: var(--white); cursor: pointer; width: 28px; height: 28px; margin-top: 0; margin-left: 10px; font-size: 21px; } .adjust_radiobutton:hover { border-color: var(--black); } .adjust_radiobutton:active { border-width: 6px; border-color: var(--silver); background-color: var(--dark-slate-blue); } .adjust_radiobutton.w--redirected-checked { border-width: 6px; border-color: var(--silver); background-color: var(--dark-slate-blue); box-shadow: inset 1px 1px 0 2px var(--dark-slate-blue); width: 28px; height: 28px; } .adjust_radiobutton.w--redirected-focus { border-width: 6px; border-color: var(--silver); background-color: var(--dark-slate-blue); box-shadow: none; } .adjust_form_txt { float: right; width: 253px; } .adjust_form_txt.roomsnumber { margin-top: 8px; } .adjust_form_txt.checkbox { width: 86%; margin-top: 0; } .adjust_checkbox_field { margin-bottom: 0; padding-left: 0; position: relative; } .adjust_selectbox { float: left; border: 1px solid var(--dark-grey); background-color: var(--white); direction: rtl; color: var(--black); cursor: pointer; width: 180px; height: 50px; margin-bottom: 0; padding: 4px 20px; font-size: 20px; } .adjust_selectbox:hover, .adjust_selectbox:focus { border-color: var(--black); } .adjust_selectbox.place { float: right; width: 260px; } .staff_role_title { color: var(--dark-grey); margin-top: 0; margin-bottom: 10px; font-size: 20px; font-weight: 400; line-height: 28px; } .staff_role_title.staff { margin-bottom: 6px; font-size: 18px; } .director_list { clear: both; flex-flow: wrap; justify-content: center; align-items: stretch; width: 102%; max-width: 1020px; margin: 5% auto 0%; padding-left: 0; padding-right: 0; line-height: 20px; display: flex; position: relative; right: -1%; } .director_list.staff { flex-direction: row; justify-content: flex-start; width: 103%; margin-top: 2%; margin-bottom: 3%; } .director_pict_block { background-color: #00000017; background-image: url('../images/face_front.png'); background-position: 50%; background-repeat: no-repeat; background-size: cover; justify-content: center; align-items: center; height: 23vw; max-height: 300px; display: flex; overflow: hidden; } .director_pict_block.staff { width: 100%; height: 18vw; max-height: 260px; margin-bottom: 2px; } .director_title { margin-top: 0; margin-bottom: 4px; font-size: 28px; font-weight: 700; line-height: 30px; } .director_title.staff { margin-bottom: 2px; font-size: 24px; font-weight: 700; line-height: 26px; } .director_pict { object-fit: cover; height: 100%; } .director_list_item { border-top: 2px solid var(--brown); background-color: #0000; flex-flow: column; justify-content: flex-start; align-items: stretch; width: 27.6%; margin-bottom: 2.4%; margin-left: 2%; margin-right: 2%; padding: 15px 0 10px; display: flex; position: relative; } .director_list_item.staff { border-top-color: #979797a3; flex-direction: column; justify-content: flex-start; align-items: stretch; width: 21.8%; margin-left: 1.5%; margin-right: 1.5%; } .director_list_info { text-align: center; width: 100%; padding-top: 12px; line-height: 24px; position: relative; } .director_list_info.staff { width: 100%; padding-top: 8px; font-size: 18px; line-height: 20px; } .list_tohen_linkitem { float: right; margin-top: 5px; margin-bottom: 5px; margin-left: 10px; font-weight: 400; } .list_tohen_linkblock { background-color: var(--dark-slate-blue); color: var(--white); text-align: center; padding: 8px 28px 10px; } .list_tohen_linkblock:hover { background-color: var(--brown); color: var(--white); text-decoration: none; } .linkblock_list { margin-top: 20px; margin-bottom: 20px; padding-left: 0; padding-right: 0; } .salepoints_gr_ist { width: 100%; max-width: 1580px; margin-bottom: 30px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } .salepoints_list { text-align: right; flex-wrap: wrap; align-content: flex-start; width: 102%; margin-bottom: 30px; padding-left: 0; padding-right: 0; display: flex; } .salepoints_item { border-bottom: 1px solid var(--black); width: 20.5%; margin-bottom: 20px; margin-left: 4.5%; padding-bottom: 15px; position: relative; } .salepoints_gr_title { color: var(--brown); text-align: center; margin-top: 0; margin-bottom: 35px; font-size: 42px; font-weight: 400; line-height: 40px; } .salepoint_contact_block { color: var(--black); align-items: flex-start; margin-bottom: 16px; padding-right: 8px; line-height: 23px; transition: all .15s ease-in-out; display: flex; position: relative; } .salepoint_contact_block:hover { color: var(--firebrick); text-decoration: none; } .salepoint_contact_block.place:hover { color: #000; } .salepoint_contact_block.waze { background-color: var(--black-20); color: var(--black); border-radius: 20px; align-items: center; max-width: 60%; margin-top: 0; margin-bottom: 0; margin-left: 34%; padding: 4px 6px 5px 8px; display: none; position: absolute; inset: auto 0% 22px; } .salepoint_contact_block.waze:hover { background-color: #3cf; } .salepoint_info_icon { align-items: flex-start; width: 20px; min-width: 20px; margin-top: 2px; margin-left: 12px; display: flex; position: relative; } .salepoint_info_icon.waze { width: 26px; min-width: 26px; margin-top: 2px; margin-left: 12px; } .salepoint_info_icon.tel { margin-top: 0; } .salepoint_info_icon.clock { width: 22px; min-width: 22px; right: -1px; } .salepoint_title { margin-top: 10px; margin-bottom: 18px; margin-right: 6px; font-size: 26px; line-height: 28px; } .experts_top_nav { align-items: center; display: flex; } .share_group { color: var(--white); align-items: center; margin-top: -11%; margin-left: -15%; font-size: 18px; line-height: 22px; display: flex; position: absolute; top: 0; left: 0; } .social_ic { width: 36px; } .social_ic:hover { opacity: .75; } .social_ic.share { filter: invert(); justify-content: center; align-items: center; width: 24px; margin-bottom: 0; margin-left: 4px; margin-right: 12px; overflow: hidden; } .social_ic.share:hover { opacity: 1; } .accessories_info_gr { width: 46%; margin-left: 1%; } .accessories_pict_gr { justify-content: center; align-items: flex-start; width: 40%; height: 30vw; max-height: 500px; margin-right: 1%; display: flex; overflow: hidden; } .accessorie_pict { object-fit: contain; height: 100%; } .accessories_order_group { background-color: var(--white); flex-direction: column; justify-content: space-around; align-items: flex-start; padding-top: 20px; padding-bottom: 20px; display: flex; } .accessories_title { font-size: 42px; line-height: 46px; } .shopping_cart_sec { width: 100%; padding-left: 2%; padding-right: 2%; } .delivery_service_gr { flex-flow: wrap; place-content: flex-start; align-items: flex-start; width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding-right: 1%; display: flex; } .delivery_field_content { float: right; border-bottom: 1px none var(--black-6); text-align: right; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 40%; margin-bottom: 0; display: flex; } .delivery_field_content.radio { float: left; flex-flow: column wrap; align-content: flex-start; width: 50%; margin-bottom: 0; margin-left: 5.2%; display: flex; } .cart_title { text-align: center; margin-top: 36px; margin-bottom: 18px; font-size: 46px; line-height: 50px; } .cart_titles_group { color: var(--dark-grey); justify-content: flex-start; align-items: center; width: 100%; margin-top: 10px; padding-left: 1%; padding-right: 1%; font-size: 17px; line-height: 22px; display: flex; } .cart_titles_group.filter { justify-content: space-between; padding-left: 0%; padding-right: 0%; } .cart_list { clear: both; border-top: 1px solid var(--black-20); width: 100%; margin-top: 4px; margin-bottom: 20px; padding-left: 0; padding-right: 0; } .cart_list_item { border-bottom: 1px solid var(--black-20); flex-wrap: nowrap; justify-content: flex-start; align-items: center; padding: 1.2% 1%; font-size: 22px; display: flex; position: relative; } .cart_list_item.pay { border-bottom: 1px solid var(--black-20); border-top-style: none; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 1280px; margin-bottom: 6%; margin-left: auto; margin-right: auto; padding: 2% 0% 3.5%; font-size: 22px; } .cart_list_item.filter { justify-content: space-between; padding-left: 0%; padding-right: 0%; } .cart_info_block { direction: ltr; color: var(--black); text-align: center; flex-wrap: wrap; place-content: flex-start center; align-items: center; width: 16%; padding-top: 2px; display: flex; } .cart_info_block.name { direction: rtl; text-align: right; text-transform: uppercase; justify-content: flex-start; width: 36%; } .cart_info_block.pay { width: auto; margin-bottom: 3px; margin-left: 24px; margin-right: 24px; padding-top: 0; font-size: 35px; line-height: 30px; } .cart_delit { color: var(--brown); text-align: center; background-image: url('../images/menu_close.svg'); background-position: 50%; background-repeat: no-repeat; background-size: auto 76%; justify-content: center; align-items: center; width: 5%; height: 40px; margin-left: 1%; padding: 8px 12px 10px; font-size: 22px; font-weight: 700; transition: all .15s ease-in-out; display: flex; position: absolute; inset: auto auto auto 0%; overflow: hidden; } .cart_delit:hover { opacity: .85; color: #fff; text-decoration: none; } .cart_pay { background-color: var(--brown); color: var(--white); text-align: center; justify-content: center; align-items: center; width: auto; min-width: 26%; margin: 3% 28% 1% 30%; padding: 8px 12px 10px; font-size: 22px; font-weight: 700; transition: all .15s ease-in-out; display: flex; overflow: hidden; } .cart_pay:hover { background-color: var(--brown); opacity: .85; color: #fff; text-decoration: none; } .costumer_details { text-align: center; max-width: 840px; margin-bottom: 15px; margin-left: auto; margin-right: auto; } .costumer_details.filter { flex-wrap: wrap; place-content: flex-start space-between; align-items: flex-start; width: 100%; max-width: 1280px; margin-bottom: 30px; display: flex; } .customer_det_title { color: var(--brown); text-align: center; margin-bottom: 5px; margin-left: auto; margin-right: auto; font-size: 36px; font-weight: 700; line-height: 44px; display: inline-block; } .order_comment { color: var(--brown); text-align: right; margin-right: 29%; } .check_link { margin-left: 8px; font-size: 20px; font-weight: 400; } .purchase_info_block { direction: ltr; color: var(--black); text-align: center; flex-wrap: wrap; place-content: flex-start center; align-items: center; width: 19%; min-width: 19%; padding-top: 2px; display: flex; } .purchase_info_block.name { direction: rtl; text-align: right; text-transform: uppercase; justify-content: flex-start; width: 40%; min-width: 40%; } .purchase_info_block.total { width: 21%; min-width: 21%; } .prod_info_txt { margin-top: 4px; } .content_button { background-color: var(--dark-slate-blue); color: var(--white); text-align: center; width: 360px; min-height: 48px; margin-bottom: 6px; margin-left: auto; margin-right: auto; padding: 8px 28px; display: block; } .content_button:hover { background-color: var(--brown); color: var(--white); text-decoration: none; } .expert_main_slider { background-color: var(--white-smoke); direction: ltr; width: 100%; height: 58vw; } .expert_slider_nav { display: none; } .expert_slide_link { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; overflow: hidden; } .expert_slide_ar { color: var(--brown); width: 5%; font-size: 40px; } .desk_slider_pict { object-fit: cover; height: 100%; } .my_nav { color: var(--white); text-align: right; margin-left: auto; } .my_nav_toggle { background-color: var(--black); color: var(--white); background-image: url('../images/ar_bot_white.svg'); background-position: 15px 55%; background-repeat: no-repeat; background-size: 14px; padding: 3px 18px 5px 44px; } .my_nav_toggle:hover { background-color: var(--brown); } .my_nav_toggle.w--open { background-color: var(--brown); background-image: url('../images/ar_top_white.svg'); background-position: 12px; } .my_nav_list { background-color: var(--white-smoke); } .my_nav_list.w--open { min-width: 220px; padding: 8px 18px 12px 26px; } .my_nav_link { text-align: right; margin-bottom: 4px; padding: 2px 0; } .my_nav_link:hover { color: var(--brown); text-decoration: none; } .top_back { color: var(--black); width: 30px; margin-top: 3px; font-size: 26px; transition: opacity .15s ease-in-out; } .top_back:hover { opacity: .6; color: var(--brown); text-decoration: none; } .top_back_group { align-items: center; display: flex; } .landing_form_sec { background-color: var(--black); color: var(--white); text-align: center; flex-direction: column; justify-content: center; width: 23%; padding: 1vw 2.5%; font-size: 1.2vw; line-height: 1.4vw; position: fixed; inset: 0% auto 0% 0%; } .landing_form_sec.mob { display: none; } .landing_txt_field { background-color: var(--dim-grey); color: var(--white); text-align: center; border: .2vw solid #0000; height: 2.5vw; margin-bottom: 0; padding: 0 1%; font-size: 1.3vw; font-weight: 400; } .landing_txt_field:active, .landing_txt_field:focus { border-color: #0000; } .landing_txt_field.num { direction: ltr; text-align: left; width: 69%; } .landing_txt_field.code { width: 28%; } .landing_txt_field.mail { direction: ltr; text-align: left; } .landing_txt_field.txt_area { text-align: right; height: 6vw; } .landing_txt_field.select { text-align: right; } .landing_body { padding-left: 23%; } .landing_list_logo { width: 24%; max-width: 260px; } .landing_pict_block { justify-content: center; align-items: center; overflow: visible; } .footer_info_group { color: #000000a6; width: 66%; margin-top: -15px; margin-bottom: 10px; font-size: 18px; } .landing_form_allert { clear: both; opacity: 0; color: var(--firebrick); width: 100%; font-size: .8vw; line-height: .8vw; display: block; } .landing_form_allert.in { opacity: 1; } .land_content_sec { width: 100%; padding-top: 3%; padding-left: 4%; padding-right: 4%; } .land_content_sec.center_title { text-align: center; flex-direction: column; justify-content: center; align-items: center; padding: 20px 4% 30px; display: flex; } .land_content_sec.grey { background-color: var(--black-6); padding-bottom: 1%; overflow: hidden; } .landing_video_sec { height: 30vw; display: none; position: relative; } .landing_video { height: 30vw; } .land_form_title { margin-top: 0; margin-bottom: .3vw; font-size: 2.3vw; font-weight: 900; line-height: 2.6vw; } .land_tel_group { color: var(--white); justify-content: center; align-items: center; margin-top: .3vw; display: flex; position: relative; } .land_tel_group:hover { color: #ff151f; text-decoration: none; } .land_tel_num { direction: ltr; margin-bottom: .1vw; margin-right: .4vw; font-size: 1.6vw; font-weight: 900; position: relative; } .orderblock_close { width: 30px; } .add_order_block { float: none; border-top: 1px solid var(--dark-grey); justify-content: space-between; align-items: center; margin-top: 20px; margin-bottom: 50px; padding-top: 16px; display: flex; } .order_form_txt { float: right; direction: rtl; text-align: right; width: 40%; margin-top: 12px; padding-left: 20px; } .order_clear { margin-top: 10px; } .order_clear.add_more_lines { float: right; background-color: var(--brown); color: #fff; margin-top: 5px; margin-left: 5px; padding: 5px 20px; } .order_clear.add_more_lines:hover { background-color: #08a2ce; text-decoration: none; } .out_txt { color: var(--brown); font-size: 16px; line-height: 22px; position: relative; inset: auto 0% 0%; } .out_txt_filetr { color: var(--brown); font-size: 16px; line-height: 22px; position: absolute; inset: auto 0% 0%; } .form_title_group { border-bottom: 1px solid var(--dark-grey); margin-top: 40px; margin-bottom: 30px; padding-top: 10px; padding-bottom: 10px; padding-left: 60px; font-weight: 700; position: relative; } .form_title { margin-top: 0; margin-bottom: 0; font-size: 36px; font-weight: 900; line-height: 38px; } .form_gr_close { background-color: var(--brown); background-image: url('../images/ic_close_white.svg'); background-position: 50%; background-repeat: no-repeat; background-size: 60%; border-radius: 0%; width: 34px; height: 34px; margin-bottom: 14px; transition: all .15s ease-in-out; position: absolute; inset: auto auto 0% 0%; } .form_gr_close:hover { background-color: var(--dark-slate-blue); filter: none; } .order_add { background-color: var(--brown); color: var(--white); background-image: url('../images/ic_plus_white.svg'); background-position: 12px; background-repeat: no-repeat; background-size: 16px; max-height: 36px; margin-right: 20px; padding: 3px 15px 6px 40px; } .order_add:hover { background-color: var(--dark-slate-blue); text-decoration: none; } .filter_button { background-color: var(--brown); color: var(--white); text-align: center; justify-content: center; align-items: center; height: 50px; margin-top: 28px; margin-bottom: 20px; padding: 8px 12px 10px; font-size: 22px; font-weight: 700; transition: all .15s ease-in-out; display: flex; } .filter_button:hover { background-color: var(--brown); opacity: .85; color: #fff; text-decoration: none; } .filter_field_content { border-bottom: 1px none var(--black-6); text-align: right; flex-direction: column; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 20px; padding-bottom: 2px; } .filter_field_content.date { width: 74%; } .filter_field_content.duo { width: 46%; margin-bottom: 0; } .filter_field_block { text-align: right; flex-wrap: wrap; place-content: flex-start; align-items: flex-start; width: 100%; font-size: 22px; display: flex; } .filter_label_group { flex-flow: wrap; align-content: flex-start; align-items: center; padding-bottom: 6px; padding-right: 6px; font-size: 20px; line-height: 22px; display: flex; position: relative; } .xl_button { color: #000; text-align: right; justify-content: space-between; align-items: center; max-width: 30%; padding-top: 5px; padding-bottom: 5px; font-size: 21px; line-height: 24px; transition: all .15s ease-in-out; display: flex; } .xl_button:hover { color: #09a142; text-decoration: none; } .xl_icon { justify-content: center; align-items: center; width: 36px; min-width: 36px; margin-right: 10px; display: flex; overflow: hidden; } .filter_results_title { color: var(--brown); margin-top: 5px; margin-bottom: 5px; font-size: 30px; display: none; } .filter_info_block { color: var(--black); text-align: right; text-transform: uppercase; flex-wrap: wrap; place-content: flex-start; align-items: center; width: 13%; min-width: 13%; padding-top: 2px; display: flex; } .filter_info_block.name { justify-content: flex-start; width: 28%; min-width: 28%; padding-left: 2%; } .filter_info_block._4 { justify-content: center; width: 12%; min-width: 12%; } .filter_info_block.num { justify-content: center; width: 11%; min-width: 11%; } .filter_info_block.date { width: 14%; min-width: 14%; } .filter_info_block.pay_num { width: 19%; min-width: 19%; } .filter_fields_gr { flex-wrap: wrap; place-content: stretch space-between; width: 53%; height: 100%; min-height: 100%; margin-left: 3%; padding-left: 0%; display: flex; } .filter_fields_gr.date { border-left: 1px solid var(--black-20); justify-content: flex-start; width: 19%; margin-left: 5%; } .sound_group { position: absolute; inset: auto auto 1% 0%; } .sound_group.mobile { display: none; } .thanks_sec { color: var(--white); text-align: center; background-color: #000000d9; flex-direction: column; justify-content: center; align-items: center; width: 46%; height: 60%; margin: auto; padding: 2%; font-size: 1.3vw; line-height: 1.8vw; display: flex; position: fixed; inset: 0%; box-shadow: 0 0 20px #00000080; } .filter_links_gr { flex-direction: column; width: 18%; display: flex; } .filter-all_link { color: var(--firebrick); font-weight: 700; text-decoration: underline; } .filter-all_link:hover { color: var(--black); } .nav_droplist.w--open { flex-wrap: wrap; place-content: flex-start; width: 100%; padding-top: 18px; padding-right: 0; display: flex; position: relative; } .nav_mob_item { position: relative; } .nav_cat_mobile { z-index: 9; text-align: right; padding-left: .3vw; padding-right: .3vw; display: block; } .nav_mob_gr { flex-direction: column; display: flex; } .cat_menu_link { justify-content: flex-start; align-items: flex-start; width: 16.6%; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; display: flex; } .cat_menu_link:hover { color: #f20019; } .nav_drop { text-align: right; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 9px 1vw; font-size: 20px; font-weight: 700; display: block; } .nav_drop.w--open { z-index: 80; color: var(--firebrick); } .nav_title_link { z-index: 10; color: #000; align-items: center; width: 80%; display: flex; position: absolute; inset: 0%; } .mob_cat_txt { display: inline; } .search_item_txt { color: #000000b3; margin-bottom: 6px; padding-right: 18px; } .loading_sec { z-index: 5000; background-color: #140f0f99; justify-content: center; align-items: center; display: none; position: fixed; inset: 0; } .loading_block { background-image: none; border-radius: 50%; justify-content: center; align-items: center; width: 12vw; height: 12vw; margin: auto; padding-left: 2vw; padding-right: 2vw; display: flex; position: absolute; inset: 0%; } .advert_txt { margin-top: 20px; margin-bottom: 20px; } .advert_link { color: var(--firebrick); font-size: 22px; font-weight: 700; } .energy_pict { width: 26%; min-width: auto; max-width: none; margin-bottom: 40px; margin-left: auto; margin-right: auto; } .add_info_group { clear: both; border-top: 1px solid var(--dark-grey); border-bottom: 1px solid var(--dark-grey); text-align: right; width: 100%; max-width: 1580px; margin: 1% auto 4vw; padding-left: 0; padding-right: 0; } .add_info_group.filter { max-width: none; margin-left: 0; } .add_info_group.product { max-width: 1280px; } .info_block { text-align: right; width: 90%; padding-bottom: 18px; padding-right: 80px; line-height: 26px; display: none; } .info_block.open { margin-top: -22px; padding-right: 80px; display: block; } .add_info_link { color: #333; background-image: url('../images/ic_cat_open.svg'); background-position: 98%; background-repeat: no-repeat; background-size: 33px; padding-top: 20px; padding-bottom: 20px; padding-right: 80px; font-size: 26px; font-weight: 700; line-height: 30px; transition: all .15s ease-in-out; display: block; } .add_info_link:hover { color: var(--firebrick); background-image: url('../images/ic_cat_red.svg'); text-decoration: none; } .add_info_link.open { color: var(--steel-blue); background-image: url('../images/ic_cat_close_bl.svg'); } .add_info_link.open:hover { opacity: 1; } .info_block_title { margin-top: 20px; margin-bottom: -10px; } .image { width: 30%; min-width: auto; max-width: none; } .filtering_center_title { text-align: center; flex-flow: column; justify-content: center; align-items: center; margin-right: auto; display: flex; } .main_present_title { color: var(--black); text-shadow: 2px 2px #0000003b; background-color: #fffffffa; margin-top: 30px; margin-bottom: 0; margin-left: 0; padding-bottom: 5px; padding-left: 3%; padding-right: 2%; font-size: 38px; font-weight: 700; line-height: 46px; position: absolute; top: 0; left: auto; right: 0; } .filter_content_group { width: 76%; } .download_link { color: #000c39; align-items: center; margin-top: 5px; margin-bottom: 5px; font-weight: 700; line-height: 22px; display: flex; } .download_link:hover { color: var(--red-lackbgr); text-decoration: none; } .download_link.center { justify-content: center; align-items: center; } .download_icon { justify-content: center; align-items: center; width: 30px; min-width: 30px; margin-left: 15px; display: flex; } .expert_inner_sec { width: 100%; padding-left: 2%; padding-right: 2%; } .expert_inner_block { width: 100%; max-width: 980px; margin-left: auto; margin-right: auto; } .faultcode_cat_list { grid-column-gap: .8rem; grid-row-gap: .8rem; text-transform: uppercase; border-bottom: 1px dashed #0006; flex-flow: wrap; justify-content: center; align-items: stretch; margin-top: 30px; margin-bottom: 80px; padding-bottom: 60px; padding-left: 0; padding-right: 0; font-size: 24px; line-height: 30px; display: flex; } .faultcode_cat_list.models { font-size: 23px; } .faultcode_cat_item { width: 32.3%; } .fault_code_button { background-color: var(--dark-slate-blue); color: var(--white); text-align: center; justify-content: center; align-items: center; height: 100%; min-height: 54px; margin-left: auto; margin-right: auto; padding: 8px 28px; display: flex; } .fault_code_button:hover { background-color: var(--brown); color: var(--white); text-decoration: none; } .expert_inner_group { width: 100%; max-width: 1180px; margin-left: auto; margin-right: auto; } .faultcode_list { border-top: 1px dashed #0006; width: 100%; max-width: 980px; margin: -10px auto 6rem; padding-left: 0; padding-right: 0; overflow: hidden; } .faultcode_item { grid-column-gap: 2%; grid-row-gap: 2%; border-bottom: 1px dashed #0006; flex-flow: wrap; align-content: flex-start; padding-top: 25px; padding-bottom: 25px; display: flex; } .code_title_group { grid-column-gap: 10px; grid-row-gap: 10px; color: var(--firebrick); flex-flow: row; place-content: flex-start; width: 100%; display: flex; } .code_title { margin-top: 0; margin-bottom: 0; font-size: 48px; font-weight: 400; line-height: 50px; } .code_title.line { font-size: 54px; font-weight: 300; } .fault_description_block { width: 100%; margin-top: 1rem; } .fault_description_block.close { display: none; } .faultcode_pict { width: 70%; min-width: auto; max-width: none; margin-bottom: 30px; } .faultcode_video { width: 70%; margin-bottom: 30px; } .faultcode_models_list { grid-column-gap: 20px; grid-row-gap: 12px; text-transform: uppercase; flex-flow: wrap; place-content: flex-start; align-items: stretch; margin-top: 10px; padding-left: 0; padding-right: 0; font-size: 22px; line-height: 26px; display: flex; } .faultcode_models_list.models { font-size: 23px; } .faultcode_model_link { color: var(--steel-blue); background-color: #fff0; justify-content: center; align-items: center; } .faultcode_model_link:hover { text-decoration: none; } .faultcode_model_item { border-left: 1px dashed #0006; padding-left: 20px; } .expert_sensor_group { width: 100%; max-width: 980px; margin: 30px auto 1rem; } .sensor_gr_title { text-align: right; font-size: 28px; line-height: 32px; } .expert_sensor_list { grid-column-gap: 20px; grid-row-gap: 15px; flex-flow: wrap; align-content: flex-start; padding-left: 0; padding-right: 0; display: flex; } .expert_sensor_item { border-left: 1px dashed #0006; padding-left: 10px; } .expert_sensor_txt { margin-left: 8px; display: inline; } .expert_sensor_txt.num { font-size: 22px; } .foot_soc_title { opacity: .65; color: var(--black); width: 100%; margin-top: 0; margin-bottom: 10px; font-size: 18px; font-weight: 400; line-height: 24px; text-decoration: none; } .foot_soc_title:hover { opacity: 1; text-decoration: none; } .codes_fem_title { text-align: center; margin: 0 5px; display: inline; } .codes_fem_title.search_res { color: var(--firebrick); } .faultcode_title_link { grid-column-gap: .8rem; grid-row-gap: 0rem; color: var(--firebrick); background-image: url('../images/ic_cat_close.svg'); background-position: 0 0; background-repeat: no-repeat; background-size: 3rem; justify-content: flex-start; align-items: flex-end; width: 100%; min-height: 3rem; padding-left: 4rem; display: flex; } .faultcode_title_link:hover { color: var(--firebrick); text-decoration: none; } .faultcode_title_link.close { color: var(--black); background-image: url('../images/ic_cat_open.svg'); } .faultcode_title_link.close:hover { color: var(--firebrick); background-image: url('../images/ic_cat_red.svg'); } .faultcode_title_info { margin-bottom: .3rem; font-size: 24px; } .footer_logo { margin-bottom: 2px; position: relative; top: -17px; } .fem_title_block { text-align: center; justify-content: center; align-items: flex-start; padding-top: 50px; } .autocomp_list { z-index: 88; border-right: 1px solid var(--dark-grey); border-bottom: 1px solid var(--dark-grey); border-left: 1px solid var(--dark-grey); background-color: var(--white); width: 100%; max-height: 282px; margin-top: -1px; margin-bottom: 0; padding-left: 0; padding-right: 0; position: absolute; top: 56px; overflow: auto; } .autocomp_item { border-top: 1px none var(--black-20); border-bottom: 1px dashed var(--black-20); background-color: var(--white); margin-left: 3%; margin-right: 3%; padding-top: 10px; padding-bottom: 10px; overflow: hidden; } .autocomp_item.close { display: none; } .autocomp_link { color: var(--black); display: block; } .autocomp_link:hover { color: var(--firebrick); text-decoration: none; } @media screen and (min-width: 1920px) { p { margin-top: 5px; } .desk_menu_drop { margin-left: 3.2%; } .top_logo.expert { min-width: 400px; } .desk_menu_link { font-size: 32px; } .desk_menu_group.expert { min-width: 75%; } .present_video, .main_present_sec { height: 32vw; } .content_sec.advert { font-size: 24px; line-height: 30px; } .content_sec.faultcode_center_title { max-width: 980px; margin-left: auto; margin-right: auto; padding-top: 20px; } .content_group.shotcuts { padding-top: 35px; } .content_group.data { max-width: 1580px; } .shotcut_icon { margin-bottom: 16px; } .hl_list { width: 103%; margin-right: -1.5%; } .footer_sec.landing { padding-left: 6%; padding-right: 6%; } .footer_soc_link { width: 20%; margin-right: 18px; } .footer_soc_link:hover { box-shadow: inset 0 1px 0 0 var(--midnight-blue), 0 0 12px 0 #00000026; } .footer_soc_group { justify-content: space-between; width: 18%; max-width: 280px; } .fix_button.search { width: 92px; height: 92px; font-size: 19px; line-height: 18px; } .title_group.landing { max-height: 680px; padding-bottom: 32%; padding-left: 3%; padding-right: 3%; } .tab_list_item.landing, .tab_add_info.landing { font-size: 21px; line-height: 24px; } .slider_ar { margin-right: -4px; font-size: 52px; } .slider_ar.left { margin-left: -4px; margin-right: 0; } .making_list { width: 103%; max-width: 1620px; position: relative; left: -1%; } .making_item { width: 30.7%; margin-bottom: 2.6%; margin-left: 2.6%; } .add_prod_list { width: 103%; margin-right: -1.5%; } .product_order.accessories { padding-bottom: 16px; font-size: 26px; line-height: 34px; } .add_prod_block.filter { margin-bottom: 28px; } .contact_content { margin-bottom: 3%; } .contact_content.faultcode { max-width: 1180px; margin-top: 3.5rem; margin-bottom: .5rem; padding-bottom: 1rem; } .form_field_content.radio.faultcode { padding-right: 17%; } .form_field_content.faultcode { width: 66%; } .form_label_group.faultcode { width: 26%; } .button.faultcode { background-size: 18%; min-width: 100px; min-height: 64px; max-height: 64px; } .txt_field.faultcode { height: 64px; font-size: 30px; line-height: 32px; } .search_cat_title { font-size: 34px; line-height: 36px; } .search_link_item { font-size: 22px; line-height: 22px; } .search_link { padding-bottom: 5px; padding-right: 17px; font-size: 24px; } .director_list { width: 96%; max-width: 980px; } .director_list.staff { max-width: 1180px; margin-top: 1%; } .share_group { margin-top: -8%; font-size: 20px; } .social_ic.share { width: 30px; margin-right: 12px; } .cart_pay { padding-top: 10px; padding-bottom: 12px; font-size: 24px; line-height: 30px; } .prod_info_txt { margin-top: 6px; } .content_button { width: 440px; } .expert_main_slider { background-color: var(--white-smoke); } .expert_slide_link { justify-content: center; align-items: center; } .expert_slide_ar { width: 4%; font-size: 50px; } .my_nav_toggle { background-position: 15px 55%; background-size: 18px; padding: 4px 24px 6px 52px; font-size: 24px; line-height: 28px; } .my_nav_list.w--open { min-width: 300px; padding: 10px 22px 14px 30px; } .my_nav_link { font-size: 24px; line-height: 28px; } .landing_list_logo { max-width: 300px; } .footer_info_group { width: 74%; } .land_content_sec, .land_content_sec.center_title { padding-left: 6%; padding-right: 6%; } .add_order_block { margin-top: 30px; margin-bottom: 60px; padding-top: 20px; } .out_txt { font-size: 18px; } .out_txt_filetr { font-size: 18px; line-height: 26px; } .form_title_group { margin-top: 50px; margin-bottom: 40px; } .filter_button { padding-top: 10px; padding-bottom: 12px; font-size: 24px; line-height: 30px; } .filter_info_block { width: 14%; min-width: 14%; } .filter_info_block.pay_num { width: 17%; min-width: 17%; } .thanks_sec { font-size: 1.4vw; } .filter-all_link { font-size: 22px; } .cat_menu_link { width: 14.2%; margin-top: 12px; margin-bottom: 12px; font-size: 20px; line-height: 24px; } .search_item_txt { margin-bottom: 8px; padding-right: 20px; } .advert_link { font-size: 26px; line-height: 34px; } .energy_pict { width: 22%; margin-bottom: 3%; } .add_info_group.filter { margin-bottom: 1vw; } .info_block { width: 86%; } .info_block.open { padding-right: 90px; font-size: 22px; line-height: 28px; } .add_info_link { background-size: 36px; padding-right: 90px; font-size: 30px; line-height: 34px; } .info_block_title { margin-top: 25px; margin-bottom: -5px; font-size: 26px; line-height: 30px; } .image { width: 29%; } .main_present_title { font-size: 46px; line-height: 58px; } .expert_inner_block { max-width: 1180px; } .faultcode_cat_list { margin-bottom: 90px; padding-bottom: 70px; font-size: 26px; line-height: 32px; } .faultcode_cat_list.models { width: 100%; max-width: 980px; margin-left: auto; margin-right: auto; } .fault_code_button { min-height: 66px; padding-top: 12px; padding-bottom: 14px; font-size: 28px; } .faultcode_list { max-width: 980px; margin-top: -25px; font-size: 22px; line-height: 28px; } .faultcode_item { padding-top: 30px; padding-bottom: 30px; } .code_title { font-size: 46px; } .faultcode_pict, .faultcode_video { width: 80%; margin-top: 10px; } .faultcode_models_list { margin-top: 12px; font-size: 26px; line-height: 32px; } .faultcode_models_list.models { width: 100%; max-width: 980px; margin-left: auto; margin-right: auto; } .expert_sensor_group { margin-top: 20px; } .expert_sensor_list { grid-column-gap: 25px; font-size: 22px; } .expert_sensor_item { padding-left: 15px; } .codes_fem_title { margin-top: 60px; margin-bottom: 40px; font-size: 41px; line-height: 44px; } .autocomp_list { max-height: 330px; margin-top: -1px; } .autocomp_item { padding-top: 12px; padding-bottom: 12px; font-size: 26px; line-height: 30px; } } @media screen and (max-width: 991px) { body { font-size: 2vw; line-height: 2.6vw; } h1 { margin-top: 1vw; margin-bottom: 1vw; font-size: 5vw; line-height: 5.4vw; } h2 { margin-top: 2vw; margin-bottom: 1.5vw; font-size: 4.2vw; line-height: 4.4vw; } h3 { margin-top: 2vw; margin-bottom: 1vw; font-size: 3.4vw; line-height: 3.4vw; } h4 { margin-top: .8vw; margin-bottom: .5vw; font-size: 2.3vw; line-height: 2.6vw; } p { margin-top: .8vw; margin-bottom: 1.4vw; } ul, ol { margin-bottom: 2vw; padding-left: 3vw; padding-right: 3vw; } .top_nav_conteiner { margin-right: 0; } .top_desk_group { margin-left: 3vw; margin-right: 11vw; padding-bottom: 1.5vw; padding-right: 0%; } .top_logo { width: 25vw; margin-top: 1.8vw; } .top_logo.expert { width: 32vw; margin-top: 1.5vw; margin-right: auto; } .top_logo.exp_white { width: 32vw; } .top_navbar { display: block; } .top_nav_button { float: right; background-size: 43%; width: 11vw; height: 8vw; } .top_nav_button.w--open { background-color: var(--white); background-size: 36%; } .top_nav_menu { background-color: var(--white); box-shadow: 4px 4px 5px 0 var(--black-10); padding: 1% 3% 2%; line-height: 2.4vw; } .desk_menu_group { display: none; } .top_nav_sec { min-height: 8vw; } .form_field { border-width: .4vw; height: 6vw; padding-top: 0; padding-bottom: 0; font-size: 2.4vw; line-height: 2.6vw; } .form_field.search { height: 5vw; font-size: 1.8vw; } .form_field_label { margin-bottom: .6vw; font-size: 2vw; line-height: 2.2vw; } .form_field_label.search { font-size: 1.7vw; } .search_form_block { width: 72%; } .sec_close:hover { background-image: url('../images/ic_close_white_1.svg'); } .form_field_group { align-items: center; width: 90%; margin-bottom: .8vw; margin-left: 5%; margin-right: 5%; font-size: 15px; line-height: 18px; } .form_field_group.search { border-color: var(--white); padding-bottom: 4vw; padding-right: 4vw; } .form_file_block { width: 78%; } .form_button { margin-bottom: 4vw; padding: 1.2vw 4vw 1.3vw; font-size: 2.6vw; line-height: 3.2vw; } .form_button.search { border-color: var(--brown); background-color: var(--brown); color: #fff; min-height: 5vw; font-size: 2.4vw; } .form_button.search:hover { border-color: var(--brown); background-color: var(--brown); color: var(--white); } .form_button.search:active { background-color: var(--brown); color: var(--white); } .present_video { height: 44vw; } .sound_on, .sound_off { background-size: 3.4vw; border-top-right-radius: 2vw; border-bottom-right-radius: 2vw; width: 7vw; height: 4vw; margin-bottom: 2%; } .main_present_sec { height: 44vw; } .foot_menu_list { width: 100%; } .foot_menu_item { margin-bottom: 1vw; padding-top: .5vw; padding-bottom: .5vw; } .foot_cat_link { opacity: 1; margin-bottom: 1vw; font-size: 2.2vw; line-height: 2.4vw; } .foot_sub_list { font-size: 1.7vw; line-height: 2.1vw; } .foot_sub_link { opacity: 1; margin-bottom: 1vw; } .top_sec { padding-top: .6vw; padding-bottom: .6vw; padding-right: 3%; } .top_search_link { width: 5vw; padding-left: 1vw; padding-right: 1vw; } .area_link { background-size: 1vw; padding: .4vw 4vw .5vw 2vw; font-size: 2vw; } .content_sec { padding-left: 3%; padding-right: 3%; } .content_sec.center_title { padding-top: 1vw; padding-bottom: 3vw; } .content_sec.video { background-color: var(--black-6); background-image: none; margin-top: 5%; padding-top: 5%; padding-bottom: 5%; } .content_sec.center_sm_title { padding-top: 1vw; padding-bottom: 3vw; } .content_sec.advert { padding: 1vw 10% 3vw; } .content_sec.faultcode_center_title { margin-bottom: 0; padding-top: 1vw; padding-bottom: 3vw; } .content_group.shotcuts { max-width: none; padding-top: 4vw; padding-bottom: 2vw; } .content_group.slider { max-width: none; margin-bottom: 8vw; font-size: 2.2vw; line-height: 2.8vw; } .content_group.product_pict { max-width: none; height: 31vw; max-height: none; margin-top: 4vw; margin-bottom: 4vw; font-size: 2.2vw; line-height: 2.8vw; } .content_group.filter { max-width: none; } .content_group.accessories { justify-content: space-between; max-width: none; margin-bottom: 5%; } .content_group.cart, .content_group.filter_title_gr, .content_group.filter_results_gr { max-width: none; margin-top: 1vw; margin-bottom: 2vw; } .content_group.logo { grid-row-gap: 2vw; padding-top: 0; padding-bottom: 3vw; } .shotcuts_line { margin-left: .5%; margin-right: .5%; } .shotcut_link { font-size: 2vw; } .shotcut_icon { width: 7vw; margin-bottom: 1.6vw; } .title_line { width: 12vw; height: .5vw; } .title_line.sale_point { width: 11vw; margin-top: 2vw; } .family_list.content { margin-top: 3vw; } .family_item { width: 48.5%; height: 28vw; max-height: none; margin-bottom: 3%; } .family_link { padding: 2vw; } .family_link.solution { font-size: 2.4px; line-height: 2.8vw; } .family_link_info { border-width: .4vw; padding: 2vw; font-size: 3.6vw; line-height: 3.6vw; } .family_link_txt { padding: 1.6vw 3vw 1.8vw; font-size: 3.6vw; line-height: 3.6vw; } .solution_link_info { border-width: .4vw; padding: 3vw; } .solution_info_gr { width: 50%; max-width: none; padding: 2vw 3vw; font-size: 2.4vw; } .solution_info_title { margin-bottom: 3%; font-size: 4vw; line-height: 4.2vw; } .solution_info_but { border-width: .2vw; margin-top: 8%; margin-bottom: 1vw; padding-top: 1vw; padding-bottom: 1vw; font-size: 2vw; line-height: 2vw; } .solution_info_but.rooms { margin-bottom: 2vw; padding-top: 1.2vw; padding-bottom: 1.4vw; } .solution_but_icon { width: .8vw; margin-top: .2vw; margin-right: 2vw; } .content_block.rooms { width: 80%; max-width: none; font-size: 2.8vw; line-height: 3vw; } .content_block.landing { margin-bottom: 2vw; font-size: 2.2vw; } .h_room_number { border-width: .5vw; width: 10vw; min-width: auto; height: 10vw; padding-top: 0%; padding-bottom: 0%; font-size: 4vw; line-height: 4vw; } .room_title_group { width: 70%; max-width: none; } .rooms_title { font-size: 4vw; line-height: 4vw; } .room_sec_title { margin-top: 0; margin-bottom: 2vw; margin-right: 8px; font-size: 5.6vw; line-height: 5vw; } .hl_list { align-content: flex-start; margin-bottom: 1vw; } .hl_list.projects { margin-top: 0; margin-bottom: 3vw; } .hl_link { padding-bottom: 1.5vw; font-size: 1.8vw; } .hl_pict_block { height: 19vw; max-height: none; margin-bottom: 1vw; } .item_pict:hover { min-width: 100%; min-height: 100%; } .hl_info_group { line-height: 2.4vw; } .news_title { margin-bottom: .8vw; font-size: 2.6vw; line-height: 2.8vw; } .footer_sec { padding-left: 4%; padding-right: 4%; } .cyber_group { margin-top: 1.5vw; } .footer_content { flex-direction: column; align-items: center; max-width: none; } .footer_content.credit { text-align: center; margin-top: 3vw; padding-top: 3vw; font-size: 1.7vw; line-height: 2vw; } .cyber_link { margin-left: .6vw; } .footer_soc_link { box-shadow: none; width: 5.4vw; margin-left: 1vw; margin-right: 1vw; } .footer_soc_link.youtube { margin-left: 0; } .footer_soc_link.twitter { width: 4.4vw; } .footer_soc_group { text-align: center; flex-wrap: wrap; place-content: flex-start center; width: 30%; min-width: auto; max-width: none; margin-top: 2vw; margin-bottom: 2vw; } .fix_sec { bottom: 14%; } .fix_button { width: 9vw; height: 9vw; margin-bottom: 1vw; margin-left: 1.4vw; padding-left: .4vw; padding-right: .4vw; font-size: 2vw; line-height: 2vw; box-shadow: 0 4px 2vw #0000004d; } .fix_button.search { width: 10vw; height: 10vw; padding-left: 1vw; padding-right: 1vw; font-size: 1.9vw; line-height: 1.8vw; } .title_group { padding: 3vw; } .title_group.expert_list { padding: 3vw 4.3% 20vw; } .title_group.landing { height: 40vw; max-height: none; padding-left: 4.3%; padding-right: 4.3%; } .title_group.faultcode { padding-top: 2vw; padding-bottom: 2vw; } .title_content { border-width: .4vw; border-color: #ffffffb3; padding: 3.5vw 10vw; font-size: 2.4vw; line-height: 2.8vw; } .title_content.product { padding: 2% 3%; font-size: 2.4vw; line-height: 3vw; } .title_content.series { padding-top: 7%; padding-bottom: 7%; font-size: 2.6vw; line-height: 3vw; } .title_content.faultcodes { padding: .5% 2%; } .breadcrumb_nav { border-radius: 0; margin-top: 0; padding-top: 1.2vw; padding-left: 3%; padding-right: 3%; font-size: 1.6vw; line-height: 2vw; } .breadcrumb_item { margin-bottom: 1.2vw; } .breadcrumb_link { opacity: .85; } .breadcrumb_line { margin-left: 1vw; margin-right: 1vw; padding-top: .2vw; } .family_list_item { padding-bottom: 3%; } .family_list_link { padding-left: 0; padding-right: 0; } .family_pict_block { width: 44%; height: 16vw; max-height: none; margin-top: 0; margin-left: 3.5%; } .family_list_info { width: 51%; font-size: 2vw; line-height: 2.6vw; } .family_add_info { margin-top: 1vw; } .family_list_title { margin-bottom: .6vw; font-size: 3.2vw; line-height: 3.6vw; } .tab_list { width: 100%; margin-top: .4vw; margin-bottom: 3vw; font-size: 1.8vw; line-height: 2.2vw; } .tab_name.cart { display: inline; } .tab_list_item { padding: 1.5% 0%; font-size: 1.7vw; } .tab_list_item.landing { font-size: 1.8vw; line-height: 2.2vw; } .tab_info_block { padding-top: 0; } .tab_add_info { background-color: var(--brown); color: var(--white); padding: .6vw 1vw; font-size: 1.7vw; left: 1.2vw; } .tab_add_info.landing { font-size: 1.8vw; line-height: 2vw; } .tab_titles_group { width: 100%; margin-top: 1vw; padding-left: 0%; padding-right: 0%; font-size: 1.5vw; line-height: 1.8vw; } .series_slider { max-height: none; margin-top: 2vw; } .slider_ar { font-size: 5vw; line-height: 5vw; } .slider_nav { height: .6vw; font-size: 2.4vw; bottom: -4vw; } .making_list { width: 103%; max-width: none; } .making_list.expert { margin-top: 2vw; } .making_item { width: 47%; padding: 2.5vw; } .making_item.expert { width: 31%; padding: 1vw; } .making_ic_block { width: 21%; min-width: 21%; } .making_ic_block.expert { width: 16%; min-width: 16%; } .making_info { font-size: 1.8vw; line-height: 2.2vw; } .making_info.expert { width: 78%; font-size: 1.8vw; line-height: 2vw; } .making_title { margin-bottom: .6vw; font-size: 2.8vw; line-height: 3vw; } .making_title.expert { margin-bottom: .2vw; font-size: 2.4vw; line-height: 2.6vw; } .add_prod_list { align-content: flex-start; margin-top: 0; margin-bottom: 1vw; } .add_prod_link { padding: 6% 6% 10%; font-size: 1.8vw; } .add_prodpict_block { height: 11vw; max-height: none; margin-bottom: 1vw; } .add_prod_info { padding: 0 0%; line-height: 2.4vw; } .add_prod_title { margin-bottom: .8vw; font-size: 2.2vw; line-height: 2.4vw; } .shekel { margin-left: .2vw; margin-right: .2vw; } .shekel.pay { margin-top: .4vw; font-size: 2.6vw; line-height: 2.2vw; } .shekel.radio { margin-top: .2vw; margin-right: .3vw; font-size: 2.2vw; line-height: 2.6vw; } .shekel.cart { margin-right: .3vw; } .product_title_group { width: 52%; font-size: 2vw; line-height: 2.6vw; } .product_order_group { max-width: 42%; padding: 2vw 2vw 1vw; } .product_order { background-color: var(--brown); color: var(--white); min-width: 90%; margin-top: 2vw; margin-bottom: 1vw; padding: 1vw 3vw 1.2vw; font-size: 2.4vw; line-height: 3.2vw; left: 1.2vw; } .product_order.accessories { min-width: 76%; padding-top: 1vw; padding-bottom: 1.3vw; font-size: 2.6vw; } .product_price_block { min-width: 46%; margin-left: 1vw; margin-right: 1vw; font-size: 2.8vw; line-height: 3vw; } .price_title { color: var(--black); margin-bottom: .5vw; font-size: 1.8vw; font-weight: 400; line-height: 2vw; } .specification_item { border-bottom-width: .2vw; width: 48%; } .tab_info_txt { margin-left: .2vw; margin-right: .2vw; } .specification_info_group { padding-top: 1.2vw; padding-bottom: 1.2vw; padding-left: .5vw; font-size: 2vw; line-height: 2.2vw; } .specification_title { font-size: 1.9vw; line-height: 2vw; } .add_prod_price { margin-top: 1vw; margin-bottom: 2vw; font-size: 2.2vw; line-height: 2.4vw; } .add_prod_price.filter { margin-bottom: 7.4vw; } .add_prod_block { background-color: var(--brown); color: var(--white); padding: .8vw 1vw; font-size: 1.9vw; left: 1.2vw; } .add_prod_block.filter { max-width: 82%; margin-bottom: 2vw; } .product_title { font-size: 4.6vw; line-height: 5vw; } .insert_content.project { max-width: none; } .bgr_color { padding: 3vw; } .expert_top_sec { padding-bottom: 1.8%; } .expert_tornado_link { border-width: .2vw; margin-top: 0; padding: 1vw 5vw; font-size: 2.2vw; line-height: 2.4vw; } .login_content_sec { margin-bottom: 10vw; } .login_title_group { margin-bottom: 4vw; padding-left: 10%; padding-right: 10%; font-size: 2.4vw; line-height: 2.6vw; } .expert_welcome { margin-top: 1vw; margin-bottom: 1vw; font-size: 5vw; line-height: 5vw; } .login_content_group { max-width: none; } .login_app_group { justify-content: space-between; width: 46%; } .login_line { border-right-width: .2vw; } .log_tabs_menu { font-size: 2.2vw; line-height: 2.4vw; } .log_tab_link { padding: 1.4vw 1vw; } .login_tabs_group { width: 46%; } .tab_pane { min-height: 33vw; } .login_form_block { margin-bottom: -3vw; padding: 1vw 3vw; } .login_help_group { bottom: -6vw; } .log_red_line { height: .5vw; top: -.5vw; } .login_form { min-height: 30vw; } .login_field { border-width: .5vw; width: 100%; min-height: 6vw; padding: 0 1vw; font-size: 2.4vw; } .login_button { margin-top: 1vw; padding: 1.2vw 4vw 1.6vw; font-size: 2.6vw; line-height: 2.8vw; } .login-field { margin-bottom: 1vw; } .login_stores_block { margin-top: 1vw; } .login_store_link { border-width: .2vw; width: 100%; margin-top: 1vw; margin-bottom: 1vw; padding: 1vw 3.6vw; } .login_stores_group { margin-right: 0%; padding-left: 0%; padding-right: 0%; font-size: 2.2vw; line-height: 2.6vw; } .form_allert_txt { font-size: 1.6vw; line-height: 1.6vw; } .list_gallery_group { flex-wrap: wrap; align-content: stretch; width: 102%; } .gallery_link { width: 22.8%; height: 11vw; margin-top: .4%; margin-left: 2.1%; } .gallery_link.project { height: 10vw; } .projects_title { margin-top: 2vw; margin-bottom: 1.5vw; font-size: 4.2vw; line-height: 4.4vw; } .project_pict { width: 100%; height: 50vw; max-height: none; margin-right: 0%; } .contact_info_txt { width: 100%; margin-bottom: 3%; font-size: 2.4vw; line-height: 3vw; } .contact_sub_title { margin-bottom: 1.5%; font-size: 3.4vw; line-height: 3.6vw; } .contact_service_group { width: 90%; margin-bottom: 5vw; } .contact_service_link { width: 30%; margin-bottom: 3vw; margin-left: 1.5%; margin-right: 1.5%; padding-bottom: 1.6vw; font-size: 2.4vw; line-height: 2.6vw; } .contact_pict { width: 70%; margin-bottom: 1vw; } .service_link_line { width: 10vw; height: .4vw; } .contact_content { width: 86%; max-width: none; margin-top: 4%; margin-bottom: 0; } .contact_content.sale_point { width: 100%; max-width: none; font-size: 2.2vw; line-height: 2.8vw; } .contact_content.faultcode { width: 98.6%; max-width: none; margin-top: 4vw; margin-bottom: 2vw; padding-bottom: 1vw; } .form_field_content { width: 100%; margin-bottom: 1.2vw; padding-bottom: .3vw; } .form_field_content.comment { margin-bottom: 1vw; } .form_field_content.radio { padding-bottom: 2vw; } .form_field_content.radio.faultcode { margin-bottom: 0; padding-right: 27%; } .form_field_content.sale_points { padding-top: 2vw; } .form_field_content.check_order { margin-bottom: 1vw; } .form_field_content.faultcode { width: 100%; margin-bottom: 0; } .radio_button { width: 3.4vw; height: 3.4vw; margin-top: .1vw; margin-left: 1.2vw; } .radio_button:active, .radio_button.w--redirected-checked, .radio_button.w--redirected-focus { border-width: .8vw; } .forminfo_list_txt { font-size: 2vw; } .forminfo_list_txt.red { margin-left: .5vw; margin-right: .5vw; font-size: 2.4vw; } .field_label { width: 86%; } .radio_field { margin-top: .8vw; margin-bottom: 0; margin-left: 3vw; } .radio_field.delivery { margin-bottom: 1.2vw; } .form_label_star { margin-top: 0; margin-left: 0; font-size: 2.4vw; line-height: 3vw; } .radio_label { margin-top: .3vw; font-size: 2.2vw; line-height: 2.4vw; } .form_stage { margin-bottom: 5vw; } .form_stage.salepoint, .form_stage.faulcode, .form_info_list { margin-bottom: 3vw; } .form_info_list.cart_purchase { margin-bottom: 2vw; } .form_field_block { align-items: center; width: 76%; font-size: 15px; line-height: 18px; } .form_field_block.sale_point { width: 86%; } .form_label_group { margin-top: 1.2vw; padding-right: 1.6vw; font-size: 2.3vw; line-height: 2.8vw; } .form_label_group.delivery { width: 100%; margin-bottom: 1vw; font-size: 2.3vw; line-height: 2.4vw; } .button.expert { min-width: 41%; min-height: 5.4vw; margin: 0 auto 2vw; padding-top: 0; font-size: 2.6vw; line-height: 3vw; display: block; } .button.sale_points { background-position: 40%; background-size: 46%; min-width: 14%; height: 5.5vw; padding: 1vw 2vw; font-size: 3vw; line-height: 3vw; } .button.contact { min-width: 38vw; margin-bottom: 5vw; padding: 1.8vw 2vw; font-size: 3vw; line-height: 3vw; } .button.preview { min-width: 38vw; margin-top: -1vw; margin-bottom: 5vw; padding-left: 2vw; padding-right: 2vw; font-size: 3vw; line-height: 3vw; } .button.landing { min-width: 41%; min-height: 5.6vw; margin: 0 auto 2vw; padding-top: 0; font-size: 2.6vw; line-height: 3vw; display: block; } .button.close { opacity: 1; margin-top: 3vw; padding-left: 4vw; padding-right: 4vw; font-size: 2.4vw; line-height: 3vw; } .button.faultcode { min-width: 10vw; min-height: 7.6vw; max-height: none; padding: 1.8vw 2vw; font-size: 3vw; line-height: 3vw; } .form_allert { font-size: 1.6vw; line-height: 1.6vw; } .txt_field { height: 5.5vw; padding-top: .3vw; padding-bottom: .3vw; font-size: 2.2vw; line-height: 2.6vw; } .txt_field.txt_area { min-height: 26vw; } .txt_field.cart_num { width: 10vw; height: 5vw; } .txt_field.faultcode { height: 7.6vw; padding-top: 0; padding-bottom: 0; padding-left: 11vw; font-size: 3.2vw; line-height: 3.4vw; } .check_field { margin-top: 1vw; margin-bottom: 0; margin-left: 3vw; } .check_field.order { margin-bottom: .6vw; } .check_button { width: 3.4vw; height: 3.4vw; margin-top: .1vw; margin-left: 1.2vw; } .check_button.pay { margin-top: -.3vw; } .check_label { font-size: 2.2vw; line-height: 2.4vw; } .check_label.order { margin-left: .8vw; } .file_button { height: 5.5vw; padding-left: 6.4%; padding-right: 6.4%; } .faq_list { width: 99%; max-width: none; margin-top: 4vw; margin-bottom: 2vw; font-size: 1.6vw; line-height: 2vw; } .faq_list.filter { width: 100%; } .faq_list_item { line-height: 2vw; } .faq_quest_link { background-position: 100% 2vw; background-size: 2.8vw; padding: 2vw 5vw 2vw 2vw; font-size: 2.8vw; line-height: 3vw; } .faq_quest_link.open { background-position: 100% 2vw; background-size: 3vw; } .faq_quest_link.open:hover { opacity: .6; } .faq_answer { padding-bottom: 3vw; padding-right: 6vw; font-size: 1.8vw; line-height: 2.4vw; } .faq_answer.open { margin-top: -2vw; padding-bottom: 1vw; padding-right: 5vw; font-size: 2vw; } .filter_list { align-content: flex-start; margin-top: 1vw; margin-bottom: 2vw; } .filter_link { padding: 6% 6% 11vw; font-size: 1.8vw; } .filter_form { margin-top: 1vw; } .filter_title { background-size: 2vw; border-top-width: .3vw; padding-top: 1vw; padding-bottom: 1.2vw; padding-left: 2.5vw; font-size: 2.5vw; line-height: 3vw; } .filter_title:hover { background-size: 2vw; } .filter_check_group { margin-bottom: 2vw; } .filter_check_block { margin-bottom: 1.4vw; padding-right: 4vw; } .filter_check_box { border-width: .2vw; border-radius: .4vw; width: 3vw; height: 3vw; margin-top: 0; } .filter_check_label { line-height: 2.2vw; } .search_cat_list { width: 99%; max-width: none; margin-bottom: 2vw; font-size: 1.6vw; line-height: 2vw; } .search_cat_item { margin-bottom: 2.6vw; line-height: 2vw; } .search_results_info { margin-top: 3.5vw; margin-bottom: 2vw; font-size: 3.7vw; line-height: 4.2vw; } .search_info_txt { margin-left: 1vw; } .search_cat_title { margin-bottom: 1.2vw; font-size: 3.4vw; line-height: 3.4vw; } .search_link_list { margin-bottom: 0; margin-right: .2vw; } .search_link_item { padding-top: .4vw; padding-bottom: .4vw; font-size: 2vw; } .search_link { border-right-width: .5vw; margin-right: -.3vw; padding-top: .3vw; padding-bottom: .3vw; padding-right: 1.8vw; font-size: 2.5vw; line-height: 2.5vw; } .map_list { max-width: none; margin-bottom: 4%; } .level_1_link { margin-bottom: 1vw; font-size: 2.8vw; line-height: 3.2vw; } .level_2_list { margin-right: .4vw; } .level_2_link { background-image: none; padding-top: .5vw; padding-bottom: .5vw; padding-right: 1.6vw; font-size: 2.2vw; line-height: 2.4vw; } .level_2_link:hover { border-right-style: solid; border-right-color: var(--brown); background-image: none; background-repeat: repeat; background-size: auto; } .level_3_list { margin-top: .6vw; margin-bottom: .6vw; padding-right: 2vw; } .level_3_link { background-image: none; padding-top: .4vw; padding-bottom: .4vw; padding-right: 1.3vw; font-size: 1.8vw; line-height: 2vw; } .level_3_link:hover { border-right-color: var(--brown); background-image: none; } .expert_sec { width: 100%; } .expert_form_sec { float: left; width: 100%; padding-left: 0%; padding-right: 0%; display: none; inset: auto 0% 0%; } .expert_form_sec.mob { padding-top: 0; padding-bottom: 0; display: block; } .expert_form_title { margin-bottom: 1.2vw; font-size: 3.2vw; line-height: 3.4vw; } .expert_form_group { margin-bottom: 0; } .form_expert_content { text-align: right; flex-flow: wrap; width: 100%; margin-top: 0; margin-bottom: 0; padding-top: 2vw; padding-bottom: 1vw; } .expert_txt_field { text-align: right; border-width: .4vw; height: 5vw; padding-top: .3vw; padding-bottom: .3vw; padding-right: 3%; font-size: 2.2vw; line-height: 2.6vw; } .expert_txt_field.num { width: 71%; } .expert_txt_field.code { width: 26%; } .expert_txt_field.txt_area { height: 9vw; } .form_allert_expert { font-size: 1.6vw; line-height: 1.6vw; } .expert_field_label { text-align: right; font-size: 2vw; line-height: 2.4vw; } .expert_field_block { text-align: right; align-items: center; width: 48%; font-size: 15px; line-height: 18px; } .expert_field_block.txt_area, .expert_field_block.select { width: 100%; } .expert_check_field { padding-top: .4vw; padding-right: 5vw; } .expert_check_button { width: 3.5vw; height: 3.5vw; } .expert_check_label { font-size: 2vw; line-height: 2.4vw; } .expert_list_logo { width: 34%; max-width: none; } .expert_content_sec { flex-direction: column; max-width: none; padding-top: 2vw; padding-left: 3%; padding-right: 3%; } .expert_content_block { width: 97%; margin-right: 1.4%; padding-top: 1vw; padding-bottom: 6vw; font-size: 2.2vw; line-height: 2.8vw; } .expert_contact_group { align-items: flex-start; width: 100%; display: flex; } .expert_pict_block { width: 34vw; height: 34vw; max-height: none; margin-top: -17vw; margin-bottom: 0; padding-top: 1.4vw; padding-left: 1.4vw; padding-right: 1.4vw; } .expert_name { margin-bottom: 1vw; font-size: 4.8vw; line-height: 5vw; } .expert_name_line { width: 8vw; height: .6vw; margin-bottom: 1vw; } .expert_name_line.contact { display: none; } .expert_info_group { width: 58%; margin-top: 1vw; margin-right: 3vw; padding-left: 0; } .expert_contact_block { margin-bottom: 2vw; padding-right: 0; font-size: 2.4vw; line-height: 2.6vw; } .expert_contact_block.place { line-height: 2.6vw; } .expert_contact_ic { width: 2.6vw; min-width: 2.6vw; margin-top: 0; margin-left: 2vw; } .expert_drop_form { width: 100%; } .expert_drop_toggle { background-color: var(--firebrick); color: var(--white); background-image: url('../images/ar_top_white.svg'); background-position: 59% 49%; background-repeat: no-repeat; background-size: 2.2vw; justify-content: center; align-items: center; width: 100%; padding: 2vw 5vw 2.4vw 2vw; font-size: 2.8vw; font-weight: 700; line-height: 2.6vw; transition: all .15s ease-in-out; display: flex; } .expert_drop_toggle.w--open { opacity: .46; background-color: #0000; background-image: url('../images/ar_bot_white.svg'); background-position: 59%; } .expert_drop_list.w--open { background-color: var(--black); text-align: right; padding-top: 2vw; padding-left: 4.5%; padding-right: 4.5%; font-size: 2vw; line-height: 2.2vw; position: fixed; inset: auto 0% 6vw; overflow: auto; } .adjust_checkbox { width: 3.4vw; height: 3.4vw; margin-left: 1.5vw; } .adjust_block { width: 100%; margin-bottom: 10%; margin-left: auto; margin-right: auto; display: block; } .adjust_form_group { height: auto; margin-bottom: 2.2vw; padding-bottom: 2.2vw; } .adjust_radiobutton_field { width: 68%; margin-top: .5vw; } .adjust_search_block2 { width: 48%; } .adjust_button { max-width: none; margin-top: 0%; margin-bottom: 1vw; padding-top: 1.3vw; padding-bottom: 1.5vw; font-size: 2.6vw; line-height: 3vw; } .adjust_search_block1 { width: 48%; } .adjust_radiobutton { width: 3.4vw; height: 3.4vw; margin-left: 1.5vw; } .adjust_radiobutton.w--redirected-checked { width: 3.4vw; height: 3.4vw; } .adjust_form_txt { width: 80%; margin-top: .2vw; margin-bottom: 0; font-size: 2.2vw; } .adjust_form_txt.roomsnumber { width: 70%; margin-top: 1.6vw; font-size: 2.2vw; } .adjust_selectbox { width: 30%; height: 6vw; padding: 0 1vw; font-size: 2.2vw; } .adjust_selectbox.place { width: 100%; } .staff_role_title { margin-bottom: .3vw; font-size: 2.2vw; line-height: 2.6vw; } .staff_role_title.staff { margin-bottom: .2vw; font-size: 2vw; line-height: 2.2vw; } .director_list { place-content: flex-start space-between; max-width: none; margin-top: 4vw; margin-bottom: 1vw; font-size: 16px; line-height: 18px; } .director_list.staff { margin-top: 2vw; margin-bottom: 1vw; } .director_pict_block { height: 27vw; max-height: none; } .director_pict_block.staff { height: 22vw; max-height: none; margin-bottom: 0; } .director_title { margin-bottom: .6vw; font-size: 2.7vw; line-height: 3vw; } .director_title.staff { margin-bottom: .3vw; font-size: 2.3vw; line-height: 2.5vw; } .director_list_item { margin-bottom: 2vw; padding-top: 1.5vw; padding-bottom: 1vw; } .director_list_item.staff { margin-bottom: 2vw; padding-top: 1.2vw; } .director_list_info { padding-top: 1vw; font-size: 15px; line-height: 20px; } .director_list_info.staff { padding-top: .8vw; font-size: 1.8vw; line-height: 2.2vw; } .list_tohen_linkitem { margin-top: .5vw; margin-bottom: .5vw; margin-left: 1vw; } .list_tohen_linkblock { padding: 1.3vw 3.5vw; font-size: 2.2vw; } .linkblock_list { margin-top: 2vw; margin-bottom: 2vw; } .salepoints_gr_ist { margin-bottom: 1vw; } .salepoints_list { margin-bottom: 2vw; } .salepoints_item { border-bottom-color: var(--dark-grey); width: 29%; margin-bottom: 2vw; margin-left: 4.2%; padding-bottom: 7.4vw; } .salepoints_gr_title { margin-bottom: 1.6vw; font-size: 4.2vw; line-height: 4.4vw; } .salepoint_contact_block { margin-bottom: 1.8vw; padding-right: 0; font-size: 2.2vw; line-height: 2.6vw; } .salepoint_contact_block.waze { justify-content: flex-start; max-width: 70%; margin-left: 0%; padding: .6vw .7vw .7vw .8vw; display: flex; bottom: 3vw; } .salepoint_info_icon { width: 2vw; min-width: 2vw; margin-top: .4vw; margin-left: 1.6vw; } .salepoint_info_icon.waze { width: 3vw; min-width: 3vw; margin-top: 0; margin-left: 1.6vw; } .salepoint_info_icon.tel { margin-left: 1.4vw; } .salepoint_info_icon.clock { width: 2.2vw; min-width: 2.2vw; margin-left: 1.4vw; right: 0; } .salepoint_title { margin-top: .6vw; margin-bottom: 1.6vw; margin-right: 0; font-size: 2.6vw; line-height: 2.6vw; } .experts_top_nav { font-size: 1.8vw; line-height: 2.2vw; } .share_group { color: var(--black); margin-top: 0%; margin-bottom: 1vw; margin-left: 0%; font-size: 2.2vw; line-height: 2.3vw; position: relative; } .social_ic { width: 3.6vw; } .social_ic.share { filter: none; width: 2.8vw; margin-left: .4vw; margin-right: 1.2vw; } .social_ic.share:hover { opacity: 1; } .accessories_info_gr { width: 48%; } .accessories_pict_gr { width: 46%; height: 42vw; max-height: none; } .accessories_order_group { padding-top: 2vw; padding-bottom: 2vw; } .accessories_title { font-size: 4vw; line-height: 4.4vw; } .shopping_cart_sec { padding-left: 3%; padding-right: 3%; } .delivery_service_gr { max-width: none; padding-right: 0%; } .delivery_field_content { margin-bottom: 1.2vw; padding-bottom: .3vw; } .delivery_field_content.radio { width: 54.5%; margin-left: 4%; } .cart_title { margin-top: 3vw; margin-bottom: 2vw; font-size: 4.4vw; line-height: 4.4vw; } .cart_titles_group { width: 100%; margin-top: 1vw; padding-left: 0%; padding-right: 0%; font-size: 1.5vw; line-height: 1.8vw; } .cart_list { width: 100%; margin-top: .4vw; margin-bottom: 3vw; font-size: 1.8vw; line-height: 2.2vw; } .cart_list_item { padding: 1.5% 0%; font-size: 2.2vw; line-height: 2.6vw; } .cart_list_item.pay { max-width: none; font-size: 2.6vw; line-height: 3vw; } .cart_info_block { width: 16%; min-width: 16%; padding-top: 0; } .cart_info_block.name { width: 40%; min-width: 40%; display: block; } .cart_info_block.pay { min-width: auto; margin-bottom: 0; margin-left: 2vw; margin-right: 2vw; font-size: 3.4vw; line-height: 3.4vw; position: relative; } .cart_delit { color: var(--white); height: 4vw; margin-right: 7%; padding: .6vw 1vw; font-size: 1.7vw; left: 1.2vw; } .cart_pay { background-color: var(--brown); color: var(--white); letter-spacing: 1px; min-width: 33%; margin-top: 2.2vw; margin-bottom: 1vw; padding: 1vw 1vw 1.4vw; font-size: 2.6vw; line-height: 3vw; left: 1.2vw; } .costumer_details { margin-bottom: 2vw; } .costumer_details.filter { margin-bottom: 3vw; } .customer_det_title { margin-top: 1vw; margin-bottom: .6vw; font-size: 3.5vw; line-height: 4vw; } .order_comment { margin-right: 27%; font-size: 2.2vw; } .check_link { margin-left: .8vw; font-size: 2.2vw; line-height: 2.4vw; } .purchase_info_block { width: 17%; min-width: 17%; padding-top: 0; } .purchase_info_block.name { width: 42%; min-width: 42%; display: block; } .prod_info_txt { margin-top: .2vw; } .content_button { justify-content: center; align-items: center; min-height: 5.8vw; margin-bottom: .6vw; padding: 1vw; font-size: 2.6vw; line-height: 3vw; display: flex; } .expert_main_slider { height: 58vw; } .expert_slide_ar { font-size: 4vw; line-height: 5vw; } .my_nav { font-size: 2vw; } .my_nav_toggle { background-position: 2vh 55%; background-size: 2vh; padding: .4vw 2vw .5vw 5vw; font-size: 2.2vw; line-height: 2.6vw; } .my_nav_toggle.w--open { background-position: 2vh; } .my_nav_list.w--open { min-width: 24vw; margin-top: 0; padding: 1vw 2vw 1.4vw 3vw; } .my_nav_link { margin-bottom: .4vw; padding-top: .4vw; padding-bottom: .4vw; font-size: 2.3vw; line-height: 2.8vw; } .top_back { width: 4vw; margin-top: 0; font-size: 3vw; font-weight: 700; } .landing_form_sec { float: left; width: 100%; padding-left: 0%; padding-right: 0%; display: none; inset: auto 0% 0%; } .landing_form_sec.mob { z-index: 100; padding-top: 0; padding-bottom: 0; display: block; } .landing_txt_field { text-align: right; border-width: .4vw; height: 5vw; padding-top: .3vw; padding-bottom: .3vw; padding-right: 3%; font-size: 2.2vw; line-height: 2.6vw; } .landing_txt_field.num { width: 71%; } .landing_txt_field.code { width: 26%; } .landing_txt_field.txt_area { height: 9vw; } .landing_txt_field.select { padding-right: 1.5%; } .landing_body { padding-bottom: 6vw; padding-left: 0%; } .landing_list_logo { max-width: none; } .footer_info_group { text-align: center; width: 100%; margin-top: -1vw; margin-bottom: 2vw; font-size: 1.8vw; line-height: 2.4vw; } .landing_form_allert { font-size: 1.6vw; line-height: 1.6vw; } .landing_drop_form { width: 100%; } .landing_drop_toggle { color: var(--white); background-image: url('../images/ar_top_white.svg'); background-position: 59% 49%; background-repeat: no-repeat; background-size: 2.2vw; justify-content: center; align-items: center; width: 100%; padding: 2vw 5vw 2.4vw 2vw; font-size: 2.8vw; font-weight: 700; line-height: 2.6vw; transition: all .15s ease-in-out; display: flex; } .landing_drop_toggle.w--open { background-image: url('../images/ar_bot_white.svg'); background-position: 59%; } .landing_drop_list.w--open { background-color: var(--black); text-align: right; padding-top: 2.5vw; padding-left: 4.5%; padding-right: 4.5%; font-size: 2vw; line-height: 2.2vw; inset: auto 0% 6vw; overflow: auto; } .land_content_sec { padding-left: 3%; padding-right: 3%; } .land_content_sec.center_title { padding: 1vw 3% 3vw; } .land_content_sec.grey { padding-bottom: 0%; } .landing_video_sec, .landing_video { height: 44vw; } .land_form_title { float: right; text-align: center; font-size: 3.2vw; line-height: 3.4vw; } .land_form_txt { float: right; text-align: center; margin-right: 1vw; padding-top: .2vw; font-size: 2.4vw; line-height: 3.4vw; } .land_tel_group { float: right; justify-content: flex-start; margin-top: 0; margin-right: 1vw; font-size: 2.4vw; line-height: 3.4vw; display: flex; } .land_tel_group:hover { color: var(--white); } .land_tel_num { color: var(--red-lackbgr); margin-bottom: .3vw; margin-right: 1vw; font-size: 3.2vw; line-height: 3.6vw; } .orderblock_close { width: 25px; } .add_order_block { margin-top: 2vw; margin-bottom: 5vw; padding-top: 1.6vw; } .order_form_txt { width: 100%; } .order_form_txt.printinfo { width: 70%; margin-top: 10px; line-height: 23px; } .order_clear { margin-left: 5px; } .order_clear.add_more_lines { float: left; clear: left; margin-top: 10px; margin-left: 3px; padding-top: 6px; padding-left: 25px; padding-right: 25px; } .out_txt { font-size: 1.6vw; line-height: 1.6vw; } .out_txt_filetr { margin-bottom: .2vw; font-size: 1.4vw; line-height: 1.8vw; } .form_title_group { margin-top: 4vw; margin-bottom: 3vw; padding-top: 0; padding-bottom: 1vw; padding-left: 6vw; } .form_title { font-size: 3.8vw; line-height: 4.4vw; } .form_gr_close { width: 3.6vw; height: 3.6vw; margin-bottom: 1.4vw; } .form_gr_close:hover { background-image: url('../images/ic_close_white_1.svg'); } .order_add { background-position: 8%; background-size: 8%; max-height: none; margin-right: 2vw; padding: .5vw 2vw .6vw 5vw; } .filter_button { background-color: var(--brown); color: var(--white); letter-spacing: 1px; height: 6vw; margin-top: 2.2vw; margin-bottom: 1vw; padding: 1vw 1vw 1.4vw; font-size: 2.6vw; line-height: 3vw; left: 1.2vw; } .filter_field_content { width: 100%; margin-bottom: 1.2vw; padding-bottom: .3vw; } .filter_field_content.date { width: 80%; } .filter_field_content.duo { width: 48%; } .filter_field_block { align-items: center; font-size: 15px; line-height: 18px; } .filter_label_group { margin-top: 1.2vw; padding-bottom: .5vw; padding-right: 0; font-size: 2.2vw; line-height: 2.8vw; } .xl_button { padding-top: 0; padding-bottom: 0; font-size: 2vw; line-height: 2.4vw; } .xl_icon { width: 4vw; min-width: 4vw; margin-right: 1vw; } .filter_results_title { margin-top: 0; margin-bottom: 0; font-size: 3.4vw; } .filter_info_block { width: 13%; min-width: 13%; padding-top: 0; } .filter_info_block.name { width: 27%; min-width: 27%; } .filter_info_block._4 { width: 12%; } .filter_info_block.pay_num { width: 20%; min-width: 20%; } .filter_fields_gr { width: 66%; margin-left: 0%; } .filter_fields_gr.date { width: 28%; } .thanks_sec { box-shadow: 0 0 2vw 0 var(--white-66); width: 60%; height: 40%; font-size: 2.2vw; line-height: 2.8vw; } .filter_links_gr { width: 32%; margin-left: auto; margin-right: auto; } .filter-all_link { color: var(--black); font-size: 2.6vw; line-height: 4vw; } .filter-all_link:hover { color: var(--firebrick); } .nav_droplist { border-bottom: 1px solid #e6e6e6; margin-bottom: .2vw; } .nav_droplist.w--open { background-color: #0000; border-bottom-style: none; place-content: flex-start; margin-top: 0; margin-bottom: 0; padding-top: 0; position: relative; } .nav_mob_item { position: relative; } .nav_cat_mobile { z-index: 200; color: #000; border-top: 1px solid #0000; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; display: block; } .nav_mob_gr { clear: both; border-bottom: 1px solid #aaa; flex-direction: column; justify-content: center; align-items: stretch; margin-bottom: 3vw; display: flex; } .cat_menu_link { color: var(--black); width: 25%; margin-top: 0; margin-bottom: 1.4vw; padding-left: 2vw; font-size: 2vw; line-height: 2.4vw; } .cat_menu_link:hover { text-decoration: none; } .nav_drop { text-align: right; background-image: url('../images/ic_cat_open.svg'); background-position: 0 1vw; background-repeat: no-repeat; background-size: 3.6vw; border-top: 1px solid #aaa; justify-content: flex-start; min-height: 6vw; padding: .8vw 0; font-size: 2.5vw; line-height: 2.7vw; } .nav_drop.w--open { background-image: url('../images/ic_cat_close.svg'); } .nav_title_link { z-index: 220; color: #0000; text-align: right; align-items: center; width: 88%; height: 6vw; font-size: 2.4vw; font-weight: 700; line-height: 2.4vw; display: none; position: absolute; inset: 0% 0% auto; } .mob_cat_txt { z-index: 10; width: 92%; max-width: 92%; padding-top: .8vw; padding-bottom: .8vw; display: block; } .search_item_txt { margin-bottom: .8vw; padding-right: 2.1vw; } .advert_txt { margin-top: 2vw; margin-bottom: 2vw; } .advert_link { font-size: 2.2vw; } .energy_pict { width: 60%; margin-bottom: 4vw; } .add_info_group { width: 99%; max-width: none; margin-top: 4vw; margin-bottom: 2vw; font-size: 1.6vw; line-height: 2vw; } .add_info_group.filter { width: 100%; margin-top: 0; } .add_info_group.product { max-width: none; } .info_block { padding-bottom: 3vw; padding-right: 6vw; font-size: 1.8vw; line-height: 2.4vw; } .info_block.open { margin-top: -2vw; padding-bottom: 1vw; padding-right: 5vw; font-size: 2vw; } .add_info_link { background-position: 100% 2vw; background-size: 3vw; padding: 2vw 5vw 2vw 2vw; font-size: 2.8vw; line-height: 3vw; } .add_info_link.open { background-position: 100% 2vw; background-size: 3vw; } .add_info_link.open:hover { opacity: .6; } .info_block_title { margin-top: 2vw; margin-bottom: 0; font-size: 2.4vw; } .main_present_title { margin-top: 2vw; padding-bottom: .8vw; padding-left: 4%; padding-right: 3%; font-size: 5vw; line-height: 6vw; } .download_link { margin-top: .5vw; margin-bottom: .5vw; line-height: 2vw; } .download_icon { width: 3.4vw; min-width: 3.4vw; margin-left: 2vw; } .expert_inner_sec { padding-left: 3%; padding-right: 3%; } .expert_inner_block { max-width: none; margin-top: 4vw; } .faultcode_cat_list { grid-column-gap: 1.5vw; grid-row-gap: 1.5vw; margin-top: 3vw; margin-bottom: 6vw; padding-bottom: 5vw; font-size: 2.6vw; line-height: 3vw; } .faultcode_cat_list.models { margin-top: 0; } .faultcode_cat_item { width: 48.5%; font-size: 2.5vw; } .fault_code_button { justify-content: center; align-items: center; min-height: 6.4vw; padding: 1.5vw 1vw; font-size: 2.6vw; display: flex; } .faultcode_list { max-width: none; margin-top: -1vw; margin-bottom: 5vw; font-size: 2.2vw; line-height: 2.8vw; } .faultcode_item { padding-top: 2vw; padding-bottom: 2vw; } .code_title_group { grid-column-gap: 1vw; grid-row-gap: 1vw; margin-bottom: .5vw; } .code_title { font-size: 4.8vw; line-height: 5vw; } .code_title.line { font-size: 6vw; } .fault_description_block { margin-top: 2vw; } .faultcode_pict { width: 80%; margin-top: 1vw; margin-bottom: 2vw; } .faultcode_video { width: 80%; margin-top: 1.5vw; margin-bottom: 2vw; } .faultcode_models_list { grid-column-gap: 2vw; grid-row-gap: 1vw; margin-top: 1vw; font-size: 2.2vw; line-height: 2.6vw; } .faultcode_models_list.models { margin-top: 0; } .faultcode_model_link { justify-content: center; align-items: center; } .faultcode_model_item { padding-left: 2vw; } .expert_sensor_group { max-width: none; margin-top: 0; } .sensor_gr_title { font-size: 3vw; line-height: 3vw; } .expert_sensor_list { grid-column-gap: 2vw; grid-row-gap: 1vw; margin-bottom: -1vw; } .expert_sensor_item { padding-left: 1.5vw; } .expert_sensor_txt { margin-left: .8vw; } .expert_sensor_txt.num { font-size: 2.4vw; } .foot_soc_title { opacity: 1; margin-bottom: 1vw; font-size: 2.2vw; line-height: 2.4vw; } .codes_fem_title { margin-left: .5vw; margin-right: .5vw; font-size: 3.8vw; line-height: 4vw; display: inline; } .faultcode_title_link { grid-column-gap: 1vw; grid-row-gap: 0vw; background-position: 0 1vw; background-size: 4.2vw; flex-flow: wrap; place-content: center flex-start; align-items: center; min-height: 6vw; padding-left: 4vw; } .faultcode_title_info { margin-bottom: 0; font-size: 3vw; } .fem_title_block { padding-top: 3vw; } .autocomp_list { max-height: 40vw; top: 7.6vw; } .autocomp_item { padding-top: 1.5vw; padding-bottom: 1.5vw; font-size: 2.4vw; line-height: 2.6vw; } } @media screen and (max-width: 767px) { body { font-size: 2.6vw; line-height: 3.2vw; } h1 { margin-top: 2vw; margin-bottom: 2vw; font-size: 6.4vw; line-height: 6.4vw; } h2 { margin-top: 2.5vw; margin-bottom: 1.8vw; font-size: 5.1vw; line-height: 5.3vw; } h3 { font-size: 4vw; line-height: 4.2vw; } h4 { margin-top: 1.5vw; margin-bottom: 0; font-size: 3.1vw; line-height: 3.6vw; } p { margin-top: .5vw; margin-bottom: 1vw; } ul, ol { margin-bottom: 3vw; padding-left: 4vw; padding-right: 4vw; } .top_nav_conteiner { height: 9vw; } .top_desk_group { margin-right: 12vw; } .top_logo { width: 30vw; margin-top: 1.8vw; } .top_logo.expert, .top_logo.exp_white { width: 40vw; } .top_navbar { height: 9vw; } .top_nav_button { background-position: 50% 54%; background-size: 45%; width: 12vw; height: 10vw; max-height: 10vw; } .top_nav_sec { min-height: 10vw; } .form_field { height: 7vw; font-size: 2.8vw; line-height: 3vw; } .form_field.search { border-width: .4vw; height: 6vw; font-size: 2.9vw; line-height: 3vw; } .form_field_label { margin-bottom: 1vw; font-size: 2.2vw; line-height: 2.5vw; } .form_field_label.search { margin-bottom: 1vw; font-size: 2.2vw; line-height: 2.4vw; } .search_form_block { width: 80%; margin-top: 16vw; } .sec_close { border-top-left-radius: 3vw; border-bottom-left-radius: 3vw; width: 5vw; height: 5vw; } .form_file_block { width: 76%; } .form_button { min-width: 50%; margin-top: 4vw; margin-bottom: 6vw; padding-top: 1.5vw; padding-bottom: 1.6vw; font-size: 3.4vw; line-height: 4vw; } .form_button.search { min-height: 6vw; margin-top: 4.2vw; padding-bottom: .4vw; font-size: 2.9vw; line-height: 2.4vw; } .present_video { width: 100%; height: 48vw; } .sound_on, .sound_off { background-size: 4vw; width: 8vw; height: 6vw; } .main_present_sec { height: 48vw; } .foot_menu_item { width: 31.3%; margin-bottom: 1vw; padding-top: 0; } .foot_cat_link { font-size: 2.6vw; line-height: 3.4vw; } .foot_sub_list { flex-wrap: wrap; } .foot_sub_link { margin-left: 1vw; font-size: 2vw; line-height: 2.6vw; } .top_sec { padding-top: 1vw; padding-bottom: 1vw; } .top_sec.experts { padding-top: 1.4vw; padding-bottom: 1.4vw; } .top_search_link { width: 6vw; padding-left: 1vw; padding-right: 1vw; } .area_link { background-image: none; background-position: 0 0; background-repeat: repeat; background-size: auto; padding: .6vw 3vw .7vw; font-size: 2.2vw; line-height: 2.6vw; } .content_sec.advert { padding-bottom: 4vw; } .content_group.slider { font-size: 2.5vw; line-height: 3vw; } .content_group.product_pict { height: 34vw; font-size: 2.5vw; line-height: 3vw; } .shotcut_link { line-height: 2.8vw; } .title_line { width: 16vw; height: .7vw; } .title_line.cart { margin-top: 2vw; margin-bottom: 2.5vw; } .family_list.content { margin-top: 4vw; } .solution_info_gr { width: 56%; } .solution_info_but { padding-bottom: 1.2vw; font-size: 2.4vw; line-height: 2.6vw; } .solution_info_but.rooms { font-size: 2.6vw; line-height: 2.8vw; } .content_block.landing { margin-bottom: 3vw; font-size: 2.6vw; } .h_room_number { border-width: .6vw; width: 11vw; height: 11vw; font-size: 5vw; line-height: 5vw; } .room_title_group { width: 86%; } .hl_list.projects { margin-top: 1vw; } .hl_link { padding-bottom: 2vw; } .hl_info_group { padding-left: 2%; padding-right: 2%; font-size: 2.1vw; line-height: 2.4vw; } .news_title { margin-bottom: .6vw; font-size: 3vw; line-height: 3.2vw; } .footer_content.credit { padding-top: 4vw; font-size: 2.4vw; line-height: 2.8vw; } .cyber_link { margin-left: .8vw; } .footer_soc_link { width: 7vw; margin-left: 1.2vw; margin-right: 1.2vw; } .footer_soc_link.twitter { width: 5.4vw; } .footer_soc_group { width: auto; margin-top: 3vw; } .fix_sec { bottom: 12%; } .fix_button { width: 12vw; height: 12vw; padding-left: 1vw; padding-right: 1vw; font-size: 2.6vw; line-height: 2.8vw; } .fix_button.search { width: 11vw; height: 11vw; font-size: 2.3vw; line-height: 2.1vw; } .title_sec { justify-content: center; align-items: center; display: flex; } .title_group { width: 100%; height: 100%; } .title_group.expert_list { padding-top: 4vw; padding-left: 4%; padding-right: 4%; } .title_group.landing { height: 45vw; padding-left: 4%; padding-right: 4%; } .title_content { border-color: #fff9; padding-top: 2vw; padding-bottom: 4vw; font-size: 2.6vw; line-height: 3.2vw; } .title_content.series { padding: 6% 8vw; font-size: 3.4vw; line-height: 3.4vw; } .breadcrumb_nav { margin-bottom: 2vw; padding-top: 1.5vw; font-size: 2.2vw; line-height: 2.4vw; } .breadcrumb_item { margin-bottom: 1.8vw; } .breadcrumb_line { margin-left: 1.5vw; margin-right: 1.5vw; } .family_pict_block { width: 47%; height: 18vw; margin-left: 4%; } .family_list_info { width: 48%; font-size: 2.1vw; } .family_list_title { font-size: 3.6vw; line-height: 4vw; } .tab_list { margin-bottom: 4vw; } .tab_name { font-size: 3.6vw; line-height: 3.6vw; } .tab_name.cart { margin-top: .5vw; } .tab_list_item { border-bottom-style: solid; border-bottom-color: var(--black-20); flex-wrap: wrap; padding-top: 3vw; padding-bottom: 4.5vw; } .tab_mob_label { color: #00164866; width: 100%; margin-bottom: .8vw; font-size: 2.4vw; line-height: 2.8vw; display: block; } .tab_mob_label.filter { margin-bottom: .5vw; padding-left: .5vw; padding-right: .5vw; } .tab_info_block { border-bottom: 1px dashed #0003; width: 50%; margin-bottom: 2vw; margin-left: 0%; padding-top: 0; padding-bottom: 2vw; font-size: 3.6vw; line-height: 4vw; display: flex; } .tab_info_block.name { text-align: center; align-items: center; width: 100%; margin-bottom: 2vw; margin-left: 0%; padding-top: 0; padding-bottom: 2vw; } .tab_info_block.price { flex-direction: row; justify-content: center; width: 50%; display: flex; } .tab_add_info { width: auto; min-width: 50%; height: auto; margin-top: 1.5vw; margin-left: auto; margin-right: auto; padding: 1.8vw 3vw 2vw; font-size: 3.4vw; line-height: 4vw; top: 3vw; left: 0; } .tab_add_info.landing { letter-spacing: 1px; width: auto; min-width: auto; padding-left: 5vw; padding-right: 5vw; font-size: 3.4vw; line-height: 3.8vw; } .tab_titles_group { display: none; } .series_slider { height: 27vw; } .slider_nav { bottom: -3vw; } .slider_link { left: 10%; right: 10%; } .making_list.expert { margin-top: 3vw; } .making_item { padding: 2vw; } .making_item.expert { padding-top: 1.2vw; padding-bottom: 1.2vw; padding-right: 1.2vw; } .making_info { font-size: 2.1vw; line-height: 2.4vw; } .making_info.expert { font-size: 2vw; line-height: 2.2vw; } .making_title { font-size: 3.3vw; line-height: 3.5vw; } .making_title.expert { margin-bottom: .4vw; font-size: 2.9vw; line-height: 3vw; } .add_prod_list { width: 102%; margin-right: -1%; } .add_prod_item { width: 31.3%; margin-left: 1%; margin-right: 1%; } .add_prod_link { padding-bottom: 2vw; } .add_prodpict_block { height: 12.6vw; } .add_prod_info { padding-left: 2%; padding-right: 2%; font-size: 2.2vw; line-height: 2.4vw; } .add_prod_title { margin-bottom: .6vw; font-size: 2.7vw; line-height: 3vw; } .shekel { margin-left: .5vw; margin-right: .5vw; display: inline-block; } .shekel.pay { font-size: 4.6vw; } .shekel.radio { margin-top: .3vw; margin-right: .5vw; font-size: 2.6vw; line-height: 3vw; } .shekel.cart { font-size: 3.6vw; } .product_title_group { width: 52%; font-size: 2.3vw; line-height: 2.8vw; } .product_order_group { max-width: 44%; padding-left: 1.8vw; padding-right: 1.8vw; } .product_order { height: auto; margin-left: auto; margin-right: auto; padding: 1.2vw 3vw 1.6vw; font-size: 2.9vw; line-height: 3.2vw; top: 3vw; left: 0; } .product_order.accessories { min-width: 80%; margin-right: 0; } .product_price_block.accessories { min-width: 100%; } .price_title { margin-bottom: .8vw; } .price_title.accessories { font-size: 2.4vw; line-height: 3vw; } .specification_item { border-bottom-color: #00000026; width: 100%; margin-bottom: .8%; padding-bottom: .8%; } .tab_info_txt { margin-left: .5vw; margin-right: .5vw; } .tab_info_txt.date { margin-left: 0; margin-right: 0; font-size: 2.4vw; font-weight: 700; line-height: 3vw; } .specification_info_group { width: 60%; padding: 1.5vw 1vw; font-size: 2.8vw; line-height: 3vw; } .specification_title { font-size: 2.7vw; line-height: 3vw; } .add_prod_price { margin-top: 2vw; font-size: 2.7vw; line-height: 3vw; } .add_prod_price.filter { margin-bottom: 9vw; font-size: 3vw; line-height: 3.4vw; } .add_prod_block { width: auto; margin-top: 2.5vw; padding-top: 1.2vw; padding-bottom: 1.6vw; font-size: 2.5vw; line-height: 3vw; top: 3vw; left: 0; } .add_prod_block.filter { max-width: 84%; margin-bottom: 2.5vw; padding-top: 1vw; padding-bottom: 1.2vw; font-size: 2.5vw; line-height: 3.2vw; } .product_title { margin-bottom: 1.2vw; font-size: 4.3vw; line-height: 4.6vw; } .insert_content { margin-top: 4%; } .login_bgr_sec { justify-content: center; align-items: center; display: flex; } .bgr_color { width: 100%; height: 100%; } .expert_top_sec { padding-bottom: 2.5%; } .expert_tornado_link { margin-top: 1vw; font-size: 2.3vw; } .login_content_sec { margin-bottom: 11vw; } .login_title_group { margin-bottom: 5vw; } .login_app_group { width: 33%; } .log_tab_link { padding-top: 1.6vw; padding-bottom: 2vw; } .login_tabs_group { width: 47%; } .tab_pane { min-height: 37vw; } .login_help_group { font-size: 2.2vw; line-height: 2.8vw; bottom: -5vw; } .login_form { min-height: 35vw; } .login_field { font-size: 2.8vw; } .login_button { margin-top: .5vw; } .login-field { font-size: 2.4vw; } .login_stores_block { margin-top: 2vw; } .login_store_link { padding-left: 3vw; padding-right: 3vw; } .login_app_pict { width: 76%; } .login_stores_group { width: 52%; display: none; } .form_allert_txt { font-size: 2vw; line-height: 2vw; } .list_gallery_group { width: 103%; margin-top: 3%; } .gallery_link { height: 12vw; margin-top: 0%; } .gallery_link.project { height: 12vw; } .projects_title { margin-top: 2.5vw; margin-bottom: 1.8vw; font-size: 5.1vw; line-height: 5.3vw; } .contact_info_txt { margin-bottom: 4%; font-size: 2.8vw; line-height: 3.4vw; } .contact_sub_title { font-size: 3.8vw; line-height: 4vw; } .contact_service_group { width: 96%; margin-bottom: 6vw; } .contact_service_link { width: 32%; margin-bottom: 4vw; margin-left: .5%; margin-right: .5%; font-size: 2.6vw; line-height: 3vw; } .contact_pict { width: 64%; } .service_link_line { height: .5vw; } .contact_content { width: 100%; } .contact_content.sale_point { font-size: 2.6vw; line-height: 3.2vw; } .contact_content.faultcode { width: 100%; margin-top: 2rem; margin-bottom: 3vw; padding-bottom: 1.5vw; } .form_field_content { margin-bottom: 2vw; padding-left: 0%; padding-right: 0%; } .form_field_content.comment { margin-bottom: 1.4vw; } .form_field_content.radio { padding-bottom: 3vw; } .radio_button { width: 4.2vw; height: 4.2vw; margin-left: 1.5vw; } .radio_button:active, .radio_button.w--redirected-checked, .radio_button.w--redirected-focus { border-width: 1vw; } .forminfo_list_txt { font-size: 2.4vw; } .forminfo_list_txt.red { font-size: 3vw; } .radio_field { margin-top: 0; margin-left: 4vw; } .radio_field.delivery { margin-bottom: 1.6vw; } .form_label_star { margin-left: .5vw; font-size: 2.8vw; line-height: 3vw; } .radio_label { font-size: 2.8vw; line-height: 3vw; } .form_stage.faulcode { margin-bottom: 2vw; } .form_info_list { margin-bottom: 3vw; font-size: 2.6vw; line-height: 3vw; } .form_label_group { width: 23%; padding-right: 2vw; font-size: 2.6vw; line-height: 2.4vw; } .form_label_group.delivery { margin-bottom: 1.6vw; font-size: 2.6vw; line-height: 3vw; } .button.expert { min-width: 42%; min-height: 6.4vw; padding-bottom: .5vw; font-size: 3.4vw; line-height: 3.4vw; } .button.sale_points { background-size: 50%; min-width: 12%; height: 7vw; font-size: 3.5vw; line-height: 4vw; } .button.contact { min-width: 48vw; padding-bottom: 2vw; font-size: 3.5vw; line-height: 4vw; } .button.preview { min-width: 48vw; margin-bottom: 6vw; font-size: 3.5vw; line-height: 4vw; } .button.landing { min-width: 42%; min-height: 6.8vw; padding-top: .2vw; padding-bottom: .5vw; font-size: 3.4vw; line-height: 3.4vw; } .button.close { margin-top: 4vw; padding: 1vw 6vw 1.4vw; font-size: 3vw; line-height: 4vw; } .button.faultcode { min-width: 11vw; min-height: 8vw; font-size: 3.5vw; line-height: 4vw; } .form_allert { font-size: 2vw; line-height: 2vw; } .txt_field { height: 7vw; font-size: 2.8vw; line-height: 3vw; } .txt_field.txt_area { min-height: 30vw; } .txt_field.cart_num { width: 13vw; height: 6vw; font-size: 4vw; } .txt_field.faultcode { height: 8vw; padding-left: 12vw; font-size: 3.6vw; line-height: 3.8vw; } .check_field { margin-top: 0; margin-left: 4vw; } .check_button { width: 4.2vw; height: 4.2vw; margin-left: 1.5vw; } .check_label { font-size: 2.6vw; line-height: 3vw; } .file_button { height: 7vw; padding-left: 6%; padding-right: 6%; } .faq_list { margin-bottom: 4vw; } .faq_list.filter { width: 100%; } .faq_list_item { flex-wrap: wrap; place-content: flex-start space-between; } .faq_quest_link { background-position: 100% 3vw; background-size: 3vw; padding-top: 2.4vw; padding-bottom: 2.4vw; padding-right: 6vw; font-size: 3.2vw; line-height: 4vw; } .faq_quest_link.open { background-position: 100% 3vw; background-size: 3.4vw; } .faq_answer { width: 100%; padding-left: 0%; padding-right: 7vw; font-size: 2.6vw; line-height: 3.8vw; } .faq_answer.open { padding-bottom: 2vw; padding-right: 6vw; font-size: 2.4vw; line-height: 3.2vw; } .filter_list { margin-bottom: 3vw; } .filter_item { width: 49%; } .filter_link { padding-bottom: 14vw; } .filter_form { width: 25%; } .filter_title { padding-top: 1.3vw; padding-bottom: 1.5vw; font-size: 2.6vw; } .filter_check_group.open { margin-top: 1vw; margin-bottom: 4vw; } .filter_check_block { align-items: flex-start; margin-bottom: 3vw; padding-right: 4.6vw; display: flex; } .filter_check_box { width: 3.6vw; height: 3.6vw; top: -.2vw; } .filter_check_label { font-size: 2.4vw; line-height: 2.6vw; } .search_cat_list { margin-bottom: 4vw; } .search_cat_item { flex-wrap: wrap; place-content: flex-start space-between; margin-bottom: 3vw; } .search_results_info { margin-top: 4vw; margin-bottom: 2.5vw; font-size: 4vw; line-height: 4.4vw; } .search_cat_title { margin-bottom: 1vw; font-size: 4vw; line-height: 4vw; } .search_link_item { padding-bottom: .6vw; font-size: 2.4vw; line-height: 2.4vw; } .search_link { font-size: 2.8vw; line-height: 2.8vw; } .map_list { margin-top: 4%; } .level_1_item { width: 49.8%; margin-bottom: 3%; padding-left: 3%; } .level_1_link { margin-bottom: 1vw; font-size: 3.4vw; line-height: 3.6vw; } .level_2_link { background-image: none; padding-top: .6vw; padding-bottom: .6vw; font-size: 2.6vw; line-height: 2.6vw; } .level_3_list { padding-right: 2.4vw; } .level_3_link { background-size: .8vw; padding-top: .5vw; padding-bottom: .5vw; padding-right: 1.6vw; font-size: 2.2vw; line-height: 2.2vw; } .expert_form_sec { inset: auto 0% 0%; } .expert_form_title { font-size: 4vw; line-height: 4.4vw; } .form_expert_content { margin-top: 3vw; padding-left: 0%; padding-right: 0%; } .expert_txt_field { height: 6.4vw; font-size: 2.8vw; line-height: 3vw; } .expert_txt_field.code { padding-right: 2%; } .expert_txt_field.txt_area { height: 12vw; } .form_allert_expert { font-size: 2vw; line-height: 2vw; } .expert_field_label { font-size: 2.6vw; line-height: 3vw; } .expert_check_field { padding-top: .8vw; padding-bottom: .6vw; padding-right: 7vw; } .expert_check_button { width: 5vw; height: 5vw; } .expert_check_label { font-size: 2.6vw; line-height: 3vw; } .expert_content_block { padding-top: 1.5vw; padding-bottom: 6vw; font-size: 2.4vw; line-height: 3vw; } .expert_contact_group { margin-left: 3%; } .expert_pict_block { width: 36vw; height: 38vw; } .expert_name { font-size: 5.6vw; line-height: 6vw; } .expert_name_line { width: 9vw; height: .8vw; margin-bottom: 2vw; } .expert_info_group { width: 56%; margin-right: 3vw; } .expert_contact_block { margin-bottom: 2.6vw; font-size: 2.6vw; } .expert_contact_block.place { line-height: 3.2vw; } .expert_contact_ic { margin-left: 2vw; } .expert_drop_toggle { background-position: 60% 49%; background-size: 2.5vw; padding-top: 2.3vw; padding-bottom: 2.6vw; font-size: 3vw; line-height: 3.4vw; } .expert_drop_toggle.w--open { background-position: 60%; } .expert_drop_list.w--open { padding-top: 2vw; padding-left: 4.8%; padding-right: 4.8%; font-size: 2.4vw; line-height: 3vw; bottom: 8vw; } .adjust_checkbox { width: 4vw; height: 4vw; } .adjust_block { width: 100%; margin-bottom: 12%; padding-top: 6%; } .adjust_radiobutton_field { width: 66%; } .adjust_search_block2 { width: 45%; } .adjust_button { border-style: none; min-width: 48%; margin-top: 0%; padding-top: 1.6vw; padding-bottom: 1.8vw; font-size: 3vw; line-height: 3.4vw; } .adjust_search_block1 { width: 51%; } .adjust_radiobutton { width: 4vw; height: 4vw; } .adjust_radiobutton.w--redirected-checked { border-width: 1.1vw; width: 4vw; height: 4vw; } .adjust_form_txt { font-size: 2.6vw; } .adjust_form_txt.roomsnumber { width: 60%; font-size: 2.6vw; } .adjust_form_txt.checkbox { float: left; } .adjust_checkbox_field { margin-top: 10px; padding-left: 0; } .adjust_selectbox { width: 34%; font-size: 2.6vw; } .adjust_selectbox.place { width: 100%; } .staff_role_title { margin-bottom: .5vw; font-size: 2.6vw; line-height: 2.8vw; } .director_list.staff { margin-top: 2vw; } .director_pict_block { height: 30vw; } .director_title { font-size: 3.4vw; line-height: 4vw; } .director_title.staff { margin-bottom: .6vw; font-size: 2.8vw; line-height: 3vw; } .director_list_item { flex-wrap: wrap; margin-bottom: 3vw; padding-top: 2vw; } .director_list_item.staff { padding-top: 1.5vw; } .director_list_info { font-size: 2.2vw; line-height: 3vw; } .director_list_info.staff { padding-top: 1vw; font-size: 2vw; line-height: 2.4vw; } .list_tohen_linkitem { margin-top: 3px; margin-bottom: 3px; margin-left: 6px; } .list_tohen_linkblock { padding: 1.5vw 4.2vw; font-size: 2.6vw; } .linkblock_list { margin-top: 3vw; margin-bottom: 3vw; } .salepoints_item { padding-bottom: 7vw; } .salepoints_gr_title { margin-bottom: 2vw; font-size: 4.6vw; } .salepoint_contact_block { font-size: 2.4vw; line-height: 2.8vw; } .salepoint_contact_block.waze { max-width: 74%; font-size: 2.4vw; bottom: 2.8vw; } .salepoint_info_icon { margin-left: 2vw; } .salepoint_info_icon.waze { width: 3.4vw; min-width: 3.4vw; } .salepoint_title { margin-bottom: 1.4vw; font-size: 2.8vw; line-height: 3vw; } .experts_top_nav { font-size: 2vw; } .share_group { margin-bottom: 2vw; font-size: 2.6vw; line-height: 3vw; } .social_ic { width: 4vw; } .social_ic.share { width: 3.2vw; margin-left: .6vw; margin-right: 1.5vw; } .accessories_info_gr { width: 50%; margin-left: 0%; } .accessories_pict_gr { width: 47%; height: 50vw; margin-right: 0%; } .delivery_field_content { width: 26%; margin-bottom: 2vw; padding-left: 0%; padding-right: 0%; } .delivery_field_content.radio { width: 68%; margin-left: 4%; } .cart_title { margin-bottom: 1vw; font-size: 5.2vw; line-height: 6vw; } .cart_titles_group { display: none; } .cart_list { margin-top: 0; margin-bottom: 4vw; } .cart_list_item { border-bottom-style: solid; border-bottom-color: #0000004d; flex-wrap: wrap; padding-top: 4vw; padding-bottom: 3.5vw; } .cart_list_item.pay { border-bottom-color: #0000004d; padding-bottom: 4%; font-size: 3.2vw; line-height: 4vw; } .cart_list_item.purchase { border-bottom-style: none; padding-top: 4vw; padding-bottom: 0; } .cart_list_item.filter { justify-content: flex-start; align-items: stretch; padding-top: 2vw; padding-bottom: 1vw; } .cart_info_block { border-bottom: 1px dashed #0003; align-content: flex-start; width: 33%; min-height: 12vw; margin-bottom: 3vw; margin-left: 0%; padding-top: 0; padding-bottom: 2vw; font-size: 4vw; line-height: 4vw; display: flex; } .cart_info_block.name { text-align: center; justify-content: center; align-items: center; width: 100%; margin-bottom: 2vw; margin-left: 0%; padding-top: 0; padding-bottom: 2vw; } .cart_info_block.pay { border-bottom-style: none; min-height: auto; margin-left: 1vw; margin-right: 1vw; padding-bottom: 0; font-size: 5vw; line-height: 5.6vw; top: -.5vw; } .cart_delit { background-size: auto 56%; border-radius: 50%; width: 9vw; min-width: auto; height: 9vw; margin-left: auto; margin-right: auto; padding-left: 3vw; padding-right: 3vw; font-size: 3.4vw; line-height: 4vw; position: relative; left: auto; } .cart_pay { width: auto; min-width: 50%; height: auto; margin-top: 3vw; margin-bottom: 2vw; padding: 1.8vw 3vw 2vw; font-size: 3.4vw; line-height: 4vw; top: 3vw; left: 0; } .customer_det_title { margin-top: 0; font-size: 4.6vw; line-height: 5.6vw; } .order_comment { margin-right: 24%; font-size: 2.6vw; line-height: 3vw; } .check_link { font-size: 2.6vw; line-height: 3vw; } .purchase_info_block { border-bottom: 1px dashed #0003; align-content: flex-start; width: 33.3%; min-width: 33.3%; min-height: 12vw; margin-bottom: 3vw; margin-left: 0%; padding-top: 0; padding-bottom: 1vw; font-size: 4vw; line-height: 4vw; display: flex; } .purchase_info_block.name { text-align: center; justify-content: center; align-items: center; width: 100%; min-width: 100%; margin-bottom: 3vw; margin-left: 0%; padding-top: 0; padding-bottom: 2vw; } .purchase_info_block.total { width: 33%; min-width: 33%; } .prod_info_txt { margin-top: .5vw; } .content_button { min-height: 7vw; margin-bottom: 1vw; padding-top: 2vw; padding-bottom: 2vw; font-size: 2.6vw; } .my_nav_toggle { background-position: 2vw 55%; background-size: 2vw; padding: .6vw 2.5vw .8vw 5.5vw; font-size: 2.8vw; line-height: 3.2vw; } .my_nav_toggle.w--open { background-position: 2vw; } .my_nav_list.w--open { min-width: 30vw; max-width: 80vw; padding: 1vw 2.5vw 1.5vw 4vw; font-size: 2.3vw; line-height: 2.6vw; } .my_nav_link { padding-top: .6vw; padding-bottom: .6vw; font-size: 2.8vw; line-height: 3.2vw; } .top_back { width: 5vw; font-size: 4vw; } .landing_form_sec { inset: auto 0% 0%; } .landing_txt_field { height: 6.4vw; font-size: 2.8vw; line-height: 3vw; } .landing_txt_field.code { padding-right: 2%; } .landing_txt_field.txt_area { height: 12vw; } .landing_body { padding-bottom: 8vw; } .footer_info_group { font-size: 2.2vw; line-height: 2.8vw; } .landing_form_allert { font-size: 2vw; line-height: 2vw; } .landing_drop_toggle { background-position: 60% 49%; background-size: 2.5vw; padding-top: 2.3vw; padding-bottom: 2.6vw; font-size: 3vw; line-height: 3.4vw; } .landing_drop_toggle.w--open { background-position: 60%; } .landing_drop_list.w--open { padding-top: 2.5vw; padding-left: 4.8%; padding-right: 4.8%; font-size: 2.4vw; line-height: 3vw; bottom: 8vw; } .land_content_sec.grey { padding-top: 4%; padding-bottom: 1%; } .landing_video_sec { height: 48vw; } .landing_video { width: 100%; height: 48vw; } .land_form_title { font-size: 4vw; line-height: 4.4vw; } .land_form_txt, .land_tel_group { margin-right: 1.5vw; line-height: 4.4vw; } .land_tel_num { font-size: 4vw; line-height: 4.4vw; } .add_order_block { margin-bottom: 6vw; padding-top: 2vw; } .order_form_txt.printinfo { width: 68%; padding-left: 0; font-size: 19px; } .order_clear { font-size: 20px; } .order_clear.add_more_lines { margin-top: 5px; } .out_txt { font-size: 1.8vw; line-height: 1.8vw; } .out_txt_filetr { font-size: 1.8vw; line-height: 2vw; } .form_title_group { margin-bottom: 4vw; } .form_title { font-size: 4.4vw; line-height: 5vw; } .form_gr_close { width: 4.6vw; height: 4.6vw; } .order_add { background-position: 7%; background-size: 8%; } .filter_button { height: auto; margin-top: 3vw; margin-bottom: 2vw; padding: 1.8vw 3vw 2vw; font-size: 3.4vw; line-height: 4vw; top: 3vw; left: 0; } .filter_field_content { margin-bottom: 2vw; padding-left: 0%; padding-right: 0%; } .filter_field_content.date { width: 86%; } .filter_label_group { font-size: 2.6vw; line-height: 2.4vw; } .xl_button { max-width: 34%; font-size: 2.8vw; line-height: 3vw; } .xl_icon { width: 5vw; min-width: 5vw; margin-right: 1.4vw; } .filter_results_title { font-size: 4vw; line-height: 4.4vw; } .filter_info_block { text-align: right; border-bottom: 1px dashed #0003; place-content: flex-start; width: 49.8%; min-width: 49.8%; min-height: 10vw; margin-bottom: 2vw; margin-left: 0%; padding-top: 0; padding-bottom: 1vw; font-size: 4vw; line-height: 4vw; display: flex; } .filter_info_block.name { text-align: right; border-bottom-style: dashed; width: 100%; min-width: 100%; margin-bottom: 2vw; padding-bottom: 0; } .filter_info_block._4, .filter_info_block.num { border-bottom-style: none; justify-content: flex-start; width: 49.8%; min-width: 49.8%; margin-bottom: 0; } .filter_info_block.date { color: var(--firebrick); width: auto; min-width: auto; min-height: auto; padding-top: 2vw; position: absolute; inset: 0% auto auto 0%; } .filter_info_block.pay_num { width: 49.8%; min-width: 49.8%; } .filter_fields_gr { width: 66%; } .filter_fields_gr.date { width: 30%; margin-left: 0%; } .sound_group { bottom: 0%; } .top_back_ic { color: var(--firebrick); font-weight: 700; } .thanks_sec { box-shadow: 0 0 3vw 0 var(--white-66); width: 94%; margin-top: 12%; font-size: 2.8vw; line-height: 3.6vw; } .filter-all_link { font-size: 3vw; } .nav_droplist { padding-top: 0; padding-bottom: 1vw; padding-right: 0; } .nav_droplist.w--open { margin-bottom: 1vw; padding-bottom: 0; } .nav_mob_gr { margin-bottom: 4vw; } .cat_menu_link { width: 33.3%; margin-bottom: 2vw; padding-left: 3vw; font-size: 2.6vw; line-height: 2.8vw; } .nav_drop { background-position: 0 1vh; background-size: 4.9vw; justify-content: flex-start; min-height: auto; font-size: 3.2vw; line-height: 3.4vw; } .nav_title_link { width: 88%; height: 7.2vw; font-size: 2.8vw; line-height: 2.6vw; } .mob_cat_txt { width: 86%; padding-top: 1.2vw; padding-bottom: 1.2vw; } .search_item_txt { margin-bottom: 1vw; } .loading_block { width: 18vw; height: 18vw; padding-left: 4vw; padding-right: 4vw; } .advert_link { font-size: 3vw; line-height: 4vw; } .energy_pict { width: 70%; } .add_info_group { margin-bottom: 4vw; } .add_info_group.filter { width: 100%; } .info_block { width: 100%; padding-left: 0%; padding-right: 7vw; font-size: 2.6vw; line-height: 3.8vw; } .info_block.open { padding-bottom: 2vw; padding-right: 6vw; font-size: 2.4vw; line-height: 3.2vw; } .add_info_link { background-position: 100% 3vw; background-size: 3.4vw; padding-top: 2.4vw; padding-bottom: 2.4vw; padding-right: 6vw; font-size: 3.2vw; line-height: 4vw; } .add_info_link.open { background-position: 100% 3vw; background-size: 3.4vw; } .info_block_title { margin-bottom: -1vw; font-size: 2.8vw; } .filtering_center_title { width: 100%; } .main_present_title { margin-top: 3vw; } .filter_content_group { width: 72%; } .download_link { margin-top: 1vw; margin-bottom: 2vw; font-size: 3vw; line-height: 4vw; } .download_icon { width: 5vw; min-width: 5vw; } .expert_inner_sec.faultcode { padding-left: 4%; padding-right: 4%; } .faultcode_cat_list { align-content: flex-start; margin-top: 4vw; margin-bottom: 7vw; padding-bottom: 6vw; font-size: 3vw; line-height: 4vw; } .faultcode_cat_item { font-size: 3vw; } .fault_code_button { padding-top: 1.5vw; padding-bottom: 1.5vw; font-size: 3vw; } .faultcode_list { margin-top: -1vw; margin-bottom: 7vw; font-size: 2.6vw; line-height: 3.2vw; } .faultcode_item { padding-top: 3.6vw; padding-bottom: 3.6vw; } .code_title { font-size: 5.4vw; line-height: 6vw; } .code_title.line { font-size: 6.4vw; } .fault_description_block { margin-top: 1vw; } .faultcode_pict, .faultcode_video { width: 100%; } .faultcode_models_list { grid-column-gap: 3vw; grid-row-gap: 1.8vw; font-size: 3vw; line-height: 3vw; } .faultcode_model_item { padding-left: 3vw; } .expert_sensor_group { margin-top: 1vw; } .sensor_gr_title { font-size: 3.6vw; line-height: 4vw; } .expert_sensor_list { font-size: 3vw; line-height: 3.6vw; } .expert_sensor_item { padding-left: 1.5vw; } .expert_sensor_txt { margin-left: 1vw; } .expert_sensor_txt.num { font-size: 3vw; } .foot_soc_title { font-size: 2.6vw; line-height: 3.4vw; } .codes_fem_title { font-size: 4.5vw; } .faultcode_title_link { background-position: 0 0; background-size: 5.4vw; padding-left: 6vw; } .faultcode_title_info { font-size: 3.2vw; line-height: 3.6vw; } .footer_logo { width: 40%; min-width: auto; max-width: none; margin-left: auto; margin-right: auto; } .autocomp_list { max-height: 42vw; top: 8vw; } .autocomp_item { padding-top: 1.8vw; padding-bottom: 1.8vw; font-size: 3vw; line-height: 3.2vw; } } @media screen and (max-width: 479px) { body { font-size: 4.4vw; line-height: 5.2vw; } h1 { margin-top: 1vw; margin-bottom: 2vw; font-size: 8.4vw; line-height: 8.2vw; } h2 { margin-top: 3vw; margin-bottom: 2vw; font-size: 7vw; line-height: 7.6vw; } h3 { margin-top: 3vw; margin-bottom: 2vw; font-size: 5.6vw; line-height: 6vw; } h4 { margin-top: 3vw; margin-bottom: 1vw; font-size: 4.6vw; line-height: 5.2vw; } p { margin-bottom: 3vw; } ul, ol { margin-bottom: 4vw; padding-left: 6vw; padding-right: 6vw; } .top_nav_conteiner { height: 15vw; } .top_desk_group { margin-left: 5vw; margin-right: 18vw; } .top_logo { width: 46vw; margin-top: 1.4vw; } .top_logo.expert { width: 54vw; } .top_logo.exp_white { width: 53vw; } .top_navbar { height: 15vw; } .top_nav_button { background-position: 50% 52%; background-size: 46%; width: 19vw; height: 15vw; max-height: 15vw; } .top_nav_menu { padding: 2% 4% 3%; } .top_nav_sec { min-height: 15vw; } .search_sec { padding-left: 5%; padding-right: 5%; } .form_field { border-width: .8vw; height: 12vw; padding-top: 1vw; padding-bottom: 1vw; font-size: 4.8vw; line-height: 5vw; } .form_field.search { border-radius: 0; height: 10vw; font-size: 4.6vw; line-height: 5vw; } .form_field_label { margin-bottom: 1.5vw; font-size: 4.2vw; line-height: 4.6vw; } .form_field_label.search { margin-bottom: 3vw; font-size: 4.6vw; line-height: 5vw; } .search_form_block { width: 100%; margin-top: 20vw; } .sec_close { width: 9vw; height: 9vw; } .form_field_group { width: 100%; margin-left: 2%; margin-right: 2%; } .form_field_group.search { padding: 4vw 5vw 5vw; box-shadow: 0 0 5vw #0003; } .form_file_block { width: 100%; margin-left: 0%; padding-top: 2vw; } .form_button { min-width: 90%; padding-top: 3vw; padding-bottom: 3.2vw; font-size: 5.5vw; line-height: 6.6vw; } .form_button.search { width: 60%; min-height: 9vw; margin-top: 5vw; margin-bottom: 1vw; margin-right: auto; padding-bottom: 1vw; font-size: 5vw; line-height: 6vw; } .present_video { height: 64vw; display: none; } .present_video.mob { height: 71vw; display: block; } .sound_on, .sound_off { background-size: 7vw; border-top-right-radius: 4vw; border-bottom-right-radius: 4vw; width: 11vw; height: 8vw; margin-bottom: 0%; } .main_present_sec { height: 71vw; } .foot_menu_list { line-height: 4.4vw; } .foot_menu_item { width: 48%; margin-bottom: 4vw; margin-left: 2%; padding-top: .5vw; padding-right: 3%; } .foot_cat_link { margin-bottom: 2vw; font-size: 4.6vw; line-height: 5vw; } .foot_sub_link { margin-bottom: 1.5vw; font-size: 4vw; line-height: 4.6vw; } .top_sec { padding: 1.8vw 3% 2vw; } .top_sec.experts { padding-top: 2.4vw; padding-bottom: 2.4vw; } .top_search_link { width: 9vw; padding-left: 1.5vw; padding-right: 2vw; } .area_link { background-size: 1.6vw; padding-top: 1vw; padding-bottom: 1.2vw; padding-right: 3vw; font-size: 3.8vw; line-height: 4vw; } .content_sec { padding-left: 5%; padding-right: 5%; } .content_sec.center_title { padding-top: 2vw; padding-bottom: 4vw; } .content_sec.video { margin-top: 8%; padding: 8% 5%; } .content_sec.rooms { margin-bottom: 6%; padding: 6% 6% 10%; } .content_sec.grey, .content_sec.gradiant { margin-bottom: 2vw; padding-top: 1vw; padding-bottom: 4%; } .content_sec.center_sm_title { padding-top: 2vw; padding-bottom: 4vw; } .content_sec.advert { padding: 2vw 5% 8vw; } .content_sec.faultcode_center_title { padding-top: 2vw; padding-bottom: 4vw; } .content_group.shotcuts { flex-wrap: wrap; align-content: flex-start; padding-top: 6.5vw; padding-bottom: 2vw; } .content_group.slider { margin-bottom: 12vw; font-size: 4.4vw; line-height: 5vw; } .content_group.product_pict { height: auto; margin-top: 6vw; margin-bottom: 6vw; font-size: 4.4vw; line-height: 5vw; } .content_group.filter { flex-direction: column; } .content_group.accessories { flex-direction: column-reverse; } .content_group.filter_title_gr { flex-direction: column; justify-content: flex-end; margin-top: 5vw; } .content_group.logo { grid-row-gap: 3vw; padding-bottom: 5vw; } .shotcuts_line { display: none; } .shotcut_link { color: #656565; width: 30%; margin-bottom: 5vw; margin-left: 1.5%; margin-right: 1.5%; padding-left: 0%; padding-right: 0%; font-size: 4vw; line-height: 4.6vw; } .shotcut_icon { width: 14vw; margin-bottom: 2vw; } .title_line { width: 22vw; height: 1vw; } .title_line.sale_point { width: 18vw; height: 1.2vw; margin-top: 3vw; } .title_line.cart { height: 1.2vw; margin-bottom: 4vw; } .family_list.content { margin-top: 6vw; margin-bottom: 5%; } .family_item { width: 100%; height: 54vw; margin-bottom: 4%; } .family_link { padding: 4vw; } .family_link.solution { padding: 5%; } .family_link_info { border-width: .6vw; border-color: #fff9; padding: 4vw; font-size: 6vw; line-height: 6vw; } .family_link_txt { padding: 3vw 5vw; font-size: 6vw; line-height: 6vw; } .solutions_item { margin-bottom: 4%; } .solution_link_info { border-width: .6vw; border-color: #fff9; justify-content: center; padding: 7vw 4vw; } .solution_link_info.mirror { justify-content: center; } .solution_info_gr { width: 90%; padding: 4vw 5vw; font-size: 4.1vw; line-height: 4.6vw; } .solution_info_title { font-size: 7.3vw; line-height: 7vw; } .solution_info_but { padding: 1.8vw 9% 2vw; font-size: 4vw; line-height: 4vw; } .solution_info_but.rooms { padding-top: 2vw; padding-bottom: 2.2vw; font-size: 4vw; line-height: 4.6vw; } .solution_but_icon { width: 1.4vw; margin-right: 3vw; } .content_block.rooms { width: 100%; margin-top: 7%; padding: 4% 1vw; } .content_block.landing { margin-bottom: 4vw; font-size: 4.4vw; } .rooms_numberblock { margin-top: 5%; margin-bottom: 4%; } .h_room_number { border-width: .8vw; width: 14vw; height: 14vw; padding-top: 12px; padding-bottom: 12px; font-size: 6.2vw; line-height: 6vw; } .room_title_group { width: 100%; font-size: 4.2vw; line-height: 5.2vw; } .rooms_title { margin-bottom: 0; font-size: 6.4vw; line-height: 7vw; } .room_sec_title { margin-bottom: 2vw; font-size: 9vw; line-height: 9vw; } .hl_list { width: 100%; margin-right: 0%; } .hl_item { width: 100%; margin-bottom: 3%; margin-left: 0%; margin-right: 0%; } .hl_link { padding-bottom: 5vw; } .hl_pict_block { height: 50vw; margin-bottom: 3vw; } .hl_pict_block.project { height: 54vw; } .hl_info_group { font-size: 4.8vw; line-height: 5.4vw; } .news_title { margin-bottom: 1vw; font-size: 6.6vw; line-height: 7vw; } .footer_sec { padding: 8% 5% 27vw; } .cyber_group { margin-top: 4vw; font-size: 4vw; } .footer_content.credit { width: 96%; margin-top: 7vw; padding-top: 7vw; font-size: 4.1vw; line-height: 5.3vw; } .cyber_link { margin-left: 2vw; } .footer_soc_link { width: 13vw; margin-left: 2vw; margin-right: 2vw; } .footer_soc_link.twitter { width: 9vw; } .fix_sec { bottom: 1%; left: 1%; } .fix_button { width: 19vw; height: 19vw; margin-left: 2vw; font-size: 4.3vw; line-height: 4.6vw; } .fix_button.search { width: 17vw; height: 17vw; font-size: 3.6vw; line-height: 3.2vw; } .title_group { width: 100%; padding: 5vw; } .title_group.expert_list { padding: 6vw 6% 40vw; } .title_group.landing { height: 56vw; padding-top: 3%; } .title_group.faultcode { padding-top: 4vw; padding-bottom: 4vw; } .title_content { border-width: .6vw; justify-content: center; padding: 4vw 5vw 5vw; font-size: 3.8vw; font-weight: 400; line-height: 4.8vw; } .title_content.product { flex-direction: column; padding: 6% 7% 7%; } .title_content.series { padding-left: 5vw; padding-right: 5vw; font-size: 4.6vw; line-height: 5vw; } .breadcrumb_nav { padding: 2vw 5vw 1vw; font-size: 3.4vw; line-height: 4vw; } .breadcrumb_item { margin-bottom: 1.5vw; } .breadcrumb_line { margin-left: 2vw; margin-right: 2vw; padding-top: .4vw; } .family_list_item { margin-bottom: 7%; padding-bottom: 7%; } .family_list_link { flex-direction: column; align-items: stretch; } .family_pict_block { width: 100%; height: auto; margin-bottom: 3vw; margin-left: 0%; } .family_list_info { width: 100%; padding-left: 5vw; padding-right: 5vw; font-size: 4.4vw; line-height: 4.8vw; } .family_add_info { margin-top: 3vw; } .family_list_title { margin-bottom: 2vw; font-size: 7vw; line-height: 8vw; } .tab_list { margin-top: 1vw; margin-bottom: 8vw; } .tab_name { font-size: 5vw; line-height: 5.8vw; } .tab_name.cart { margin-top: 0; margin-bottom: 1vw; font-size: 6.2vw; line-height: 7.6vw; } .tab_list_item { margin-bottom: 0; padding: 5vw 0 6vw; position: relative; } .tab_mob_label { margin-bottom: 1.4vw; font-size: 3.4vw; line-height: 4vw; } .tab_mob_label.filter { margin-bottom: .8vw; } .tab_info_block { padding-top: 0; padding-bottom: 3vw; font-size: 4.4vw; line-height: 4.8vw; } .tab_info_block.name { margin-bottom: 3vw; padding-bottom: 3vw; } .tab_add_info { min-width: 70%; height: 10vw; margin-top: 4vw; margin-bottom: 2vw; padding-top: .6vw; padding-bottom: 1vw; font-size: 5vw; line-height: 5vw; top: 4.6vw; } .tab_add_info.landing { min-width: 70%; font-size: 4.6vw; line-height: 5.2vw; } .series_slider { height: 30vw; margin-top: 3vw; } .slider_ar { width: 7%; margin-right: -3vw; font-size: 7vw; line-height: 7vw; } .slider_ar.left { margin-left: -3vw; margin-right: 0; } .slider_nav { height: 1vw; font-size: 4vw; bottom: -5vw; } .slider_link { left: 6%; right: 6%; } .making_list { width: 100%; } .making_list.expert { justify-content: space-between; margin-top: 7vw; } .making_item { width: 100%; margin-left: 0%; padding: 4vw; } .making_item.expert { text-align: center; flex-direction: column; justify-content: center; align-items: center; width: 48.5%; margin-bottom: 3%; margin-left: 0%; padding: 1.5vw 2vw 2.4vw; } .making_ic_block { width: 21%; min-width: 21%; } .making_ic_block.expert { align-items: center; width: 34%; min-width: auto; margin-top: 2vw; margin-bottom: 2vw; display: flex; } .making_info { width: 73%; font-size: 3.8vw; line-height: 4.4vw; } .making_info.expert { width: 100%; font-size: 3.4vw; line-height: 3.4vw; } .making_title { margin-bottom: 1vw; font-size: 5.5vw; line-height: 5.8vw; } .making_title.expert { font-size: 4.3vw; line-height: 5vw; } .add_prod_list { width: 100%; margin-right: 0%; } .add_prod_item { width: 100%; margin-bottom: 5%; margin-left: 0%; margin-right: 0%; } .add_prod_link { padding-bottom: 6vw; } .add_prod_link.product { padding-bottom: 8vw; } .add_prodpict_block { height: 30vw; margin-bottom: 4vw; } .add_prod_info { padding-left: 0%; padding-right: 0%; font-size: 4.4vw; line-height: 5.4vw; } .add_prod_title { margin-bottom: 1.6vw; font-size: 6vw; line-height: 6.2vw; } .shekel { margin-left: 1vw; margin-right: 1vw; line-height: 5vw; } .shekel.pay { margin-top: .8vw; margin-left: 0; margin-right: .4vw; font-size: 6vw; line-height: 6vw; } .shekel.radio { margin-top: 1vw; margin-right: 1vw; font-size: 4.6vw; line-height: 5vw; } .shekel.cart { margin-right: .6vw; font-size: 4.8vw; line-height: 6vw; } .product_title_group { text-align: center; width: 100%; margin-bottom: 4vw; font-size: 4.2vw; line-height: 4.6vw; } .product_order_group { width: 100%; min-width: auto; max-width: none; padding-top: 4vw; padding-bottom: 3vw; } .product_order { min-width: 88%; margin-top: 3.4vw; margin-bottom: 2vw; padding-top: 2.4vw; padding-bottom: 3vw; font-size: 5vw; line-height: 5vw; top: 4.6vw; } .product_order.accessories { min-width: 100%; margin-top: 4vw; margin-bottom: 8vw; padding-top: 2vw; padding-bottom: 2.6vw; font-size: 6vw; line-height: 7vw; } .product_price_block { min-width: 47%; font-size: 5.8vw; line-height: 6.4vw; } .product_price_block.accessories { margin-top: 2vw; } .price_title { margin-bottom: 1.4vw; font-size: 3.6vw; line-height: 4vw; } .price_title.accessories { font-size: 4.2vw; line-height: 4.4vw; } .specification_item { margin-bottom: 1.5vw; padding-bottom: 1.5vw; } .tab_info_txt { margin-left: .8vw; margin-right: .8vw; } .tab_info_txt.date { margin-left: 0; margin-right: 0; font-size: 3.4vw; font-weight: 700; } .specification_info_group { justify-content: space-between; width: 62%; padding-top: 2.5vw; padding-bottom: 2.5vw; font-size: 4vw; line-height: 4vw; } .specification_title { letter-spacing: 0; width: 36%; font-size: 4vw; font-weight: 700; line-height: 4vw; } .spcification_block { margin-right: 0%; } .add_prod_price { margin-top: 4vw; font-size: 6.2vw; line-height: 6.4vw; } .add_prod_price.filter { margin-top: 5vw; margin-bottom: 5vw; font-size: 6vw; line-height: 6vw; position: relative; } .add_prod_block { width: 90%; margin-top: 5vw; padding-top: 3vw; padding-bottom: 3.4vw; font-size: 5.4vw; line-height: 6vw; top: 4.6vw; } .add_prod_block.filter { max-width: 68%; margin-top: 2vw; padding-top: 2vw; padding-bottom: 2vw; font-size: 4.6vw; line-height: 6vw; position: relative; } .product_title { margin-bottom: 3vw; font-size: 6.6vw; line-height: 7vw; } .insert_content { margin-top: 6%; margin-bottom: 4%; } .bgr_color { width: 100%; padding: 3vw; } .expert_top_sec { padding: 6vw 4% 4vw; } .expert_tornado_link { margin-top: .8vw; padding-top: 1.6vw; padding-bottom: 2vw; font-size: 3.6vw; line-height: 4vw; } .login_content_sec { padding-left: 5%; padding-right: 5%; } .login_title_group { margin-top: 3vw; margin-bottom: 6vw; padding-left: 0%; padding-right: 0%; font-size: 4.4vw; line-height: 5vw; } .expert_welcome { margin-bottom: 2vw; font-size: 6.6vw; line-height: 7.6vw; } .login_content_group { flex-direction: column; justify-content: flex-start; align-items: center; } .login_app_group { width: 100%; } .login_line { border-bottom: .4vw solid #ffffff54; border-right-style: none; width: 100%; margin-top: 14vw; margin-bottom: 2vw; } .log_tab_link { padding-top: 3.5vw; padding-bottom: 4vw; font-size: 4.4vw; line-height: 5vw; } .login_tabs_group { width: 100%; } .tab_pane { min-height: 73vw; } .login_form_block { padding: 3vw 5vw 6vw; } .login_help_group { margin-top: 1vw; font-size: 4.5vw; line-height: 5.2vw; bottom: -9vw; } .log_red_line { width: 40%; height: 1vw; top: -1vw; right: 5%; } .log_red_line.login { left: 5%; } .login_form { min-height: 66vw; } .login_field { min-height: 13vw; padding-left: 2vw; padding-right: 2vw; font-size: 5vw; } .login_button { margin-top: 2.5vw; padding: 2.4vw 8vw 3vw; font-size: 5.6vw; line-height: 6vw; } .login-field { margin-top: 1vw; margin-bottom: 2vw; font-size: 4vw; } .login_stores_block { flex-direction: row; width: 100%; margin-top: 3vw; } .login_store_link { border-width: .4vw; width: 46.5%; height: 13vw; margin: 2vw 0 5vw; padding: 3vw 5.6vw; } .login_app_pict { display: none; } .login_stores_group { flex-wrap: wrap; align-content: center; width: 100%; margin-top: 4vw; font-size: 5.2vw; line-height: 6vw; } .form_allert_txt { padding-right: 4vw; font-size: 3.6vw; line-height: 4vw; } .list_gallery_group { width: 104%; margin-top: 5%; margin-bottom: 5%; margin-right: -1%; } .gallery_link { width: 46%; height: 23vw; margin: 0% 1.2% 3% 2.8%; } .gallery_link.project { width: 21.4%; height: 14vw; } .projects_title { margin-top: 3vw; margin-bottom: 2vw; font-size: 7.5vw; line-height: 8.4vw; } .contact_info_txt { margin-bottom: 6vw; font-size: 4vw; line-height: 5.4vw; } .contact_sub_title { margin-top: 3%; margin-bottom: 2%; font-size: 6vw; line-height: 7vw; } .contact_service_group { width: 100%; } .contact_service_link { width: 49.8%; margin-bottom: 6vw; margin-left: 0%; margin-right: 0%; padding-bottom: 3vw; font-size: 4.4vw; line-height: 5vw; } .contact_pict { width: 64%; margin-bottom: 2vw; } .service_link_line { width: 16vw; height: .8vw; } .contact_content { width: auto; margin-top: 5%; margin-right: 0; padding-left: 0%; padding-right: 0%; } .contact_content.sale_point { text-align: right; padding-left: 1%; padding-right: 1%; font-size: 4.6vw; line-height: 5.6vw; } .contact_content.faultcode { text-align: right; width: 102%; margin-top: 8vw; padding-bottom: 3vw; position: relative; right: -1%; } .form_field_content { flex-direction: column; align-items: flex-start; margin-bottom: 1.8vw; padding-left: 0%; } .form_field_content.comment { margin-bottom: 2vw; } .form_field_content.radio { margin-bottom: 5vw; padding-bottom: 0; } .form_field_content.radio.faultcode { padding-right: 0%; } .form_field_content.sale_points { flex-direction: row; padding-top: 4vw; } .form_field_content.check_order { margin-bottom: 5vw; padding-bottom: 0; } .radio_button { width: 7vw; height: 7vw; margin-top: 0; margin-left: 2vw; } .radio_button.w--redirected-checked { border-width: 1.6vw; } .forminfo_list_txt { font-size: 4.6vw; } .forminfo_list_txt.red { font-size: 5.6vw; } .field_label { margin-bottom: 1vw; font-size: 5vw; line-height: 5.2vw; } .field_label.filter { width: 100%; margin-top: 1vw; font-size: 4vw; } .radio_field { width: 100%; margin: 1vw 0 2.4vw; padding-right: 3.6vw; } .radio_field.delivery { margin-bottom: 3vw; padding-right: 0; } .radio_field.faultcode { margin-top: 0; margin-bottom: 4vw; padding-right: 0; } .form_label_star { margin-left: 1vw; font-size: 5.6vw; line-height: 6vw; } .radio_label { margin-top: 1vw; font-size: 4.7vw; line-height: 5vw; } .form_stage { margin-bottom: 6vw; } .form_stage.salepoint { margin-bottom: 4vw; } .form_stage.faulcode { margin-bottom: 0; } .form_info_list { margin-top: 5vw; margin-bottom: 5vw; font-size: 4.6vw; line-height: 5.8vw; } .form_info_list.cart_purchase { margin-top: 2vw; margin-bottom: 4vw; } .form_field_block { width: 100%; padding-right: 0; } .form_field_block.sale_point { width: 82%; } .form_field_block.faultcode { width: 100%; margin-bottom: 2vw; } .form_label_group { width: 100%; margin-top: 0; padding-right: 4vw; line-height: 5vw; } .form_label_group.faultcode { width: 100%; } .button.expert { min-width: 100%; min-height: 11vw; margin-top: 3vw; margin-bottom: 5vw; padding-bottom: 1vw; font-size: 5.8vw; line-height: 6vw; } .button.sale_points { background-position: 0%; background-size: 72%; min-width: 16%; height: 12vw; font-size: 6vw; line-height: 7vw; } .button.contact { width: 78%; min-width: auto; margin-top: 8vw; margin-bottom: 14vw; margin-right: auto; padding-top: 2.8vw; padding-bottom: 3vw; font-size: 6vw; line-height: 7vw; } .button.preview { width: 78%; min-width: auto; margin-top: -5vw; margin-bottom: 14vw; margin-right: auto; font-size: 6vw; line-height: 7vw; } .button.landing { min-width: 100%; min-height: 12vw; margin-top: 3vw; margin-bottom: 3vw; padding-bottom: 1vw; font-size: 5.8vw; line-height: 6vw; } .button.close { margin-top: 8vw; padding-top: 1.8vw; padding-bottom: 2.4vw; font-size: 4.8vw; line-height: 5.4vw; } .button.faultcode { background-size: 26%; min-width: 13vw; min-height: 12vw; margin-right: auto; font-size: 6vw; line-height: 7vw; } .form_allert { padding-right: 4vw; font-size: 3.6vw; line-height: 4vw; } .txt_field { height: 13vw; padding-top: 2vw; padding-bottom: 2vw; font-size: 4.8vw; line-height: 5vw; } .txt_field.mail { height: 14vw; } .txt_field.txt_area { min-height: 56vw; } .txt_field.num { width: 76%; } .txt_field.code { text-align: center; width: 22%; padding-left: .5%; padding-right: 1%; } .txt_field.file { width: 76%; } .txt_field.salepoint { height: 12vw; } .txt_field.cart_num { width: 18vw; height: 9vw; padding-top: 0; padding-bottom: 0; font-size: 5.6vw; line-height: 6vw; } .txt_field.date { padding-left: 2%; padding-right: 2%; } .txt_field.faultcode { height: 12vw; padding-bottom: .5vw; padding-left: 13vw; padding-right: 4%; font-size: 5.2vw; line-height: 5.6vw; } .check_field { width: 100%; margin: 1vw 0 2.4vw; padding-right: 3.6vw; } .check_field.order { margin-bottom: 0; padding-right: 0; } .check_button { border-radius: .4vw; width: 7vw; height: 7vw; margin-left: 2vw; } .check_button.pay { margin-top: -.8vw; } .check_label { font-size: 4.7vw; line-height: 5vw; } .check_label.order { margin-left: 1.5vw; } .file_button { height: 13vw; padding-left: 5%; padding-right: 5%; } .faq_list { width: 100%; margin-top: 6vw; margin-bottom: 8vw; } .faq_list_item { position: relative; } .faq_quest_link { background-position: 100% 4vw; background-size: 5vw; padding: 3.4vw 8vw 3.6vw 3vw; font-size: 5.4vw; line-height: 5.8vw; } .faq_quest_link.open { background-position: 100% 4vw; background-size: 5.2vw; } .faq_answer { width: 92%; padding-bottom: 5vw; padding-right: 10vw; font-size: 4vw; line-height: 5vw; } .faq_answer.open { width: 95%; margin-top: -3vw; padding-bottom: 3vw; padding-right: 8vw; font-size: 4.4vw; line-height: 4.8vw; } .filter_list { width: 100%; margin-top: 0; margin-right: 0%; } .filter_item { width: 100%; margin-bottom: 5%; margin-left: 0%; margin-right: 0%; } .filter_link { padding-bottom: 3vw; } .filter_form { border-bottom: .6vw solid #97979799; width: 100%; margin-top: 4vw; margin-bottom: 6vw; } .filter_title { background-size: 5vw; border-top-width: .6vw; padding-top: 2.5vw; padding-bottom: 2.8vw; font-size: 6.4vw; line-height: 7.6vw; } .filter_title:hover { background-size: 5vw; } .filter_check_group.open { margin-bottom: 5vw; } .filter_check_block { align-items: center; margin-bottom: 4vw; padding-right: 0; } .filter_check_box { width: 7.5vw; height: 7.5vw; margin-left: 3vw; position: relative; } .filter_check_label { font-size: 4.8vw; line-height: 5.4vw; } .search_cat_list { width: 100%; margin-top: 6vw; margin-bottom: 8vw; } .search_cat_item { margin-bottom: 5vw; position: relative; } .search_results_info { flex-direction: column; margin-top: 5vw; margin-bottom: 0; font-size: 6vw; line-height: 6.8vw; } .search_info_txt { margin-left: 2vw; } .search_cat_title { margin-bottom: 2.5vw; font-size: 6.4vw; line-height: 6.4vw; } .search_link_item { padding-bottom: 1vw; } .search_link { border-right-width: .8vw; margin-right: -.4vw; padding-top: .4vw; padding-bottom: .4vw; padding-right: 3vw; font-size: 4.8vw; line-height: 5.4vw; } .map_list { width: 100%; margin-top: 5%; } .level_1_item { width: 100%; margin-bottom: 6%; padding-left: 0%; } .level_1_link { margin-bottom: 2vw; padding-top: 1vw; padding-bottom: 1vw; font-size: 6.4vw; line-height: 6.6vw; } .level_2_list { margin-right: .5vw; } .level_2_link { padding-top: 1vw; padding-bottom: 1vw; padding-right: 3vw; font-size: 4.8vw; line-height: 5vw; } .level_3_list { margin-top: 1vw; margin-bottom: 3vw; padding-right: 4vw; } .level_3_link { padding-top: 1.2vw; padding-bottom: 1.2vw; padding-right: 2.6vw; font-size: 4.2vw; line-height: 4.4vw; } .expert_form_title { margin-top: 1vw; margin-bottom: 2vw; font-size: 7.2vw; line-height: 8.6vw; } .form_expert_content { flex-direction: column; align-items: flex-start; margin-top: 0; padding-bottom: 0; padding-left: 0%; } .expert_txt_field { border-width: .8vw; height: 10.4vw; padding-right: 2%; font-size: 4.8vw; line-height: 5vw; } .expert_txt_field.txt_area { height: 19vw; } .form_allert_expert { padding-right: 0; font-size: 3.6vw; line-height: 4vw; } .expert_field_label { margin-bottom: 1vw; font-size: 4.7vw; line-height: 5.2vw; } .expert_field_block { width: 100%; padding-right: 0; } .expert_check_field { margin-top: 1vw; padding-top: 1vw; padding-right: 12vw; } .expert_check_button { width: 8vw; height: 8vw; } .expert_check_label { font-size: 4.7vw; line-height: 5.2vw; } .expert_list_logo { width: 60%; } .expert_content_sec { padding-bottom: 8%; padding-left: 6%; padding-right: 6%; } .expert_content_block { width: 91%; margin-right: 4vw; padding-bottom: 16vw; font-size: 5vw; line-height: 5.6vw; } .expert_contact_group { flex-direction: column; } .expert_pict_block { width: 88vw; height: 88vw; margin-top: -30vw; padding-top: 2.4vw; padding-left: 2.4vw; padding-right: 2.4vw; } .expert_name { display: none; } .expert_name.mob { margin-top: 1vw; font-size: 9.8vw; line-height: 10.4vw; display: block; } .expert_name_line { display: none; } .expert_info_group { border-bottom: 1px solid var(--black-20); width: 91%; margin-top: 2vw; margin-bottom: 4vw; margin-right: 4vw; padding-bottom: 1vw; } .expert_contact_block { margin-bottom: 4vw; font-size: 5vw; line-height: 6vw; } .expert_contact_block.place { line-height: 6vw; } .expert_contact_ic { width: 5vw; min-width: 5vw; margin-top: .8vw; margin-left: 3vw; bottom: 0; } .expert_drop_toggle { background-position: 68% 56%; background-size: 4.6vw; padding-top: 3.6vw; padding-bottom: 3.6vw; font-size: 5.4vw; line-height: 6.6vw; } .expert_drop_toggle.w--open { background-position: 68% 55%; } .expert_drop_list.w--open { padding-top: 3vw; padding-left: 10%; padding-right: 10%; font-size: 4.4vw; line-height: 5vw; bottom: 13vw; } .expert_mob_name { width: 100%; padding-top: 4vw; padding-left: 3vw; padding-right: 3vw; display: block; } .adjust_checkbox { width: 7vw; height: 7vw; margin-left: 0; } .adjust_block { margin-bottom: 22%; } .adjust_form_group { height: auto; margin-bottom: 5.4vw; padding-bottom: 5.4vw; } .adjust_radiobutton_field { width: 100%; margin-top: 0; margin-bottom: 4vw; padding-left: 0; } .adjust_search_block2 { width: 100%; } .adjust_button { width: 100%; margin-bottom: 3vw; padding-top: 2.6vw; padding-bottom: 3vw; font-size: 6vw; line-height: 7vw; } .adjust_search_block1 { width: 100%; margin-bottom: 0%; } .adjust_radiobutton { width: 7vw; height: 7vw; margin-left: 0; } .adjust_form_txt { float: left; width: 88%; margin-top: .6vw; font-size: 4.8vw; } .adjust_form_txt.roomsnumber { width: 100%; margin-top: 0; margin-bottom: 3vw; font-size: 4.8vw; } .adjust_form_txt.checkbox { width: 88%; } .adjust_checkbox_field { margin-top: 18px; } .adjust_selectbox { width: 100%; height: 12vw; padding-left: 2vw; padding-right: 2vw; font-size: 5vw; } .staff_role_title { font-size: 5.4vw; line-height: 6vw; } .staff_role_title.staff { margin-bottom: 1vw; font-size: 3.8vw; line-height: 4.4vw; } .director_list { flex-direction: row; justify-content: space-between; margin-top: 6vw; margin-bottom: 3vw; } .director_list.staff { justify-content: flex-start; margin-top: 3vw; } .director_pict_block { width: 100%; height: 80vw; } .director_pict_block.staff { height: 46vw; } .director_title { margin-bottom: 1vw; font-size: 7.4vw; line-height: 8.8vw; } .director_title.staff { margin-top: 1vw; margin-bottom: 1vw; font-size: 5vw; line-height: 5.6vw; } .director_list_item { flex-direction: column; justify-content: flex-start; width: 97%; margin-bottom: 4vw; padding-top: 5vw; padding-bottom: 2vw; position: relative; } .director_list_item.staff { border-top-width: 1px; width: 46.6%; margin-bottom: 2.4vw; margin-left: 1.6%; margin-right: 1.6%; padding-top: 2.5vw; padding-bottom: 0; } .director_list_info { width: 100%; padding: 3vw 3vw 1vw; font-size: 3vw; line-height: 4vw; } .director_list_info.staff { margin-bottom: 1vw; font-size: 3.6vw; line-height: 4vw; } .list_tohen_linkitem { width: 100%; margin-top: 2vw; margin-bottom: 0; margin-left: 0; } .list_tohen_linkblock { width: 100%; padding-top: 3vw; padding-bottom: 3vw; font-size: 5vw; line-height: 6vw; } .linkblock_list { margin-top: 4vw; margin-bottom: 4vw; } .salepoints_list { margin-bottom: 6vw; } .salepoints_item { width: 93%; margin-bottom: 5vw; margin-left: 0%; margin-right: 2%; padding-bottom: 5vw; } .salepoints_gr_title { margin-bottom: 4vw; font-size: 8vw; line-height: 8vw; } .salepoint_contact_block { margin-bottom: 4vw; font-size: 5vw; line-height: 6vw; } .salepoint_contact_block.place { line-height: 6vw; } .salepoint_contact_block.waze { letter-spacing: 1px; max-width: 77%; margin: 6vw auto 3vw; padding-top: 1.6vw; padding-bottom: 1.6vw; padding-right: 2vw; font-size: 5.6vw; position: relative; bottom: 0; } .salepoint_info_icon { width: 5vw; min-width: 5vw; margin-top: .8vw; margin-left: 4vw; bottom: 0; } .salepoint_info_icon.waze { width: 9vw; min-width: 9vw; margin-left: 9vw; } .salepoint_info_icon.tel { width: 5vw; min-width: 5vw; margin-left: 4vw; } .salepoint_info_icon.clock { width: 5.6vw; min-width: 5.6vw; margin-left: 4vw; right: -.2vw; } .salepoint_title { margin-top: 1.5vw; margin-bottom: 3.6vw; font-size: 5.6vw; line-height: 6.4vw; } .experts_top_nav { justify-content: flex-start; width: 88%; font-size: 3.2vw; line-height: 3vw; } .share_group { justify-content: flex-end; width: 100%; margin-bottom: 6vw; font-size: 5vw; line-height: 5vw; } .social_ic { width: 6.2vw; } .social_ic.share { width: 7vw; margin-left: 0; margin-right: 4vw; } .accessories_info_gr { width: 100%; } .accessories_pict_gr { width: 100%; height: auto; margin-top: 2vw; margin-bottom: 3vw; } .accessorie_pict { height: auto; } .accessories_order_group { width: 100%; min-width: auto; max-width: none; padding-top: 4vw; padding-bottom: 3vw; } .accessories_title { margin-bottom: 3vw; font-size: 6.8vw; line-height: 8vw; } .shopping_cart_sec { padding-left: 5%; padding-right: 5%; } .delivery_service_gr { flex-direction: column; } .delivery_field_content { flex-direction: column; align-items: flex-start; width: 100%; margin-bottom: 1vw; padding-left: 0%; } .delivery_field_content.radio { width: 100%; margin-bottom: 3vw; padding-bottom: 0; } .cart_title { margin-bottom: 4vw; font-size: 8vw; line-height: 8.4vw; } .cart_list { border-top-color: #00000080; margin-top: 1vw; margin-bottom: 8vw; padding-top: 2vw; } .cart_list_item { margin-bottom: 0; padding: 4vw 0 .6vw; position: relative; } .cart_list_item.pay { margin-bottom: 10vw; padding-top: 1vw; padding-bottom: 4vw; font-size: 5vw; line-height: 6vw; } .cart_list_item.purchase { border-bottom-style: solid; } .cart_list_item.filter { border-bottom-style: solid; border-bottom-color: #00000080; margin-bottom: 2vw; } .cart_info_block { width: 50%; min-height: 19vw; padding-top: 0; font-size: 5.6vw; line-height: 6vw; } .cart_info_block.name { margin-bottom: 3vw; padding-bottom: 3vw; } .cart_info_block.pay { font-size: 7.2vw; line-height: 8vw; } .cart_info_block.total { border-bottom-style: none; min-height: 15vw; margin-top: 1vw; padding-bottom: 0; } .cart_delit { background-color: var(--black-6); background-size: auto 50%; width: 13vw; height: 13vw; margin-top: 1.4vw; margin-bottom: auto; font-size: 5vw; line-height: 5vw; } .cart_pay { min-width: 70%; height: auto; min-height: 12vw; margin: 6vw 0%; padding-top: 1vw; padding-bottom: 1.6vw; font-size: 5.6vw; line-height: 7vw; top: 4.6vw; } .costumer_details.filter { margin-top: 1vw; } .customer_det_title { font-size: 7.4vw; line-height: 7vw; } .order_comment { margin-bottom: 6vw; margin-right: 0%; font-size: 4.7vw; line-height: 5.6vw; } .check_link { margin-left: 1.5vw; font-size: 4.7vw; line-height: 5vw; } .purchase_info_block { width: 50%; min-height: 17vw; padding-top: 0; padding-bottom: 0; font-size: 5.6vw; line-height: 6vw; } .purchase_info_block.name { margin-bottom: 3vw; padding-bottom: 4vw; padding-left: 2vw; padding-right: 2vw; } .purchase_info_block.total { border-bottom-style: none; width: 100%; min-width: 100%; min-height: 15vw; margin-top: 1vw; margin-bottom: 2vw; } .prod_info_txt { margin-top: 1vw; } .content_button { width: 100%; min-height: 12vw; margin-bottom: 2vw; padding-left: 2vw; padding-right: 2vw; font-size: 5vw; line-height: 6vw; } .expert_main_slider { height: 64vw; } .expert_slide_ar { width: 6%; font-size: 6vw; line-height: 6vw; } .desk_slider_pict { display: block; } .my_nav { margin-right: 1vw; } .my_nav_toggle { background-position: 2vw 55%; background-size: 4vw; padding: 1vw 3.6vw 1.6vw 8.6vw; font-size: 4.5vw; line-height: 5vw; } .my_nav_list.w--open { min-width: 54vw; max-width: 92vw; padding: 2vw 3.6vw 2vw 5vw; font-size: 4.4vw; line-height: 5vw; } .my_nav_link { margin-bottom: .6vw; padding-top: 1.2vw; padding-bottom: 1.2vw; font-size: 5vw; line-height: 5.6vw; } .top_back { width: 8vw; font-size: 6.4vw; font-weight: 900; } .landing_txt_field { border-width: .8vw; height: 10.4vw; padding-right: 2%; font-size: 4.8vw; line-height: 5vw; } .landing_txt_field.txt_area { height: 19vw; } .landing_body { padding-bottom: 5vw; } .landing_list_logo { width: 35%; } .footer_info_group { margin-top: 0; margin-bottom: 5vw; font-size: 4vw; line-height: 5.2vw; } .landing_form_allert { padding-right: 0; font-size: 3.6vw; line-height: 4vw; } .landing_drop_toggle { background-position: 68% 56%; background-size: 4.6vw; padding-top: 3.6vw; padding-bottom: 3.6vw; font-size: 5.4vw; line-height: 6.6vw; } .landing_drop_toggle.w--open { background-position: 68% 55%; } .landing_drop_list.w--open { padding-top: 3vw; padding-left: 10%; padding-right: 10%; font-size: 4.4vw; line-height: 5vw; bottom: 13vw; } .land_content_sec { padding-left: 5%; padding-right: 5%; } .land_content_sec.center_title { padding: 2vw 5% 6vw; } .land_content_sec.grey { margin-bottom: 2vw; padding-bottom: 3%; } .landing_video_sec, .landing_video { height: 64vw; } .land_form_title { float: none; margin-top: 1vw; margin-bottom: 1vw; font-size: 7.6vw; line-height: 8.6vw; } .land_form_txt { float: none; margin-right: 0; font-size: 4.8vw; line-height: 5.4vw; } .land_tel_group { float: none; justify-content: center; width: 100%; margin-top: 1vw; margin-right: 0; font-size: 4.8vw; line-height: 5.4vw; display: flex; } .land_tel_num { margin-bottom: 1vw; margin-right: 2vw; font-size: 7.6vw; line-height: 8vw; } .orderblock_close { width: 22px; } .add_order_block { flex-direction: column; width: 100%; margin-top: 4vw; margin-bottom: 10vw; } .order_form_txt { margin-top: 10px; padding-left: 0; font-size: 19px; line-height: 18px; } .order_form_txt.printinfo { text-align: center; width: 100%; margin-bottom: 16px; font-size: 19px; } .order_clear { float: none; clear: both; margin: 4px auto 5px; font-size: 21px; display: block; } .order_clear.add_more_lines { float: none; clear: both; border-radius: 6px; margin-top: 10px; margin-left: 5%; margin-right: 5%; padding-top: 8px; padding-bottom: 6px; display: block; } .out_txt { font-size: 3.6vw; line-height: 3vw; } .out_txt_filetr { font-size: 4.4vw; line-height: 4.6vw; position: relative; } .form_title_group { margin-top: 8vw; margin-bottom: 5vw; padding-top: 1vw; padding-bottom: 2vw; padding-left: 8vw; } .form_title { font-size: 6.2vw; line-height: 6.6vw; } .form_gr_close { width: 7vw; height: 7vw; margin-bottom: 2vw; } .order_add { background-position: 8%; margin-top: 2vw; margin-left: auto; margin-right: auto; padding: 1.5vw 4vw 1.6vw 10vw; font-size: 4.8vw; line-height: 5.2vw; display: block; } .filter_button { min-width: 100%; height: auto; min-height: 14vw; margin: 8vw 0% 5vw; padding-top: 1vw; padding-bottom: 1.6vw; font-size: 5.8vw; line-height: 7vw; top: 4.6vw; } .filter_field_content { flex-direction: column; align-items: flex-start; margin-bottom: 1.8vw; padding-left: 0%; } .filter_field_content.date { width: 48%; } .filter_field_block { width: 100%; padding-right: 0; } .filter_label_group { width: 100%; margin-top: 0; padding-right: 2vw; line-height: 5vw; } .xl_button { flex-direction: row-reverse; justify-content: flex-end; max-width: none; margin-bottom: 4vw; font-size: 5.6vw; line-height: 6vw; position: relative; } .xl_icon { width: 8vw; min-width: 8vw; margin-left: 3vw; margin-right: 0; } .filter_results_title { margin-bottom: 4vw; font-size: 7vw; line-height: 8vw; } .filter_info_block { border-bottom-style: dashed; min-height: 14vw; margin-bottom: 2vw; padding: .5vw 2vw 1vw; font-size: 5.6vw; line-height: 5.8vw; } .filter_info_block._4, .filter_info_block.num { border-bottom-style: none; width: 50%; min-width: 50%; } .filter_info_block.date { border-bottom-style: none; padding-left: 2vw; padding-right: 0; } .filter_fields_gr { width: 100%; } .filter_fields_gr.date { border-left-style: none; place-content: flex-start space-between; width: 100%; } .sound_group { display: none; bottom: 2%; } .sound_group.mobile { display: block; } .top_back_ic { font-weight: 900; } .thanks_sec { box-shadow: 0 0 5vw 0 var(--white-66); width: 88%; height: 50%; margin-top: 18%; font-size: 5.2vw; line-height: 6vw; } .filter_links_gr { width: 100%; margin-bottom: 6vw; margin-left: 0; margin-right: 0; } .filter-all_link { font-size: 5.8vw; line-height: 7vw; } .nav_droplist { padding-bottom: 2vw; } .nav_droplist.w--open { margin-bottom: 3vw; } .nav_mob_gr { margin-bottom: 6vw; } .cat_menu_link { width: 100%; margin-bottom: 1vw; padding-top: .5vw; padding-bottom: 2.8vw; padding-left: 0; font-size: 5vw; line-height: 5.6vw; } .nav_drop { background-position: 0 3vw; background-size: 8.2vw; min-height: 15vw; padding-top: 2vw; padding-bottom: 2vw; font-size: 6vw; line-height: 6.2vw; } .nav_title_link { width: 82%; height: 12.8vw; padding-right: 1vw; font-size: 4.6vw; line-height: 5vw; } .mob_cat_txt { padding-top: 2vw; padding-bottom: 2vw; padding-right: 1vw; } .search_item_txt { margin-bottom: 2vw; padding-right: 3.6vw; font-size: 4.2vw; line-height: 4.6vw; } .loading_block { width: 30vw; height: 30vw; padding-left: 6vw; padding-right: 6vw; } .advert_txt { margin-top: 3vw; margin-bottom: 4vw; } .advert_link { font-size: 5vw; line-height: 6vw; } .energy_pict { width: 100%; margin-bottom: 6vw; } .add_info_group { width: 100%; margin-top: 6vw; margin-bottom: 8vw; } .add_info_group.filter { width: 100%; } .info_block { width: 92%; padding-bottom: 5vw; padding-right: 10vw; font-size: 4vw; line-height: 5vw; } .info_block.open { width: 95%; margin-top: -3vw; padding-bottom: 3vw; padding-right: 8vw; font-size: 4.4vw; line-height: 4.8vw; } .add_info_link { background-position: 100% 4vw; background-size: 5.2vw; padding: 3.4vw 8vw 3.6vw 3vw; font-size: 5.4vw; line-height: 5.8vw; } .add_info_link.open { background-position: 100% 4vw; background-size: 5.2vw; } .info_block_title { margin-top: 5vw; margin-bottom: 0; font-size: 4.6vw; } .image { width: 64%; } .main_present_title { margin-top: 5vw; padding-left: 5%; padding-right: 5%; font-size: 6vw; line-height: 7vw; } .filter_content_group { width: 100%; } .download_link { margin-bottom: 3vw; font-size: 4.4vw; line-height: 4.4vw; } .download_icon { width: 8vw; min-width: 8vw; margin-left: 3vw; } .expert_inner_sec { padding-left: 5%; padding-right: 5%; } .expert_inner_sec.faultcode { padding-left: 6%; padding-right: 6%; } .faultcode_cat_list { grid-column-gap: 2vw; grid-row-gap: 2vw; flex-flow: column; justify-content: flex-start; align-items: stretch; width: 102%; margin-bottom: 12vw; padding-bottom: 10vw; font-size: 5.4vw; line-height: 7vw; position: relative; right: -1%; } .faultcode_cat_item { width: auto; font-size: 5.4vw; } .fault_code_button { width: 100%; min-height: 13vw; padding: 2vw; font-size: 5.6vw; } .faultcode_list { font-size: 4.2vw; line-height: 5vw; } .faultcode_item { padding-top: 5vw; padding-bottom: 6vw; } .code_title_group { grid-column-gap: 2vw; grid-row-gap: 2vw; margin-bottom: 1.5vw; } .code_title { margin-bottom: 1vw; font-size: 10vw; line-height: 11vw; } .code_title.line { display: none; } .fault_description_block { margin-top: 2vw; } .faultcode_video { margin-bottom: 4vw; } .faultcode_models_list { grid-column-gap: 2vw; grid-row-gap: 3vw; flex-flow: column; margin-top: 2vw; font-size: 5vw; line-height: 5vw; } .faultcode_model_link { display: block; } .fault_models_group { margin-top: -1vw; } .faultcode_model_item { border-left-style: none; padding-left: 0; } .expert_sensor_group { margin-bottom: -2.6vw; padding-bottom: 7vw; } .sensor_gr_title { margin-bottom: 3vw; font-size: 6vw; line-height: 6.4vw; } .expert_sensor_list { grid-column-gap: 0vw; grid-row-gap: 2.4vw; flex-flow: column; align-items: flex-start; font-size: 4.8vw; line-height: 5vw; } .expert_sensor_item { border-left-style: none; padding-left: 0; } .expert_sensor_txt { margin-left: 2vw; } .expert_sensor_txt.num { font-size: 5.8vw; line-height: 5vw; } .foot_soc_title { margin-bottom: 2vw; font-size: 4.6vw; line-height: 5vw; } .codes_fem_title { margin-left: 1vw; margin-right: 1vw; font-size: 6.4vw; line-height: 7vw; display: inline; } .faultcode_title_link { grid-column-gap: 0vw; grid-row-gap: 2vw; background-position: 0 1vw; background-size: 8vw; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-left: 0; } .faultcode_title_info { font-size: 4.8vw; } .footer_logo { width: 80%; margin-top: 2vw; } .fem_title_block { padding-top: 6vw; padding-bottom: 1vw; } .autocomp_list { max-height: 68vw; top: 12vw; } .autocomp_item { margin-left: 4%; margin-right: 4%; padding-top: 2.6vw; padding-bottom: 2.6vw; font-size: 4.8vw; line-height: 4.2vw; } } @font-face { font-family: 'Simpler'; src: url('../fonts/Simpler-Black.otf') format('opentype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Simpler'; src: url('../fonts/Simpler-Light.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Simpler'; src: url('../fonts/Simpler-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Simpler'; src: url('../fonts/Simpler-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } body { } .templateVideoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .templateVideoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .making_title2 { margin-top: 0px; margin-bottom: 5px; font-size: 27px; line-height: 30px; font-weight: 400; }