/* Start:/local/templates/xmotors_new_design/js/libs/video-js/video-js.min.css?176600531446906*/ .vjs-svg-icon{display:inline-block;background-repeat:no-repeat;background-position:center;fill:currentColor;height:1.8em;width:1.8em}.vjs-svg-icon:before{content:none!important}.vjs-control:focus .vjs-svg-icon,.vjs-svg-icon:hover{filter:drop-shadow(0 0 .25em #fff)}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10a"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10b"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10c"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-downloading{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-downloading:before{content:"\f10f"}.vjs-icon-file-download{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download:before{content:"\f110"}.vjs-icon-file-download-done{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download-done:before{content:"\f111"}.vjs-icon-file-download-off{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download-off:before{content:"\f112"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f113"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f114"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f115"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f116"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f117"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f118"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f119"}.vjs-icon-repeat{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-repeat:before{content:"\f11a"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f11b"}.video-js .vjs-skip-backward-5 .vjs-icon-placeholder,.vjs-icon-replay-5{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before,.vjs-icon-replay-5:before{content:"\f11c"}.video-js .vjs-skip-backward-10 .vjs-icon-placeholder,.vjs-icon-replay-10{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before,.vjs-icon-replay-10:before{content:"\f11d"}.video-js .vjs-skip-backward-30 .vjs-icon-placeholder,.vjs-icon-replay-30{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before,.vjs-icon-replay-30:before{content:"\f11e"}.video-js .vjs-skip-forward-5 .vjs-icon-placeholder,.vjs-icon-forward-5{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before,.vjs-icon-forward-5:before{content:"\f11f"}.video-js .vjs-skip-forward-10 .vjs-icon-placeholder,.vjs-icon-forward-10{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before,.vjs-icon-forward-10:before{content:"\f120"}.video-js .vjs-skip-forward-30 .vjs-icon-placeholder,.vjs-icon-forward-30{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before,.vjs-icon-forward-30:before{content:"\f121"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f122"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f123"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f124"}.vjs-icon-shuffle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-shuffle:before{content:"\f125"}.vjs-icon-cast{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cast:before{content:"\f126"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f127"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f128"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f129"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f12a"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f12b"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f12c"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f12d"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f12e"}.video-js{display:inline-block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{width:100%;max-width:100%}.video-js.vjs-1-1:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-fluid:not(.vjs-audio-only-mode){height:0}.video-js.vjs-16-9:not(.vjs-audio-only-mode){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio-only-mode){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio-only-mode){padding-top:177.7777777778%}.video-js.vjs-1-1:not(.vjs-audio-only-mode){padding-top:100%}.video-js.vjs-fill:not(.vjs-audio-only-mode){width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js.vjs-audio-only-mode .vjs-tech{display:none}body.vjs-full-window,body.vjs-pip-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{width:100%!important;height:100%!important;padding-top:0!important;display:block}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{position:absolute;bottom:10%;font-size:2em;background-color:rgba(0,0,0,.7);padding:.5em;text-align:center;width:100%}.vjs-layout-small.vjs-pip-container .vjs-pip-text,.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text{bottom:0;font-size:1.4em}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:50%;left:50%;padding:0;margin-top:-.81666em;margin-left:-1.5em;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-button .vjs-svg-icon{width:1em;height:1em;position:absolute;top:50%;left:50%;line-height:1;transform:translate(-50%,-50%)}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js.vjs-spatial-navigation-enabled .vjs-button:focus{outline:.0625em solid #fff;box-shadow:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{display:flex;justify-content:center;list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon,.vjs-menu li.vjs-selected .vjs-svg-icon,.vjs-menu li.vjs-selected:focus .vjs-svg-icon,.vjs-menu li.vjs-selected:hover .vjs-svg-icon{fill:#000}.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:0 0}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:unset;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js.vjs-spatial-navigation-enabled .vjs-control-bar{gap:1px}.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing{display:flex!important}.vjs-audio-only-mode .vjs-control-bar,.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js :not(.vjs-visible-text)>.vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;line-height:.35em;z-index:1}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none!important}.vjs-play-progress .vjs-svg-icon{position:absolute;top:-.35em;right:-.4em;width:.9em;height:.9em;pointer-events:none;line-height:.15em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus{outline:.0625em solid #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em;z-index:1}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{position:absolute;width:.9em;height:.9em;pointer-events:none;z-index:1}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{right:-.3em;transform:translateY(-50%)}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-.55em;transform:translateX(-50%)}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.vjs-poster{display:inline-block;vertical-align:middle;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{width:100%;height:100%;object-fit:contain}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{width:1em;height:1em;pointer-events:none;fill:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.video-js .vjs-current-time,.video-js .vjs-duration,.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider{display:none}.vjs-time-divider{display:none;line-height:3em}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.vjs-error .vjs-text-track-display{display:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js.vjs-force-center-align-cues .vjs-text-track-cue{text-align:center!important;width:80%!important}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-fullscreen-control,.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.85;text-align:left;border:.6em solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:5em;height:5em;border-radius:50%;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:flex;justify-content:center;align-items:center;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-error .vjs-loading-spinner{display:none}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.video-js.vjs-audio-only-mode .vjs-captions-button{display:none}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-audio-only-mode .vjs-descriptions-button{display:none}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{width:1.5em;height:1.5em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10c";font-size:1.5em;line-height:inherit}.video-js.vjs-audio-only-mode .vjs-subs-caps-button{display:none}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" \f12e";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js.vjs-layout-tiny .vjs-progress-control,.video-js.vjs-layout-x-small .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings{height:80%}.vjs-error .vjs-text-track-settings{display:none}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:10px;border:none}.vjs-text-track-settings fieldset span{display:inline-block;padding:0 .6em .8em}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;font-weight:700;font-size:1.2em}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{background:rgba(0,0,0,.9);background:linear-gradient(180deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,0) 100%);font-size:1.2em;line-height:1.5;transition:opacity .1s;padding:.666em 1.333em 4em;pointer-events:none;position:absolute;top:0;width:100%}.vjs-error .vjs-title-bar{display:none}.vjs-title-bar-description,.vjs-title-bar-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vjs-title-bar-title{font-weight:700;margin-bottom:.333em}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-forward-5{cursor:pointer}.video-js .vjs-skip-forward-10{cursor:pointer}.video-js .vjs-skip-forward-30{cursor:pointer}.video-js .vjs-skip-backward-5{cursor:pointer}.video-js .vjs-skip-backward-10{cursor:pointer}.video-js .vjs-skip-backward-30{cursor:pointer}.video-js .vjs-transient-button{position:absolute;height:3em;display:flex;align-items:center;justify-content:center;background-color:rgba(50,50,50,.5);cursor:pointer;opacity:1;transition:opacity 1s}.video-js:not(.vjs-has-started) .vjs-transient-button{display:none}.video-js.not-hover .vjs-transient-button:not(.force-display),.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display){opacity:0}.video-js .vjs-transient-button span{padding:0 .5em}.video-js .vjs-transient-button.vjs-left{left:1em}.video-js .vjs-transient-button.vjs-right{right:1em}.video-js .vjs-transient-button.vjs-top{top:1em}.video-js .vjs-transient-button.vjs-near-top{top:4em}.video-js .vjs-transient-button.vjs-bottom{bottom:4em}.video-js .vjs-transient-button:hover{background-color:rgba(50,50,50,.9)}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0}.video-js :focus:not(:focus-visible){outline:0} /* End */ /* Start:/local/templates/xmotors_new_design/css/libs/nice-select.css?17660053137292*/ .nice-select { color: var(--xm-color-dark); cursor: pointer; display: block; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 157.143%; outline: none; position: relative; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; } .nice-select>.current { display: block; width: 100%; background-color: var(--xm-bg-body); border-radius: 4px; border: 1px solid var(--xm-bd-inp); padding: 13px 14px; } .fg._error .nice-select>.current { border-color: #E30016; color: #E30016; } .nice-select:after { border-bottom: 1px solid var(--xm-color-black); border-right: 1px solid var(--xm-color-black); content: ''; display: block; height: 6px; margin-top: -4px; pointer-events: none; position: absolute; right: 16px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 6px; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17); box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17); max-height: 400px; overflow: auto; z-index: 10; } .nice-select.open .list::-webkit-scrollbar { width: 4px; } .nice-select.open .list::-webkit-scrollbar-track { background: rgba(101, 110, 119, 0.1); } .nice-select.open .list::-webkit-scrollbar-thumb { background-color: var(--xm-dark-grey9); cursor: pointer; } .nice-select.open .list::-webkit-scrollbar-button { width: 4px; height: 10px; } .nice-select.open .list::-webkit-scrollbar-button:single-button { background-color: transparent; display: block; border-style: solid; height: 8px; width: 8px; cursor: pointer; } .nice-select.open .list::-webkit-scrollbar-button:single-button:vertical:decrement { border: 2px solid transparent; border-bottom: 4px solid rgba(101, 110, 119, 0.1);; } .nice-select.open .list::-webkit-scrollbar-button:single-button:vertical:increment { border: 2px solid transparent; border-top: 4px solid rgba(101, 110, 119, 0.1);; } [data-theme=dark] .nice-select.open .list::-webkit-scrollbar-button:single-button:vertical:decrement { border-bottom: 4px solid #EBEBEB; } [data-theme=dark] .nice-select.open .list::-webkit-scrollbar-button:single-button:vertical:increment { border-top: 4px solid #EBEBEB; } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: var(--xm-bg-header); border-radius: 5px; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-sizing: border-box; opacity: 0; padding: 0; padding-top: 5px; pointer-events: none; position: absolute; top: calc(100% - 5px); left: 0; right: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: -1; } [data-theme=dark] .nice-select .list { border: 1px solid rgba(255, 255, 255, 0.11); } .nice-select .list:hover .option:not(:hover, .selected) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding: 14px 13px 13px; line-height: 157.143%; border-bottom: 1px solid var(--xm-bd-inp); text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:last-child { border-bottom: 0; } .nice-select .option:hover, .nice-select .option.focus { background-color: var(--xm-light-grey); } .nice-select .option.selected.focus { /* font-weight: bold; */ color: #fff; background-color: var(--xm-color-read)!important; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } @media(min-width: 1921px) { .nice-select { font-size: 0.729vw; } .nice-select>.current { border-radius: 0.208vw; border: 0.052vw solid var(--xm-bd-inp); padding: 0.677vw 0.729vw; } .nice-select:after { border-bottom: 0.052vw solid var(--xm-color-black); border-right: 0.052vw solid var(--xm-color-black); height: 0.313vw; margin-top: -0.208vw; right: 0.833vw; width: 0.313vw; } .nice-select.small { font-size: 0.625vw; height: 1.875vw; line-height: 1.771vw; } .nice-select.small:after { height: 0.208vw; width: 0.208vw; } .nice-select.small .option { line-height: 1.771vw; min-height: 1.771vw; } .nice-select .list { border-radius: 0.26vw; box-shadow: 0 0 0 0.052vw rgba(68, 68, 68, 0.11); padding-top: 0.26vw; top: calc(100% - 0.26vw); -webkit-transform: scale(0.75) translateY(-1.094vw); -ms-transform: scale(0.75) translateY(-1.094vw); transform: scale(0.75) translateY(-1.094vw); } .nice-select .option { line-height: 2.083vw; min-height: 2.083vw; padding: 0.729vw 0.677vw 0.677vw; border-bottom: 0.052vw solid var(--xm-bd-inp); } } /* End */ /* Start:/local/templates/xmotors_new_design/css/libs/owl.carousel.min.css?17660053133346*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/xmotors_new_design/css/libs/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/xmotors_new_design/css/libs/fancybox.css?176600531325343*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1500);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/local/templates/xmotors_new_design/css/fonts.css?176600531341706*/ /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 100; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9A4kDNxMZdWfMOD5VvkrCqUT3fcXbMn0ruHA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 100; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9A4kDNxMZdWfMOD5VvkrCqUTTfcXbMn0ruHA.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 100; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9A4kDNxMZdWfMOD5VvkrCqUTzfcXbMn0ruHA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 100; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9A4kDNxMZdWfMOD5VvkrCqUTPfcXbMn0ruHA.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 100; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9A4kDNxMZdWfMOD5VvkrCqUT_fcXbMn0ruHA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 100; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9A4kDNxMZdWfMOD5VvkrCqUT7fcXbMn0ruHA.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 100; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9A4kDNxMZdWfMOD5VvkrCqUTDfcXbMn0o.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 200; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrAGQCf1VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 200; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrAGQCf8VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 200; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrAGQCf0VFnklULWJXg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 200; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrAGQCf7VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 200; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrAGQCf3VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 200; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrAGQCf2VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 200; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrAGQCf4VFnklULW.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 300; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBiQyf1VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 300; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBiQyf8VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 300; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBiQyf0VFnklULWJXg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 300; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBiQyf7VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 300; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBiQyf3VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 300; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBiQyf2VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 300; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBiQyf4VFnklULW.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 400; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9C4kDNxMZdWfMOD5VvkrjEYTLVdlTOr0s.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 400; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9C4kDNxMZdWfMOD5VvkrjNYTLVdlTOr0s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 400; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9C4kDNxMZdWfMOD5VvkrjFYTLVdlTOr0s.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 400; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9C4kDNxMZdWfMOD5VvkrjKYTLVdlTOr0s.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 400; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9C4kDNxMZdWfMOD5VvkrjGYTLVdlTOr0s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 400; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9C4kDNxMZdWfMOD5VvkrjHYTLVdlTOr0s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 400; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9C4kDNxMZdWfMOD5VvkrjJYTLVdlTO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 500; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrA6Qif1VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 500; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrA6Qif8VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 500; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrA6Qif0VFnklULWJXg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 500; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrA6Qif7VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 500; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrA6Qif3VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 500; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrA6Qif2VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 500; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrA6Qif4VFnklULW.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 600; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrAWRSf1VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 600; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrAWRSf8VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 600; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrAWRSf0VFnklULWJXg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 600; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrAWRSf7VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 600; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrAWRSf3VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 600; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrAWRSf2VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 600; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrAWRSf4VFnklULW.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 700; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrByRCf1VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 700; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrByRCf8VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 700; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrByRCf0VFnklULWJXg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 700; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrByRCf7VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 700; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrByRCf3VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 700; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrByRCf2VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 700; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrByRCf4VFnklULW.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 800; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBuRyf1VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 800; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBuRyf8VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 800; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBuRyf0VFnklULWJXg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 800; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBuRyf7VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 800; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBuRyf3VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 800; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBuRyf2VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 800; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBuRyf4VFnklULW.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 900; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBKRif1VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 900; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBKRif8VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 900; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBKRif0VFnklULWJXg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 900; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBKRif7VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 900; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBKRif3VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 900; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBKRif2VFnklULWJXg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: italic; font-weight: 900; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9f4kDNxMZdWfMOD5VvkrBKRif4VFnklULW.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 100; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9C4kDNxMZdWfMOD5Vn9LjEYTLVdlTOr0s.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 100; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9C4kDNxMZdWfMOD5Vn9LjNYTLVdlTOr0s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 100; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9C4kDNxMZdWfMOD5Vn9LjFYTLVdlTOr0s.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 100; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9C4kDNxMZdWfMOD5Vn9LjKYTLVdlTOr0s.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 100; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9C4kDNxMZdWfMOD5Vn9LjGYTLVdlTOr0s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 100; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9C4kDNxMZdWfMOD5Vn9LjHYTLVdlTOr0s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 100; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9C4kDNxMZdWfMOD5Vn9LjJYTLVdlTO.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 200; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnWKneSxf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 200; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnWKneQhf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 200; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnWKneShf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 200; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnWKneRRf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 200; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnWKneSRf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 200; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnWKneSBf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 200; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnWKneRhf6Xl7Glw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 300; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnPKreSxf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 300; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnPKreQhf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 300; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnPKreShf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 300; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnPKreRRf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 300; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnPKreSRf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 300; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnPKreSBf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 300; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnPKreRhf6Xl7Glw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9E4kDNxMZdWfMOD5VvmojLazX3dGTP.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9E4kDNxMZdWfMOD5Vvk4jLazX3dGTP.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9E4kDNxMZdWfMOD5Vvm4jLazX3dGTP.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9E4kDNxMZdWfMOD5VvlIjLazX3dGTP.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9E4kDNxMZdWfMOD5VvmIjLazX3dGTP.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9E4kDNxMZdWfMOD5VvmYjLazX3dGTP.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 400; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9E4kDNxMZdWfMOD5Vvl4jLazX3dA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 500; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnZKveSxf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 500; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnZKveQhf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 500; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnZKveShf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 500; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnZKveRRf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 500; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnZKveSRf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 500; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnZKveSBf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 500; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnZKveRhf6Xl7Glw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 600; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnSKzeSxf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 600; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnSKzeQhf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 600; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnSKzeShf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 600; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnSKzeRRf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 600; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnSKzeSRf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 600; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnSKzeSBf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 600; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnSKzeRhf6Xl7Glw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 700; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnLK3eSxf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 700; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnLK3eQhf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 700; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnLK3eShf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 700; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnLK3eRRf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 700; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnLK3eSRf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 700; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnLK3eSBf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 700; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnLK3eRhf6Xl7Glw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 800; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnMK7eSxf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 800; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnMK7eQhf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 800; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnMK7eShf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 800; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnMK7eRRf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 800; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnMK7eSRf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 800; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnMK7eSBf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 800; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnMK7eRhf6Xl7Glw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 900; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnFK_eSxf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 900; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnFK_eQhf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 900; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnFK_eShf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 900; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnFK_eRRf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 900; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnFK_eSRf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 900; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnFK_eSBf6Xl7Gl3LX.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-display: swap; font-family: 'Fira Sans'; font-style: normal; font-weight: 900; src: url(/local/templates/xmotors_new_design/css/../fonts/Fira/va9B4kDNxMZdWfMOD5VnFK_eRhf6Xl7Glw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* End */ /* Start:/local/templates/xmotors_new_design/css/base.css?1766005313341770*/ @font-face { font-family: 'Halvar Breitschrift'; src: url('/local/templates/xmotors_new_design/css/../fonts/HalvarBreit-Blk.eot'); src: local('Halvar Breitschrift Black'), local('HalvarBreit-Blk'), url('/local/templates/xmotors_new_design/css/../fonts/HalvarBreit-Blk.eot?#iefix') format('embedded-opentype'), url('/local/templates/xmotors_new_design/css/../fonts/HalvarBreit-Blk.woff2') format('woff2'), url('/local/templates/xmotors_new_design/css/../fonts/HalvarBreit-Blk.woff') format('woff'), url('/local/templates/xmotors_new_design/css/../fonts/HalvarBreit-Blk.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Halvar Breitschrift'; src: url('/local/templates/xmotors_new_design/css/../fonts/HalvarBreit-XBd.eot'); src: local('Halvar Breitschrift ExtraBold'), local('HalvarBreit-XBd'), url('/local/templates/xmotors_new_design/css/../fonts/HalvarBreit-XBd.eot?#iefix') format('embedded-opentype'), url('/local/templates/xmotors_new_design/css/../fonts/HalvarBreit-XBd.woff2') format('woff2'), url('/local/templates/xmotors_new_design/css/../fonts/HalvarBreit-XBd.woff') format('woff'), url('/local/templates/xmotors_new_design/css/../fonts/HalvarBreit-XBd.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; } :root, [data-theme=light] { --xm-black: #000000; --xm-black2: #000000; --xm-bg-header: #FFFFFF; --xm-bg-megamenu: #FFFFFF; --xm-bg-body: #FFFFFF; --xm-color-black: #212529; --xm-light: #FFFFFF; --xm-dark-grey: #282C31; --xm-dark-grey2: #5C5D60; --xm-dark-grey3: #5D646F; --xm-dark-grey4: #222D3A; --xm-dark-grey5: #5E6267; --xm-dark-grey6: #4A5057; --xm-dark-grey7: #474A4E; --xm-dark-grey8: #686D72; --xm-dark-grey9: #656E77; --xm-dark-grey10: #393940; --xm-dark-grey11: #393940; --xm-dark-grey12: #4A5057; --xm-dark-grey13: rgba(33, 43, 54, 0.1); --xm-dark-grey14: #FFFFFF; --xm-dark-grey15: #222D3A; --xm-dark-grey16: #65686A; --xm-dark-grey17: #555658; --xm-dark-grey18: #FFFFFF; --xm-dark-grey19: #E0E0E0; --xm-dark-grey20: #55585B; --xm-dark-grey21: #33475E; --xm-dark-grey22: #464749; --xm-dark-grey23: #494D53; --xm-dark-grey24: #585F67; --xm-dark-grey25: #5B626B; --xm-dark-grey26: #5B626B; --xm-dark-grey27: #464749; --xm-dirty-blue: #395475; --xm-dirty-blue2: #395475; --xm-dirty-blue3: #395475; --xm-color-blue: #004392; --xm-color-blue--hover: #004392; --xm-color-blue2: #0A6BA1; --xm-color-blue3: #004392; --xm-color-blue4: #004392; --xm-color-grey: #727C87; --xm-color-grey2: #727C87; --xm-light-grey: #DEEDFE; --xm-light-grey2: #E3E6EC; --xm-light-grey3: #7F8184; --xm-light-grey4: #ECF0F3; --xm-light-grey5: #5E6267; --xm-light-grey6: #222D3A; --xm-light-grey7: #ECF0F3; --xm-light-grey8: #66666B; --xm-light-grey9: #373737; --xm-light-grey10: #53565A; --xm-light-grey11: #F9FBFE; --xm-light-grey12: #F1F4F8; --xm-light-grey13: #D8E1E7; --xm-light-grey14: #545A60; --xm-light-grey15: #FBFBFB; --xm-light-grey16: #EFEFEF; --xm-light-grey17: #EDF0F2; --xm-light-grey18: #545A60; --xm-light-grey19: #F1F4F8; --xm-light-grey20: #DCE1E7; --xm-light-grey21: #EDF0F2; --xm-light-grey22: #EFF1F3; --xm-light-grey23: #F9FAFC; --xm-light-grey24: #E2E7F4; --xm-light-grey25: #EFF0F1; --xm-light-grey26: #E2E7F4; --xm-light-grey27: #F3F5F6; --xm-light-grey28: #F3F5F6; --xm-light-grey29: #EDF0F2; --xm-light-grey30: #F1F4F8; --xm-light-grey31: #F9F9F9; --xm-light-grey32: #ECF0F3; --xm-light-grey33: #EDEDED; --xm-light-grey34: #F9FBFE; --xm-light-grey35: #ECEFF5; --xm-light-grey36: #F1F4F8; --xm-light-grey37: #F1F4F8; --xm-light-grey38: #E5EDF2; --xm-light-grey39: #F8F9FA; --xm-light-grey40: #ECF0F3; --xm-color-dark: #222D3A; --xm-bd-light: #F4F6F9; --xm-btn-switch: #FFF; --xm-bd-inp: #E1E6EC; --xm-placeholder-inp: #727C87; --xm-color-read: #004392; --xm-bd-pagination: #DFDFDF; --xm-bg-subscribe: #EDF0F2; --xm-bg-burger: #F3F4F6; --xm-bg-menu--item: #F7F8FA; --xm-color-submenu--item: #464749; --xm-bg-scrollbar--thumb: #222D3A; --xm-bd-menu--mobile: #EDF0F2; --xm-bg-submenu--mobile: #f5f5f59e; --xm-bg-section--gray: #FAFAFA; --xm-bg-section--gray2: #FAFAFA; --xm-bg-section--gray3: #FAFAFA; --xm-bg-section--gray4: #FFFFFF; --xm-bd-grey: #EDF0F2; --xm-bd-grey2: #EDF0F2; --xm-bd-grey3: #EDF0F2; --xm-bd-grey4: #EDF0F2; --xm-bd-grey5: #EDF0F2; --xm-bd-grey6: #EDF0F2; --xm-bd-grey7: #EDF0F2; --xm-bd-grey8: #EDF0F2; --xm-bd-grey9: #F1F4F8; --xm-bg-input: #FFFFFF; --xm-bg-reply: #F1F4F8; --xm-bg-srch: #E1E6EC; --xm-bg-info: #F8F9FA; --xm-color-span: #222D3A; --xm-bg-thead: #F7F8FB; --xm-bg-thead2: #F7F8FB; --xm-bg-form: #F7F8FB; --xm-bg-form2: #FAFAFC; --xm-color-tab: #6F7277; --xm-bg-icon--map: #FFFFFF; --xm-bg-slider--arr: #FFFFFF; --xm-bd-slider--arr: #FFFFFF; --xm-bd-input--disabled: #EAECEE; --xm-bg-input--disabled: #F3F4F4; --xm-color-input--disabled: rgba(34, 45, 58, 0.2); --xm-bg-list--city: rgba(255, 255, 255, 0.33); --xm-bg-tab: #FFFFFF; --xm-bg-scu-props: #F7F8FB; } [data-theme=dark] { --xm-black: #FFFFFF; --xm-black2: #ADB2B8; --xm-bg-header: #212529; --xm-bg-megamenu: #0F1113; --xm-bg-body: #282C31; --xm-color-black: #FFFFFF; --xm-light: #1A1E21; --xm-dirty-blue: #849DBB; --xm-dirty-blue2: #EDF0F2; --xm-dirty-blue3: #FFFFFF; --xm-color-blue: #FFFFFF; --xm-color-blue--hover: #849DBB; --xm-color-blue2: #ADB2B8; --xm-color-blue3: #ADB2B8; --xm-color-blue4: #EDF0F2; --xm-color-dark: #FFFFFF; --xm-color-grey: #ADB2B8; --xm-color-grey2: #849DBB; --xm-dark-grey2: #FFFFFF; --xm-dark-grey3: rgba(255, 255, 255, 0.4); --xm-dark-grey4: #1270E0; --xm-dark-grey5: #EDF0F2; --xm-dark-grey6: #FFFFFF; --xm-dark-grey7: #ADB2B8; --xm-dark-grey8: #ADB2B8; --xm-dark-grey9: #ADB2B8; --xm-dark-grey10: #ADB2B8; --xm-dark-grey11: #FFFFFF; --xm-dark-grey12: #ADB2B8; --xm-dark-grey13: rgba(255, 255, 255, 0.1); --xm-dark-grey14: #192025; --xm-dark-grey15: #E3E5E9; --xm-dark-grey16: #ADB2B8; --xm-dark-grey17: #ADB2B8; --xm-dark-grey18: #3A3D41; --xm-dark-grey19: rgba(255, 255, 255, 0.16); --xm-dark-grey20: #EDF0F2; --xm-dark-grey21: #EDF0F2; --xm-dark-grey22: #FFFFFF; --xm-dark-grey23: #FFFFFF; --xm-dark-grey24: #FFFFFF; --xm-dark-grey25: #A9ABAC; --xm-dark-grey26: #E9E9E9; --xm-dark-grey27: #EDF0F2; --xm-light-grey: rgba(2, 2, 2, 0.1); --xm-light-grey2: #34383D; --xm-light-grey3: #8C8F95; --xm-light-grey4: #212529; --xm-light-grey5: #ADB2B8; --xm-light-grey6: #849DBB; --xm-light-grey7: rgba(255, 255, 255, 0.01); --xm-light-grey8: #E6E6EB; --xm-light-grey9: #FFFFFF; --xm-light-grey10: #FFFFFF; --xm-light-grey11: rgba(249, 251, 254, 0.03); --xm-light-grey12: #000000; --xm-light-grey13: #1270E0; --xm-light-grey14: #EBEEF1; --xm-light-grey15: #212529; --xm-light-grey16: #343A40; --xm-light-grey17: #282C31; --xm-light-grey18: #FFFFFF; --xm-light-grey19: #212529; --xm-light-grey20: #303741; --xm-light-grey21: rgba(255, 255, 255, 0.06); --xm-light-grey22: #282C31; --xm-light-grey23: #282C31; --xm-light-grey24: #404448; --xm-light-grey25: #282C31; --xm-light-grey26: #3E4349; --xm-light-grey27: rgba(255, 255, 255, 0.11); --xm-light-grey28: #282C31; --xm-light-grey29: #212529; --xm-light-grey30: #1270E0; --xm-light-grey31: #212529; --xm-light-grey32: #282C31; --xm-light-grey33: rgba(255, 255, 255, 0.02); --xm-light-grey34: #2F3841; --xm-light-grey35: #383C42; --xm-light-grey36: #303741; --xm-light-grey37: rgba(241, 244, 248, 0.04); --xm-light-grey38: #212529; --xm-light-grey39: #2B3136; --xm-light-grey40: #1C1D1E; --xm-bd-light: rgba(255, 255, 255, 0.02); --xm-btn-switch: #004392; --xm-bd-inp: rgba(255, 255, 255, 0.11); --xm-placeholder-inp: rgba(237, 240, 242, 0.4); --xm-color-read: #1270E0; --xm-bd-pagination: #212529; --xm-bg-subscribe: #303741; --xm-bg-burger: rgba(255, 255, 255, 0.13); --xm-bg-menu--item: #212529; --xm-color-submenu--item: #ADB2B8; --xm-bg-scrollbar--thumb: #727C87; --xm-bd-menu--mobile: hsla(204, 16%, 94%, 0.03); --xm-bg-section--gray: #282C31; --xm-bg-section--gray2: #212529; --xm-bg-section--gray3: transparent; --xm-bg-section--gray4: #2E3136; --xm-bd-grey: transparent; --xm-bd-grey2: rgba(255, 255, 255, 0.02); --xm-bd-grey3: #FFFFFF; --xm-bd-grey4: rgba(237, 240, 242, 0.04); --xm-bd-grey5: rgba(237, 240, 242, 0.09); --xm-bd-grey6: rgba(237, 240, 242, 0.03); --xm-bd-grey7: rgba(237, 240, 242, 0.02); --xm-bd-grey8: #1270E0; --xm-bd-grey9: rgba(255, 255, 255, 0.02); --xm-bg-input: rgba(255, 255, 255, 0.04); --xm-bg-reply: #222D3A; --xm-bg-srch: #395475; --xm-bg-info: #303741; --xm-color-span: #ADB2B8; --xm-bg-thead: #222427; --xm-bg-thead2: #181C1F; --xm-bg-form: #212529; --xm-bg-form2: #212529; --xm-color-tab: #FFFFFF; --xm-bg-icon--map: rgba(255, 255, 255, 0.07); --xm-bg-slider--arr: #1E2226; --xm-bd-slider--arr: #272C31; --xm-bd-input--disabled: rgba(255, 255, 255, 0.11); --xm-bg-input--disabled: #282C31; --xm-color-input--disabled: rgba(237, 240, 242, 0.4); --xm-bg-list--city: rgba(0, 0, 0, 0.33); --xm-bg-tab: #1270E0; --xm-bg-scu-props: #282c31; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; font-family: "Fira Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.21; background-color: var(--xm-bg-body); } body.lock { overflow: hidden; } .h6, .h5, .h4, .h3, .h2, .h1 { margin: 0; font-family: "Halvar Breitschrift", sans-serif; font-weight: 800; line-height: 146.429%; color: var(--xm-color-dark); text-transform: uppercase; } .h1 { font-size: 40px; font-weight: 900; line-height: 137.5%; } .h2 { font-size: 28px; line-height: 146.429%; } p { margin: 0; } ol, ul { padding: 0; margin: 0; } li { list-style-type: none; } a { color: inherit; text-decoration: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } button { border: none; cursor: pointer; outline: none; } input, textarea { border: none; outline: none; font-family: inherit; margin: 0; } textarea { resize: none; min-height: 75px; } pre{ padding: 0; margin: 0; background: #ededed; color: #333; font-size: 12px; } .alert-error-general { color: #DE162E; background: #f8d7da; padding: 15px 10px; } .alert-info-general { background: var(--xm-light-grey30); color: var(--xm-color-blue); padding: 15px 10px; } .btn { color: #FFFFFF; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; margin: 0; font-family: 'Fira Sans', sans-serif; } .btn.btn-medium { border-radius: 3px; gap: 10px; font-size: 12px; font-weight: 700; } .btn-blue { background-color: #004392; } .btn-blue:hover { background-color: #1270E0; } .btn-red { background-color: #E30016; } .btn-white { background-color: #fff; color: #004392; } .btn-grey { border: 1px solid #CED9E5; color: var(--xm-dirty-blue3); background-color: transparent; } .btn-grey:hover { background-color: #CED9E5; color: var(--xm-color-read); } .btn-green { background-color: #178F23; color: #FFFFFF; } .btn-white:hover { opacity: 0.8; } .btn path { transition: .3s; } .btn.btn-cart { gap: 7px; height: 46px; } .btn.btn-cart svg { width: 18px; height: auto; } .btn-arrow::after { content: ''; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMzAgNiIgZmlsbD0ibm9uZSI+DQo8cGF0aCBkPSJNMzAgM0wyNSAwLjExMzI0OVY1Ljg4Njc1TDMwIDNaTTAgMy41SDI1LjVWMi41SDBWMy41WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg=="); width: 30px; height: 6px; background-size: cover; background-repeat: no-repeat; background-position: 50% 0; } .btn-red { background-image: url('/local/templates/xmotors_new_design/css/../img/icons/btn-red-bg.svg'); background-size: contain; background-repeat: no-repeat; background-position: right; } .btn-red:hover { background-color: #222D3A; background-image: url('/local/templates/xmotors_new_design/css/../img/icons/btn-red-hover-bg.svg'); } .btn-outline { border: 1px solid var(--xm-color-read); background: transparent; color: var(--xm-color-read); } [data-theme=dark] .btn-outline { color: #FFFFFF; } .btn-outline path { stroke: var(--xm-color-read); } .btn-outline.slider__link path { stroke: transparent; fill: var(--xm-color-read); } .btn-outline:hover { background-color: var(--xm-color-read); color: #FFFFFF; } .btn-outline:hover path { stroke: #FFFFFF; } .btn-outline.slider__link:hover path { stroke: transparent; fill: #FFFFFF; } .btn-def { background-color: transparent; color: var(--xm-color-read); border: 1px solid #CED9E5; } [data-theme=dark] .btn-def { border: 1px solid var(--xm-color-read); } [data-theme=dark] .btn-def span { color: #FFFFFF; } .btn-def:hover { background-color: var(--xm-color-read); border-color: var(--xm-color-read); color: #fff; } .btn-def:hover path { stroke: #fff; } .fg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; position: relative; } .fg.disabled { pointer-events: none; } .fg-full { width: 100%; } .fg-2 { width: calc(50% - (20px / 2)); } .fg-3 { width: calc((100% / 3) - (40px / 3)); } .fg-5 { width: calc(((50% - 10px) / 3) - (40px / 3)); } .fg__title { color: var(--xm-color-dark); font-size: 14px; line-height: 157.143%; display: flex; align-items: center; max-width: calc(100% - 60px); white-space: nowrap; } .fg__title * { white-space: normal; } .fg.disabled .fg__title { opacity: 0.5; } .fg__title span { color: #E30016; margin-left: 4px; } .fg__error { color: #E30016; font-size: 13px; font-weight: 300; line-height: 123.077%; display: block; opacity: 0; } .fg-verify { border-bottom: 1px dashed rgba(0, 67, 146, 0.30); color: var(--xm-color-read); font-size: 14px; font-weight: 500; line-height: 21px; letter-spacing: -0.42px; align-self: flex-start; } .fg-verify:hover { opacity: 0.8; } .input { color: var(--xm-color-dark); background-color: var(--xm-bg-body); font-size: 14px; line-height: 157.143%; border: 1px solid var(--xm-bd-inp); border-radius: 4px; font-family: inherit; padding: 13px 14px; } .input::-webkit-input-placeholder { color: var(--xm-placeholder-inp); } .input::-moz-placeholder { color: var(--xm-placeholder-inp); } .input:-ms-input-placeholder { color: var(--xm-placeholder-inp); } .input::-ms-input-placeholder { color: var(--xm-placeholder-inp); } .input::placeholder { color: var(--xm-placeholder-inp); } .fg .input { display: block; width: 100%; } .fg:not(._error) .input:not(._error):focus { border-color: var(--xm-color-read); } .fg._error .input { border-color: #E30016; color: #E30016; } .fg.disabled .input, .fg.disabled .nice-select>.current { border-color: var(--xm-bd-input--disabled); background-color: var(--xm-bg-input--disabled); color: var(--xm-color-input--disabled); } .fg.disabled .input::placeholder { color: var(--xm-color-input--disabled); } .checkbox { min-width: 24px; width: 24px; height: 24px; border-radius: 4px; border: 1px solid var(--xm-bd-inp); background: #FFFFFF; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } [data-theme=dark] .checkbox { background-color: transparent; } input:checked+.checkbox { display: block; border-color: #003B82; background-color: #004392; background-image: url('/local/templates/xmotors_new_design/css/../img/icons/checked.svg'); background-size: cover; background-repeat: no-repeat; background-position: 50% 0; } ._icon { position: relative; } ._icon::after { display: block; content: ''; position: absolute; width: 15px; height: 15px; left: -21px; top: 3px; background-size: contain; background-repeat: no-repeat; background-position: 50%; } ._time::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE0NzhfMTY1MzkwKSI+CjxwYXRoIGQ9Ik0xLjI1IDcuNUMxLjI1IDguMzIwNzYgMS40MTE2NiA5LjEzMzQ5IDEuNzI1NzUgOS44OTE3N0MyLjAzOTg0IDEwLjY1MDEgMi41MDAyMiAxMS4zMzkxIDMuMDgwNTggMTEuOTE5NEMzLjY2MDk1IDEyLjQ5OTggNC4zNDk5NCAxMi45NjAyIDUuMTA4MjMgMTMuMjc0MkM1Ljg2NjUxIDEzLjU4ODMgNi42NzkyNCAxMy43NSA3LjUgMTMuNzVDOC4zMjA3NiAxMy43NSA5LjEzMzQ5IDEzLjU4ODMgOS44OTE3NyAxMy4yNzQyQzEwLjY1MDEgMTIuOTYwMiAxMS4zMzkxIDEyLjQ5OTggMTEuOTE5NCAxMS45MTk0QzEyLjQ5OTggMTEuMzM5MSAxMi45NjAyIDEwLjY1MDEgMTMuMjc0MiA5Ljg5MTc3QzEzLjU4ODMgOS4xMzM0OSAxMy43NSA4LjMyMDc2IDEzLjc1IDcuNUMxMy43NSA2LjY3OTI0IDEzLjU4ODMgNS44NjY1MSAxMy4yNzQyIDUuMTA4MjNDMTIuOTYwMiA0LjM0OTk0IDEyLjQ5OTggMy42NjA5NSAxMS45MTk0IDMuMDgwNThDMTEuMzM5MSAyLjUwMDIyIDEwLjY1MDEgMi4wMzk4NCA5Ljg5MTc3IDEuNzI1NzVDOS4xMzM0OSAxLjQxMTY2IDguMzIwNzYgMS4yNSA3LjUgMS4yNUM2LjY3OTI0IDEuMjUgNS44NjY1MSAxLjQxMTY2IDUuMTA4MjMgMS43MjU3NUM0LjM0OTk0IDIuMDM5ODQgMy42NjA5NSAyLjUwMDIyIDMuMDgwNTggMy4wODA1OEMyLjUwMDIyIDMuNjYwOTUgMi4wMzk4NCA0LjM0OTk0IDEuNzI1NzUgNS4xMDgyM0MxLjQxMTY2IDUuODY2NTEgMS4yNSA2LjY3OTI0IDEuMjUgNy41WiIgc3Ryb2tlPSIjMjIyRDNBIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik02Ljg3NSA4Ljc1SDEwLjYyNSIgc3Ryb2tlPSIjMjIyRDNBIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik02Ljg3NSA0LjM3NVY4Ljc1IiBzdHJva2U9IiMyMjJEM0EiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNDc4XzE2NTM5MCI+CjxyZWN0IHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); } [data-theme=dark] ._time:not(.marker-wrapper ._time)::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE4MDZfMTc0NzMwKSI+CjxwYXRoIGQ9Ik0xLjI1IDcuNUMxLjI1IDguMzIwNzYgMS40MTE2NiA5LjEzMzQ5IDEuNzI1NzUgOS44OTE3N0MyLjAzOTg0IDEwLjY1MDEgMi41MDAyMiAxMS4zMzkxIDMuMDgwNTggMTEuOTE5NEMzLjY2MDk1IDEyLjQ5OTggNC4zNDk5NCAxMi45NjAyIDUuMTA4MjMgMTMuMjc0MkM1Ljg2NjUxIDEzLjU4ODMgNi42NzkyNCAxMy43NSA3LjUgMTMuNzVDOC4zMjA3NiAxMy43NSA5LjEzMzQ5IDEzLjU4ODMgOS44OTE3NyAxMy4yNzQyQzEwLjY1MDEgMTIuOTYwMiAxMS4zMzkxIDEyLjQ5OTggMTEuOTE5NCAxMS45MTk0QzEyLjQ5OTggMTEuMzM5MSAxMi45NjAyIDEwLjY1MDEgMTMuMjc0MiA5Ljg5MTc3QzEzLjU4ODMgOS4xMzM0OSAxMy43NSA4LjMyMDc2IDEzLjc1IDcuNUMxMy43NSA2LjY3OTI0IDEzLjU4ODMgNS44NjY1MSAxMy4yNzQyIDUuMTA4MjNDMTIuOTYwMiA0LjM0OTk0IDEyLjQ5OTggMy42NjA5NSAxMS45MTk0IDMuMDgwNThDMTEuMzM5MSAyLjUwMDIyIDEwLjY1MDEgMi4wMzk4NCA5Ljg5MTc3IDEuNzI1NzVDOS4xMzM0OSAxLjQxMTY2IDguMzIwNzYgMS4yNSA3LjUgMS4yNUM2LjY3OTI0IDEuMjUgNS44NjY1MSAxLjQxMTY2IDUuMTA4MjMgMS43MjU3NUM0LjM0OTk0IDIuMDM5ODQgMy42NjA5NSAyLjUwMDIyIDMuMDgwNTggMy4wODA1OEMyLjUwMDIyIDMuNjYwOTUgMi4wMzk4NCA0LjM0OTk0IDEuNzI1NzUgNS4xMDgyM0MxLjQxMTY2IDUuODY2NTEgMS4yNSA2LjY3OTI0IDEuMjUgNy41WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi44NzUgOC43NUgxMC42MjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuODc1IDQuMzc1VjguNzUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xODA2XzE3NDczMCI+CjxyZWN0IHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); } ._phone::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjc0OTYgMTAuNzY1N1YxMi41NTM0QzEzLjc1MDMgMTIuNzE5MyAxMy43MTYyIDEyLjg4MzYgMTMuNjQ5NiAxMy4wMzU3QzEzLjU4MyAxMy4xODc3IDEzLjQ4NTMgMTMuMzI0MiAxMy4zNjI4IDEzLjQzNjRDMTMuMjQwMiAxMy41NDg2IDEzLjA5NTYgMTMuNjM0IDEyLjkzODEgMTMuNjg3MkMxMi43ODA1IDEzLjc0MDQgMTIuNjEzNiAxMy43NjAxIDEyLjQ0OCAxMy43NDUyQzEwLjYxMDcgMTMuNTQ1OSA4Ljg0NTg4IDEyLjkxOTMgNy4yOTUyOSAxMS45MTU4QzUuODUyNjYgMTEuMDAwOSA0LjYyOTU2IDkuNzgwMjIgMy43MTI4NiA4LjM0MDQ1QzIuNzAzNzkgNi43ODU5IDIuMDc1ODMgNS4wMTU5OCAxLjg3OTg1IDMuMTc0MUMxLjg2NDkzIDMuMDA5MzEgMS44ODQ1NSAyLjg0MzIzIDEuOTM3NDYgMi42ODY0M0MxLjk5MDM4IDIuNTI5NjMgMi4wNzU0MyAyLjM4NTU1IDIuMTg3MiAyLjI2MzM1QzIuMjk4OTcgMi4xNDExNSAyLjQzNTAxIDIuMDQzNTIgMi41ODY2NSAxLjk3NjY3QzIuNzM4MyAxLjkwOTgyIDIuOTAyMjQgMS44NzUyMSAzLjA2ODAyIDEuODc1MDZINC44NTkyM0M1LjE0OSAxLjg3MjIxIDUuNDI5OTEgMS45NzQ2MiA1LjY0OTYxIDIuMTYzMTlDNS44NjkzMiAyLjM1MTc2IDYuMDEyODIgMi42MTM2MyA2LjA1MzM4IDIuODk5OTlDNi4xMjg5OCAzLjQ3MjA4IDYuMjY5MTkgNC4wMzM4IDYuNDcxMzMgNC41NzQ0M0M2LjU1MTY2IDQuNzg3NzIgNi41NjkwNSA1LjAxOTUxIDYuNTIxNDMgNS4yNDIzNUM2LjQ3MzgxIDUuNDY1MiA2LjM2MzE4IDUuNjY5NzQgNi4yMDI2NSA1LjgzMTc2TDUuNDQ0MzYgNi41ODg1NEM2LjI5NDMzIDguMDgwMzcgNy41MzIgOS4zMTU1OSA5LjAyNjc5IDEwLjE2MzlMOS43ODUwOCA5LjQwNzA5QzkuOTQ3NDEgOS4yNDY4OCAxMC4xNTI0IDkuMTM2NDcgMTAuMzc1NyA5LjA4ODk0QzEwLjU5ODkgOS4wNDE0MiAxMC44MzEyIDkuMDU4NzcgMTEuMDQ0OSA5LjEzODk0QzExLjU4NjYgOS4zNDA2OCAxMi4xNDk0IDkuNDgwNjEgMTIuNzIyNyA5LjU1NjA2QzEzLjAxMjcgOS41OTY5IDEzLjI3NzYgOS43NDI3IDEzLjQ2NjkgOS45NjU3M0MxMy42NTYzIDEwLjE4ODggMTMuNzU2OSAxMC40NzM1IDEzLjc0OTYgMTAuNzY1N1oiIHN0cm9rZT0iIzIyMkQzQSIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); } [data-theme=dark] ._phone:not(.marker-wrapper ._phone)::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjc0OTYgMTAuNzY1N1YxMi41NTM0QzEzLjc1MDMgMTIuNzE5MyAxMy43MTYyIDEyLjg4MzYgMTMuNjQ5NiAxMy4wMzU3QzEzLjU4MyAxMy4xODc3IDEzLjQ4NTMgMTMuMzI0MiAxMy4zNjI4IDEzLjQzNjRDMTMuMjQwMiAxMy41NDg2IDEzLjA5NTYgMTMuNjM0IDEyLjkzODEgMTMuNjg3MkMxMi43ODA1IDEzLjc0MDQgMTIuNjEzNiAxMy43NjAxIDEyLjQ0OCAxMy43NDUyQzEwLjYxMDcgMTMuNTQ1OSA4Ljg0NTg4IDEyLjkxOTMgNy4yOTUyOSAxMS45MTU4QzUuODUyNjYgMTEuMDAwOSA0LjYyOTU2IDkuNzgwMjIgMy43MTI4NiA4LjM0MDQ1QzIuNzAzNzkgNi43ODU5IDIuMDc1ODMgNS4wMTU5OCAxLjg3OTg1IDMuMTc0MUMxLjg2NDkzIDMuMDA5MzEgMS44ODQ1NSAyLjg0MzIzIDEuOTM3NDYgMi42ODY0M0MxLjk5MDM4IDIuNTI5NjMgMi4wNzU0MyAyLjM4NTU1IDIuMTg3MiAyLjI2MzM1QzIuMjk4OTcgMi4xNDExNSAyLjQzNTAxIDIuMDQzNTIgMi41ODY2NSAxLjk3NjY3QzIuNzM4MyAxLjkwOTgyIDIuOTAyMjQgMS44NzUyMSAzLjA2ODAyIDEuODc1MDZINC44NTkyM0M1LjE0OSAxLjg3MjIxIDUuNDI5OTEgMS45NzQ2MiA1LjY0OTYxIDIuMTYzMTlDNS44NjkzMiAyLjM1MTc2IDYuMDEyODIgMi42MTM2MyA2LjA1MzM4IDIuODk5OTlDNi4xMjg5OCAzLjQ3MjA4IDYuMjY5MTkgNC4wMzM4IDYuNDcxMzMgNC41NzQ0M0M2LjU1MTY2IDQuNzg3NzIgNi41NjkwNSA1LjAxOTUxIDYuNTIxNDMgNS4yNDIzNUM2LjQ3MzgxIDUuNDY1MiA2LjM2MzE4IDUuNjY5NzQgNi4yMDI2NSA1LjgzMTc2TDUuNDQ0MzYgNi41ODg1NEM2LjI5NDMzIDguMDgwMzcgNy41MzIgOS4zMTU1OSA5LjAyNjc5IDEwLjE2MzlMOS43ODUwOCA5LjQwNzA5QzkuOTQ3NDEgOS4yNDY4OCAxMC4xNTI0IDkuMTM2NDcgMTAuMzc1NyA5LjA4ODk0QzEwLjU5ODkgOS4wNDE0MiAxMC44MzEyIDkuMDU4NzcgMTEuMDQ0OSA5LjEzODk0QzExLjU4NjYgOS4zNDA2OCAxMi4xNDk0IDkuNDgwNjEgMTIuNzIyNyA5LjU1NjA2QzEzLjAxMjcgOS41OTY5IDEzLjI3NzYgOS43NDI3IDEzLjQ2NjkgOS45NjU3M0MxMy42NTYzIDEwLjE4ODggMTMuNzU2OSAxMC40NzM1IDEzLjc0OTYgMTAuNzY1N1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); } ._address::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNjI1IDYuODc1QzUuNjI1IDcuMzcyMjggNS44MjI1NCA3Ljg0OTE5IDYuMTc0MTcgOC4yMDA4M0M2LjUyNTgxIDguNTUyNDYgNy4wMDI3MiA4Ljc1IDcuNSA4Ljc1QzcuOTk3MjggOC43NSA4LjQ3NDE5IDguNTUyNDYgOC44MjU4MyA4LjIwMDgzQzkuMTc3NDYgNy44NDkxOSA5LjM3NSA3LjM3MjI4IDkuMzc1IDYuODc1QzkuMzc1IDYuMzc3NzIgOS4xNzc0NiA1LjkwMDgxIDguODI1ODMgNS41NDkxN0M4LjQ3NDE5IDUuMTk3NTQgNy45OTcyOCA1IDcuNSA1QzcuMDAyNzIgNSA2LjUyNTgxIDUuMTk3NTQgNi4xNzQxNyA1LjU0OTE3QzUuODIyNTQgNS45MDA4MSA1LjYyNSA2LjM3NzcyIDUuNjI1IDYuODc1WiIgc3Ryb2tlPSIjMjIyRDNBIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS4wMzU2IDEwLjY0ODNMOC4zODM3NSAxMy4zNzQxQzguMTQ5MzcgMTMuNjE0OCA3LjgzMTYxIDEzLjc1IDcuNTAwMzEgMTMuNzVDNy4xNjkwMSAxMy43NSA2Ljg1MTI2IDEzLjYxNDggNi42MTY4OCAxMy4zNzQxTDMuOTY0MzggMTAuNjQ4M0MzLjI2NTE0IDkuOTI5NTggMi43ODg5NiA5LjAxMzg0IDIuNTk2MDYgOC4wMTY5MUMyLjQwMzE1IDcuMDE5OTcgMi41MDIxOCA1Ljk4NjYzIDIuODgwNjMgNS4wNDc1NUMzLjI1OTA3IDQuMTA4NDcgMy44OTk5NCAzLjMwNTgzIDQuNzIyMTggMi43NDExMkM1LjU0NDQyIDIuMTc2NDEgNi41MTExIDEuODc1IDcuNSAxLjg3NUM4LjQ4ODkgMS44NzUgOS40NTU1OCAyLjE3NjQxIDEwLjI3NzggMi43NDExMkMxMS4xMDAxIDMuMzA1ODMgMTEuNzQwOSA0LjEwODQ3IDEyLjExOTQgNS4wNDc1NUMxMi40OTc4IDUuOTg2NjMgMTIuNTk2OCA3LjAxOTk3IDEyLjQwMzkgOC4wMTY5MUMxMi4yMTEgOS4wMTM4NCAxMS43MzQ5IDkuOTI5NTggMTEuMDM1NiAxMC42NDgzWiIgc3Ryb2tlPSIjMjIyRDNBIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); } [data-theme=dark] ._address:not(.marker-wrapper ._address)::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNjI1IDYuODc1QzUuNjI1IDcuMzcyMjggNS44MjI1NCA3Ljg0OTE5IDYuMTc0MTcgOC4yMDA4M0M2LjUyNTgxIDguNTUyNDYgNy4wMDI3MiA4Ljc1IDcuNSA4Ljc1QzcuOTk3MjggOC43NSA4LjQ3NDE5IDguNTUyNDYgOC44MjU4MyA4LjIwMDgzQzkuMTc3NDYgNy44NDkxOSA5LjM3NSA3LjM3MjI4IDkuMzc1IDYuODc1QzkuMzc1IDYuMzc3NzIgOS4xNzc0NiA1LjkwMDgxIDguODI1ODMgNS41NDkxN0M4LjQ3NDE5IDUuMTk3NTQgNy45OTcyOCA1IDcuNSA1QzcuMDAyNzIgNSA2LjUyNTgxIDUuMTk3NTQgNi4xNzQxNyA1LjU0OTE3QzUuODIyNTQgNS45MDA4MSA1LjYyNSA2LjM3NzcyIDUuNjI1IDYuODc1WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTEuMDM1NiAxMC42NDgzTDguMzgzNzUgMTMuMzc0MUM4LjE0OTM3IDEzLjYxNDggNy44MzE2MSAxMy43NSA3LjUwMDMxIDEzLjc1QzcuMTY5MDEgMTMuNzUgNi44NTEyNiAxMy42MTQ4IDYuNjE2ODggMTMuMzc0MUwzLjk2NDM4IDEwLjY0ODNDMy4yNjUxNCA5LjkyOTU4IDIuNzg4OTYgOS4wMTM4NCAyLjU5NjA2IDguMDE2OTFDMi40MDMxNSA3LjAxOTk3IDIuNTAyMTggNS45ODY2MyAyLjg4MDYzIDUuMDQ3NTVDMy4yNTkwNyA0LjEwODQ3IDMuODk5OTQgMy4zMDU4MyA0LjcyMjE4IDIuNzQxMTJDNS41NDQ0MiAyLjE3NjQxIDYuNTExMSAxLjg3NSA3LjUgMS44NzVDOC40ODg5IDEuODc1IDkuNDU1NTggMi4xNzY0MSAxMC4yNzc4IDIuNzQxMTJDMTEuMTAwMSAzLjMwNTgzIDExLjc0MDkgNC4xMDg0NyAxMi4xMTk0IDUuMDQ3NTVDMTIuNDk3OCA1Ljk4NjYzIDEyLjU5NjggNy4wMTk5NyAxMi40MDM5IDguMDE2OTFDMTIuMjExIDkuMDEzODQgMTEuNzM0OSA5LjkyOTU4IDExLjAzNTYgMTAuNjQ4M1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); } .d-none { display: none !important; } [data-theme=dark] .d-dark-mode-none { display: none !important; } [data-theme=dark] .d-dark-mode-block { display: block !important; } .text24 { font-size: 24px; } .text23 { font-size: 23px; } .text22 { font-size: 22px; } .text21 { font-size: 21px; } .text20 { font-size: 20px; } .text19 { font-size: 19px; } .text18 { font-size: 18px; } .text17 { font-size: 17px; } .text16 { font-size: 16px; } .text15 { font-size: 15px; } .text14 { font-size: 14px; } .text13 { font-size: 13px; } .text12 { font-size: 12px; } .text11 { font-size: 11px; } .text10 { font-size: 10px; } .fw-900 { font-weight: 900; } .fw-800 { font-weight: 800; } .fw-700 { font-weight: 700; } .fw-600 { font-weight: 600; } .fw-500 { font-weight: 500; } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .z-index-3 { z-index: 3; } .z-index-4 { z-index: 4; } .pb-0 { padding-bottom: 0!important; } .pt-0 { padding-top: 0!important; } .block-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .block-top.column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .block-top_switch { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 4px; background-color: var(--xm-light-grey4); padding-left: 4px; padding-right: 4px; height: 47px; border-radius: 900px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; } .block-top_switch__item { white-space: nowrap; padding-left: 15px; padding-right: 15px; height: 39px; gap: 4px; border-radius: 900px; cursor: pointer; color: var(--xm-color-dark); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .switch-top__select { color: var(--xm-color-grey); } .block-top_switch__item.active { color: var(--xm-color-blue); font-weight: 700; background-color: var(--xm-btn-switch); } .switch-top__select.active { font-weight: 500; } .block-top_switch__item:hover { color: var(--xm-color-blue); } .block-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: var(--xm-bg-body); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; z-index: 1; border-radius: 4px; } .block-search .input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; padding: 12.5px 18px; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; background-color: var(--xm-bg-input); border-width: 2px; transition: .3s; background-position: right 10px center; background-repeat: no-repeat; background-size: auto 50%; } .block-search .input.loading-input{ background-image: url(/local/templates/xmotors_new_design/css/../img/loading.svg); background-position: right 10px center; background-repeat: no-repeat; background-size: auto 50%; } .block-search__btn { width: 121px; color: var(--xm-color-blue); background-color: var(--xm-bg-srch); border-radius: 0; height: auto; border-radius: 0 4px 4px 0; } .block-search__btn:hover { background: #004392; color: #fff; } .sort { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .sort__title { color: var(--xm-color-grey); font-size: 15px; line-height: 140%; } .sort-block { position: relative; z-index: 2; } .sort-block.active { z-index: 3; } .sort-block span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px; color: var(--xm-color-dark); font-size: 15px; font-weight: 500; line-height: 0; cursor: pointer; position: relative; z-index: 2; } .sort-block span::before { content: ''; width: 20px; height: 20px; background-image: url('/local/templates/xmotors_new_design/css/../img/icons/icon-sort.svg'); background-size: contain; background-repeat: no-repeat; background-position: 50% 0; } [data-theme=dark] .sort-block span::before { background-image: url('/local/templates/xmotors_new_design/css/../img/icons/icon-sort-dark.svg'); } .product-reviews_rating span::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDIuNUwxMi4zMTc1IDcuMTYyNjRMMTcuNSA3LjkxNDkxTDEzLjc1IDExLjU0MjJMMTQuNjM1IDE2LjY2NjdMMTAgMTQuMjQ2TDUuMzY1IDE2LjY2NjdMNi4yNSAxMS41NDIyTDIuNSA3LjkxNDkxTDcuNjgyNSA3LjE2MjY0TDEwIDIuNVoiIHN0cm9rZT0iIzIyMkQzQSIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); } [data-theme=dark] .product-reviews_rating span::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDIuNUwxMi4zMTc1IDcuMTYyNjRMMTcuNSA3LjkxNDkxTDEzLjc1IDExLjU0MjJMMTQuNjM1IDE2LjY2NjdMMTAgMTQuMjQ2TDUuMzY1IDE2LjY2NjdMNi4yNSAxMS41NDIyTDIuNSA3LjkxNDkxTDcuNjgyNSA3LjE2MjY0TDEwIDIuNVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); } .product-reviews_branch span::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjY2OTkgNS44MzI2OEw1LjM0MTk5IDIuMTU3NjhDNS40OTcwNCAyLjAwMTcxIDUuNjgxNDMgMS44Nzc5NiA1Ljg4NDUyIDEuNzkzNThDNi4wODc2MSAxLjcwOTIgNi4zMDU0IDEuNjY1ODQgNi41MjUzMyAxLjY2NjAySDEzLjQ3NTNDMTMuNjk1MyAxLjY2NTg0IDEzLjkxMyAxLjcwOTIgMTQuMTE2MSAxLjc5MzU4QzE0LjMxOTIgMS44Nzc5NiAxNC41MDM2IDIuMDAxNzEgMTQuNjU4NyAyLjE1NzY4TDE4LjMzMzcgNS44MzI2OCIgc3Ryb2tlPSIjMjIyRDNBIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zLjMzMzAxIDEwVjE2LjY2NjdDMy4zMzMwMSAxNy4xMDg3IDMuNTA4NiAxNy41MzI2IDMuODIxMTYgMTcuODQ1MkM0LjEzMzcyIDE4LjE1NzcgNC41NTc2NSAxOC4zMzMzIDQuOTk5NjcgMTguMzMzM0gxNC45OTk3QzE1LjQ0MTcgMTguMzMzMyAxNS44NjU2IDE4LjE1NzcgMTYuMTc4MiAxNy44NDUyQzE2LjQ5MDcgMTcuNTMyNiAxNi42NjYzIDE3LjEwODcgMTYuNjY2MyAxNi42NjY3VjEwIiBzdHJva2U9IiMyMjJEM0EiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjUgMTguMzM0VjE1LjAwMDdDMTIuNSAxNC41NTg2IDEyLjMyNDQgMTQuMTM0NyAxMi4wMTE4IDEzLjgyMjFDMTEuNjk5MyAxMy41MDk2IDExLjI3NTQgMTMuMzM0IDEwLjgzMzMgMTMuMzM0SDkuMTY2NjdDOC43MjQ2NCAxMy4zMzQgOC4zMDA3MiAxMy41MDk2IDcuOTg4MTYgMTMuODIyMUM3LjY3NTYgMTQuMTM0NyA3LjUgMTQuNTU4NiA3LjUgMTUuMDAwN1YxOC4zMzQiIHN0cm9rZT0iIzIyMkQzQSIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMS42NjY5OSA1LjgzMzk4SDE4LjMzMzciIHN0cm9rZT0iIzIyMkQzQSIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTguMzMzNyA1LjgzMzk4VjguMzMzOThDMTguMzMzNyA4Ljc3NjAxIDE4LjE1ODEgOS4xOTk5MyAxNy44NDU1IDkuNTEyNUMxNy41MzI5IDkuODI1MDYgMTcuMTA5IDEwLjAwMDcgMTYuNjY3IDEwLjAwMDdDMTYuMTgwMSA5Ljk3Mzg1IDE1LjcxNTEgOS43ODk2MSAxNS4zNDIgOS40NzU2NUMxNS4yNDI2IDkuNDAzOCAxNS4xMjMgOS4zNjUxMiAxNS4wMDAzIDkuMzY1MTJDMTQuODc3NiA5LjM2NTEyIDE0Ljc1ODEgOS40MDM4IDE0LjY1ODcgOS40NzU2NUMxNC4yODU2IDkuNzg5NjEgMTMuODIwNSA5Ljk3Mzg1IDEzLjMzMzcgMTAuMDAwN0MxMi44NDY4IDkuOTczODUgMTIuMzgxOCA5Ljc4OTYxIDEyLjAwODcgOS40NzU2NUMxMS45MDkyIDkuNDAzOCAxMS43ODk3IDkuMzY1MTIgMTEuNjY3IDkuMzY1MTJDMTEuNTQ0MyA5LjM2NTEyIDExLjQyNDggOS40MDM4IDExLjMyNTMgOS40NzU2NUMxMC45NTIyIDkuNzg5NjEgMTAuNDg3MiA5Ljk3Mzg1IDEwLjAwMDMgMTAuMDAwN0M5LjUxMzQ0IDkuOTczODUgOS4wNDg0MyA5Ljc4OTYxIDguNjc1MzMgOS40NzU2NUM4LjU3NTg5IDkuNDAzOCA4LjQ1NjM0IDkuMzY1MTIgOC4zMzM2NiA5LjM2NTEyQzguMjEwOTggOS4zNjUxMiA4LjA5MTQzIDkuNDAzOCA3Ljk5MTk5IDkuNDc1NjVDNy42MTg4OCA5Ljc4OTYxIDcuMTUzODggOS45NzM4NSA2LjY2Njk5IDEwLjAwMDdDNi4xODAxIDkuOTczODUgNS43MTUxIDkuNzg5NjEgNS4zNDE5OSA5LjQ3NTY1QzUuMjQyNTYgOS40MDM4IDUuMTIzIDkuMzY1MTIgNS4wMDAzMyA5LjM2NTEyQzQuODc3NjUgOS4zNjUxMiA0Ljc1ODA5IDkuNDAzOCA0LjY1ODY2IDkuNDc1NjVDNC4yODU1NSA5Ljc4OTYxIDMuODIwNTUgOS45NzM4NSAzLjMzMzY2IDEwLjAwMDdDMi44OTE2MyAxMC4wMDA3IDIuNDY3NzEgOS44MjUwNiAyLjE1NTE1IDkuNTEyNUMxLjg0MjU5IDkuMTk5OTMgMS42NjY5OSA4Ljc3NjAxIDEuNjY2OTkgOC4zMzM5OFY1LjgzMzk4IiBzdHJva2U9IiMyMjJEM0EiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); } [data-theme=dark] .product-reviews_branch span::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjY2OTkgNS44MzI2OEw1LjM0MTk5IDIuMTU3NjhDNS40OTcwNCAyLjAwMTcxIDUuNjgxNDMgMS44Nzc5NiA1Ljg4NDUyIDEuNzkzNThDNi4wODc2MSAxLjcwOTIgNi4zMDU0IDEuNjY1ODQgNi41MjUzMyAxLjY2NjAySDEzLjQ3NTNDMTMuNjk1MyAxLjY2NTg0IDEzLjkxMyAxLjcwOTIgMTQuMTE2MSAxLjc5MzU4QzE0LjMxOTIgMS44Nzc5NiAxNC41MDM2IDIuMDAxNzEgMTQuNjU4NyAyLjE1NzY4TDE4LjMzMzcgNS44MzI2OCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zLjMzMzAxIDEwVjE2LjY2NjdDMy4zMzMwMSAxNy4xMDg3IDMuNTA4NiAxNy41MzI2IDMuODIxMTYgMTcuODQ1MkM0LjEzMzcyIDE4LjE1NzcgNC41NTc2NSAxOC4zMzMzIDQuOTk5NjcgMTguMzMzM0gxNC45OTk3QzE1LjQ0MTcgMTguMzMzMyAxNS44NjU2IDE4LjE1NzcgMTYuMTc4MiAxNy44NDUyQzE2LjQ5MDcgMTcuNTMyNiAxNi42NjYzIDE3LjEwODcgMTYuNjY2MyAxNi42NjY3VjEwIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjUgMTguMzM0VjE1LjAwMDdDMTIuNSAxNC41NTg2IDEyLjMyNDQgMTQuMTM0NyAxMi4wMTE4IDEzLjgyMjFDMTEuNjk5MyAxMy41MDk2IDExLjI3NTQgMTMuMzM0IDEwLjgzMzMgMTMuMzM0SDkuMTY2NjdDOC43MjQ2NCAxMy4zMzQgOC4zMDA3MiAxMy41MDk2IDcuOTg4MTYgMTMuODIyMUM3LjY3NTYgMTQuMTM0NyA3LjUgMTQuNTU4NiA3LjUgMTUuMDAwN1YxOC4zMzQiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMS42NjY5OSA1LjgzMzk4SDE4LjMzMzciIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTguMzMzNyA1LjgzMzk4VjguMzMzOThDMTguMzMzNyA4Ljc3NjAxIDE4LjE1ODEgOS4xOTk5MyAxNy44NDU1IDkuNTEyNUMxNy41MzI5IDkuODI1MDYgMTcuMTA5IDEwLjAwMDcgMTYuNjY3IDEwLjAwMDdDMTYuMTgwMSA5Ljk3Mzg1IDE1LjcxNTEgOS43ODk2MSAxNS4zNDIgOS40NzU2NUMxNS4yNDI2IDkuNDAzOCAxNS4xMjMgOS4zNjUxMiAxNS4wMDAzIDkuMzY1MTJDMTQuODc3NiA5LjM2NTEyIDE0Ljc1ODEgOS40MDM4IDE0LjY1ODcgOS40NzU2NUMxNC4yODU2IDkuNzg5NjEgMTMuODIwNSA5Ljk3Mzg1IDEzLjMzMzcgMTAuMDAwN0MxMi44NDY4IDkuOTczODUgMTIuMzgxOCA5Ljc4OTYxIDEyLjAwODcgOS40NzU2NUMxMS45MDkyIDkuNDAzOCAxMS43ODk3IDkuMzY1MTIgMTEuNjY3IDkuMzY1MTJDMTEuNTQ0MyA5LjM2NTEyIDExLjQyNDggOS40MDM4IDExLjMyNTMgOS40NzU2NUMxMC45NTIyIDkuNzg5NjEgMTAuNDg3MiA5Ljk3Mzg1IDEwLjAwMDMgMTAuMDAwN0M5LjUxMzQ0IDkuOTczODUgOS4wNDg0MyA5Ljc4OTYxIDguNjc1MzMgOS40NzU2NUM4LjU3NTg5IDkuNDAzOCA4LjQ1NjM0IDkuMzY1MTIgOC4zMzM2NiA5LjM2NTEyQzguMjEwOTggOS4zNjUxMiA4LjA5MTQzIDkuNDAzOCA3Ljk5MTk5IDkuNDc1NjVDNy42MTg4OCA5Ljc4OTYxIDcuMTUzODggOS45NzM4NSA2LjY2Njk5IDEwLjAwMDdDNi4xODAxIDkuOTczODUgNS43MTUxIDkuNzg5NjEgNS4zNDE5OSA5LjQ3NTY1QzUuMjQyNTYgOS40MDM4IDUuMTIzIDkuMzY1MTIgNS4wMDAzMyA5LjM2NTEyQzQuODc3NjUgOS4zNjUxMiA0Ljc1ODA5IDkuNDAzOCA0LjY1ODY2IDkuNDc1NjVDNC4yODU1NSA5Ljc4OTYxIDMuODIwNTUgOS45NzM4NSAzLjMzMzY2IDEwLjAwMDdDMi44OTE2MyAxMC4wMDA3IDIuNDY3NzEgOS44MjUwNiAyLjE1NTE1IDkuNTEyNUMxLjg0MjU5IDkuMTk5OTMgMS42NjY5OSA4Ljc3NjAxIDEuNjY2OTkgOC4zMzM5OFY1LjgzMzk4IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==); } .sort-block span::after { content: ''; width: 15px; height: 15px; background-image: url('/local/templates/xmotors_new_design/css/../img/icons/icon-chevron-down.svg'); background-size: contain; background-repeat: no-repeat; background-position: 50% 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; margin-bottom: 1px; } [data-theme=dark] .sort-block span::after { background-image: url('/local/templates/xmotors_new_design/css/../img/icons/icon-chevron-down-dark.svg'); } .sort-block.active span::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-top: 2px; margin-bottom: 0; } .sort-block_list { position: absolute; left: -5px; top: -5px; border-radius: 5px; overflow: hidden; min-width: calc(100% + 10px); background-color: var(--xm-bg-header); color: var(--xm-color-dark); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; padding-top: 31px; visibility: hidden; opacity: 0; -webkit-box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.07); } .sort-block_list li { padding: 5px 16px; padding-left: 26px; cursor: pointer; list-style-type: none; font-size: 15px; line-height: 140%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; white-space: nowrap; } .sort-block_list li.active, .sort-block_list li:hover { background-color: var(--xm-color-read); color: #fff; } .sort-block_list li.active::before { content: ''; position: absolute; width: 16px; height: 16px; left: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDMuODMzOThMNS43NSAxMi41MDA3TDIgOC41NjEyNiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8L3N2Zz4K); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } .sort-block.active .sort-block_list { visibility: visible; opacity: 1; } .badges { position: absolute; left: 10px; bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 4px; z-index: 4; } .badges span { display: block; text-transform: uppercase; color: #FFFFFF; line-height: 118%; border-radius: 5px; padding: 4px 8px; font-size: 11px; } #datepicker:focus { border-color: var(--xm-color-read); } #datepicker { position: relative; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiByeD0iMTUiIGZpbGw9IiNFREYxRjUiLz4KPHBhdGggZD0iTTExLjY3MTkgNi42NjYwMlY5Ljk5OTM1IiBzdHJva2U9IiMyMjJEM0EiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE4LjMyODEgNi42NjYwMlY5Ljk5OTM1IiBzdHJva2U9IiMyMjJEM0EiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIyLjUgMTkuMTY3M1YxMC4wMDA3QzIyLjUgOS41NTg2MiAyMi4zMjQ0IDkuMTM0NyAyMi4wMTE4IDguODIyMTRDMjEuNjk5MyA4LjUwOTU4IDIxLjI3NTQgOC4zMzM5OCAyMC44MzMzIDguMzMzOThIOS4xNjY2N0M4LjcyNDY0IDguMzMzOTggOC4zMDA3MiA4LjUwOTU4IDcuOTg4MTYgOC44MjIxNEM3LjY3NTU5IDkuMTM0NyA3LjUgOS41NTg2MiA3LjUgMTAuMDAwN1YyMS42NjczQzcuNSAyMi4xMDkzIDcuNjc1NTkgMjIuNTMzMyA3Ljk4ODE2IDIyLjg0NThDOC4zMDA3MiAyMy4xNTg0IDguNzI0NjQgMjMuMzM0IDkuMTY2NjcgMjMuMzM0SDE4LjMzMzNMMjIuNSAxOS4xNjczWiIgc3Ryb2tlPSIjMjIyRDNBIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik03LjUgMTMuMzM0SDIyLjUiIHN0cm9rZT0iIzIyMkQzQSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTcuNSAyMy4zMzRWMjAuMDAwN0MxNy41IDE5LjU1ODYgMTcuNjc1NiAxOS4xMzQ3IDE3Ljk4ODIgMTguODIyMUMxOC4zMDA3IDE4LjUwOTYgMTguNzI0NiAxOC4zMzQgMTkuMTY2NyAxOC4zMzRIMjIuNSIgc3Ryb2tlPSIjMjIyRDNBIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); background-size: 30px; background-repeat: no-repeat; background-position: calc(100% - 14px) 50%; } [data-theme=dark] #datepicker { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiByeD0iMTUiIGZpbGw9IiNFREYxRjUiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxwYXRoIGQ9Ik0xMS42NjggNi42NjYwMlY5Ljk5OTM1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOC4zMzIgNi42NjYwMlY5Ljk5OTM1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMi41IDE5LjE2NzNWMTAuMDAwN0MyMi41IDkuNTU4NjIgMjIuMzI0NCA5LjEzNDcgMjIuMDExOCA4LjgyMjE0QzIxLjY5OTMgOC41MDk1OCAyMS4yNzU0IDguMzMzOTggMjAuODMzMyA4LjMzMzk4SDkuMTY2NjdDOC43MjQ2NCA4LjMzMzk4IDguMzAwNzIgOC41MDk1OCA3Ljk4ODE2IDguODIyMTRDNy42NzU1OSA5LjEzNDcgNy41IDkuNTU4NjIgNy41IDEwLjAwMDdWMjEuNjY3M0M3LjUgMjIuMTA5MyA3LjY3NTU5IDIyLjUzMzMgNy45ODgxNiAyMi44NDU4QzguMzAwNzIgMjMuMTU4NCA4LjcyNDY0IDIzLjMzNCA5LjE2NjY3IDIzLjMzNEgxOC4zMzMzTDIyLjUgMTkuMTY3M1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuNSAxMy4zMzRIMjIuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTcuNSAyMy4zMzRWMjAuMDAwN0MxNy41IDE5LjU1ODYgMTcuNjc1NiAxOS4xMzQ3IDE3Ljk4ODIgMTguODIyMUMxOC4zMDA3IDE4LjUwOTYgMTguNzI0NiAxOC4zMzQgMTkuMTY2NyAxOC4zMzRIMjIuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); } .ui-widget { font-family: 'Inter', sans-serif; } .ui-datepicker { top: 100%!important; left: 0!important; border-color: transparent; -webkit-box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.07); box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.07); background-color: var(--xm-bg-megamenu); position: absolute!important; z-index: 3!important; } .ui-widget-header { border: none; background-color: var(--xm-color-read); color: #fff; font-size: 14px; line-height: 150%; } .ui-datepicker table { margin-top: 5px; } .ui-datepicker table thead { background-color: var(--xm-bg-menu--item); color: var(--xm-color-dark); } .ui-datepicker .ui-datepicker-header { padding-top: 10px; padding-bottom: 10px; } .ui-datepicker .ui-datepicker-title { font-size: 14px; line-height: 157.14%; } .ui-datepicker table thead th:first-child { border-radius: 5px 0 0 5px; } .ui-datepicker table thead th:last-child { border-radius: 0 5px 5px 0; } .ui-datepicker td { margin-top: 10px; padding: 10px 0 0; } .ui-state-default, .ui-widget-content .ui-state-default { background-color: transparent; color: var(--xm-color-dark); border: none; text-align: center; padding: 0; border-radius: 50%; height: 35px; display: flex; align-items: center; justify-content: center; transition: right .3s; } .ui-state-active, .ui-widget-content .ui-state-active { background-color: var(--xm-color-read); color: #fff; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 7px; transition: right .3s; cursor: pointer; --ui-icon-size: 16px; } .ui-widget-header .ui-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzUwNV82OTI1KSI+CjxwYXRoIGQ9Ik00IDhMMTMgOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOSAxMkwxMyA4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05IDRMMTMgOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzUwNV82OTI1Ij4KPHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41IDAuNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K); background-position: 50%; } .ui-widget-header .ui-icon.ui-icon-circle-triangle-w { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhMMyA4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik03IDRMMyA4IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik03IDEyTDMgOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); } .ui-widget-header .ui-state-hover { background-color: transparent; border: none; outline: none } .ui-datepicker table tbody .ui-state-hover { background-color: var(--xm-light-grey); } @-webkit-keyframes slide-in-left { 0% { background-position: left 50%; } 100% { background-position: right 50%; } } @keyframes slide-in-left { 0% { background-position: left 50%; } 100% { background-position: right 50%; } } .progressbar { width: 100%; height: 8px; background-color: var(--xm-light-grey16); border-radius: 900px; position: relative; } .progressbar-line { height: 100%; width: 42px; background-color: var(--xm-color-read); border-radius: 900px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDM2IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHg9IjcuNzc3MzQiIHk9IjIxLjY3NzciIHdpZHRoPSIxMSIgaGVpZ2h0PSIzOSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEzNSA3Ljc3NzM0IDIxLjY3NzcpIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTIyNl83NzU5NSkiIGZpbGwtb3BhY2l0eT0iMC4xNSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzEyMjZfNzc1OTUiIHgxPSIxMy4yNzczIiB5MT0iMjEuNjc3NyIgeDI9IjEzLjI3NzMiIHkyPSI2MC42Nzc3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IndoaXRlIiBzdG9wLW9wYWNpdHk9IjAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=); -webkit-animation: slide-in-left 10s linear infinite; animation: slide-in-left 10s linear infinite; background-position: left 50%; } .progressbar-steps { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; display: flex; align-items: center; justify-content: space-between; } .progressbar-steps span { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff; color: #727C87; font-size: 13px; font-weight: 500; -webkit-box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.19); } .progressbar-steps span.active { color: var(--xm-color-read); } .progressbar-bottom { margin-top: 20px; display: flex; align-items: center; justify-content: space-between; } .progressbar-bottom span { color: var(--xm-color-dark); font-weight: 500; opacity: 0.3; line-height: 131.25%; } .progressbar-bottom span.active { opacity: 1; } .product-cart_sale { position: absolute; top: 10px; left: 10px; display: inline-flex; align-items: center; gap: 5px; height: 21px; padding-left: 6px; padding-right: 6px; border-radius: 5px; background: linear-gradient(90deg, #DE162E 0%, #95269E 100%); z-index: 2; } .product-cart_sale svg { width: 12px; height: auto; } .product-cart_sale span { color: #FFFFFF; font-size: 11px; font-weight: 700; text-transform: uppercase; } .product-cart_btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; } .product-cart__btn { background: transparent; padding: 0; width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #fff; border: 1px solid #E9EBF1; border-radius: 5px; } .product-cart__btn._added { background-color: var(--xm-bg-subscribe); border-color: transparent; } .product-cart__btn svg { width: 20px; height: auto; } .product-cart__btn.product-cart__favorites svg { width: 16px; height: auto; margin-top: 3px; } .product-cart__favorites._added path { stroke: #E30016!important; fill: #E30016!important; } .product-cart__compare._added path { stroke: var(--xm-color-read) !important; } .product-cart__btn:not(._added):hover { opacity: 0.6; } .product-cart { border-radius: 4px; background: #FFF; display: flex; flex-direction: column; height: 100%; border: 1px solid var(--xm-bd-grey4); box-shadow: 0 0 20px rgba(0, 0, 0, 0.03); } [data-theme=dark] .product-cart { background: #1C1F23; } .product-cart_top { padding: 10px; } .product-cart_pic { position: relative; display: block; width: 100%; height: 15vw; border-radius: 4px; overflow: hidden; } .product-cart_tags2 { display: flex; align-items: center; gap: 4px; position: absolute; bottom: 10px; left: 10px; z-index: 2; } .product-cart_tag { padding: 0 8px; height: 21px; border-radius: 5px; display: flex; align-items: center; justify-content: center; } .product-cart_tag span { color: #FFF; font-size: 11px; font-weight: 700; text-transform: uppercase; display: block; line-height: 100%; } .product-cart_pic--slider { width: 100%; height: 100%; position: relative; } .product-cart_pic_wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: stretch; z-index: 2; } .product-cart_pic_wrapper span { height: 100%; flex-grow: 1; } .product-cart_pic .owl-stage-outer, .product-cart_pic .owl-stage, .owl-item { height: 100%; } .product-cart_pic .video-js, .product-cart_pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .product-cart_pic img:nth-child(2) { z-index: 1; } .catalog-item:hover .product-cart_pic .product-cart_btns { position: absolute; top: 5px; right: 5px; z-index: 2; } .product-cart_bottom { padding: 10px 20px 20px; flex-grow: 1; display: flex; flex-direction: column; } .product-cart__title { color: var(--xm-color-dark); font-size: 17px; font-weight: 700; line-height: 152.941%; text-transform: uppercase; display: flex; align-items: flex-start; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0; height: 52px; } .product-cart__title:hover { color: var(--xm-color-read); } .product-cart_rating { display: flex; align-items: center; gap: 7px; margin-bottom: 6px; } .product-cart_stars { display: flex; align-items: center; gap: 2px; } .product-cart_stars svg { width: 15px; height: auto; } .product-cart_stars svg path { fill: #DDE0E7 } [data-theme=dark] .product-cart_stars svg:not(.active) path { fill: rgba(221, 224, 231, 0.12); } .product-cart_stars svg.active path { fill: #FEC200; } .product-cart_rating--count { color: #ADB2B8; font-size: 13px; font-weight: 500; text-transform: uppercase; line-height: 1.22; } .product-cart_comments { display: flex; align-items: center; gap: 3px; } .product-cart_comments svg { width: 14px; height: auto; } .product-cart_comments svg path { fill: #C5D0DE; } .product-cart_comments span { color: #54545799; font-size: 12px; font-weight: 500; text-transform: uppercase; line-height: 1.22; } [data-theme=dark] .product-cart_comments svg path { fill: #A6A6B2; } [data-theme=dark] .product-cart_comments span { color: #A6A6B2; } .product-cart_prices { display: flex; align-items: center; gap: 10px; margin-top: 5px; margin-bottom: 0; } .product-cart_prices--l { display: flex; align-items: center; gap: 6px; position: relative; } .product-cart_prices--l>span { display: flex; width: 16px; cursor: pointer; } .product-cart_prices--l>span>svg { width: 100%; height: auto; } .product-cart_prices--l>span>svg rect { fill: var(--xm-light-grey24); } .product-cart_prices--l>span>svg path { fill: var(--xm-color-blue); } .product-cart_prices--r { display: flex; align-items: center; gap: 8px; } .product-cart_row { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 7px; } .product-cart_garant { display: flex; align-items: center; gap: 4px; cursor: pointer; position: relative; } .product-cart_garant img { width: 17px; max-width: 17px; min-width: 17px; height: auto; } .product-cart_garant span { color: var(--xm-color-blue2); font-size: 13px; } .product-cart_garant-info { display: flex; align-items: center; gap: 6px; padding: 3px 3px; border-radius: 4px; border: 1px solid #F7F8FB; background-color: #F7F8FB; cursor: pointer; position: relative; } [data-theme=dark] .product-cart_garant-info { border-color: rgba(255, 255, 255, 0.06); background-color: rgba(247, 248, 251, 0.02); } .product-cart_garant-info svg { width: 14px; height: auto; } .product-cart_garant-info svg path { stroke: var(--xm-dirty-blue); } .product-cart_garant-info>span { color: var(--xm-dirty-blue); font-size: 13px; font-weight: 400; line-height: 115.385%; } .product-cart_garant-info>span>span { font-weight: 500; } .product-cart_credits { display: flex; align-items: stretch; border: 1px solid var(--xm-bd-menu--mobile); background-color: var(--xm-bg-scu-props); border-radius: 3px; margin-top: 12px; } .product-cart_credit { display: flex; align-items: center; justify-content: center; gap: 4px; width: 50%; padding-top: 9px; padding-bottom: 9px; cursor: pointer; } .product-cart_credit:first-child { width: calc(50% - 1px); border-right: 1px solid var(--xm-bd-menu--mobile); } .product-cart_credit>img { width: 15px; min-width: 15px; max-width: 15px; height: auto; } .product-cart_credit__price { color: var(--xm-color-read); font-size: 13px; font-weight: 500; line-height: 84.615%; } .product-cart_credit_info { display: flex; align-items: center; width: 17px; cursor: pointer; position: relative; cursor: pointer; } .product-cart_credit_info>svg { width: 100%; height: auto; } .product-cart_credit_info>svg path { stroke: var(--xm-dirty-blue); } .product-cart__btn2.btn-outline>svg { width: 19px; height: auto; } .product-cart_btns2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 12px; margin-bottom: 12px; } .product-cart__btn2 { height: 46px; width: 100%; } .product-cart_tags { display: flex; align-items: stretch; flex-wrap: wrap; gap: 8px; } .product-cart_tags>span { display: flex; align-items: center; gap: 6px; padding: 3px 6px; border-radius: 4px; border: 1px solid var(--xm-bd-grey4); background: var(--xm-bg-scu-props); transition: .3s; cursor: pointer; position: relative; } .product-cart_tags>span:hover { border-color: var(--xm-color-read); } .product-cart_tags>span svg { width: 17px; height: auto; } .product-cart_tags>span svg path { fill: var(--xm-dark-grey15); transition: .3s; } .product-cart_tags>span:hover svg path { fill: var(--xm-color-read); } .product-cart_tags>span span { color: var(--xm-color-span); font-size: 12px; font-weight: 400; line-height: 20px; transition: .3s; } .product-cart_tags>span:hover span { color: var(--xm-color-read); } .product-cart_tags>span:hover .tooltip { opacity: 1; visibility: visible; } .product-cart_tags>span .tooltip { width: 225px; left: 62%; } .product-cart_tags>span .tooltip svg path { fill: #FFFFFF; } .tooltip-row { display: flex; align-items: flex-start; gap: 7px; color: #FFFFFF; } .tooltip-block>p { font-size: 14px; font-weight: 700; line-height: 21px; letter-spacing: -0.42px; } .tooltip-block>span { color: #FFFFFF!important; display: block; font-size: 14px!important; line-height: 21px!important; letter-spacing: -0.14px; } .product-cart_pic--dots { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 3px; } .product-cart_pic--dots .owl-dot { display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #C5D0DE!important; padding: 0; } .product-cart_pic--dots .owl-dot.active { background-color: #2399DC!important; width: 10px; border-radius: 40%; transition: .2s; } .product-cart_outofstock { margin-top: 31px; margin-bottom: 12px; } .product-cart_outofstock--row { display: flex; align-items: center; gap: 3px; padding-top: 16px; padding-bottom: 16px; } .product-cart_outofstock--row svg { width: 20px; min-width: 20px; height: auto; } .product-cart_outofstock--row span { color: var(--xm-color-dark); font-size: 14px; font-weight: 500; } .product-cart_outofstock__btn { height: 46px; margin-top: 12px; } .brands-block.dark { background-color: var(--xm-bg-header); } .slider-videos { margin-top: 35px; } .career-inf { background-color: var(--xm-bg-section--gray3); overflow: hidden; } .career-inf>.container { position: relative; padding-top: 32px; z-index: 1; } .career-inf__bg { position: absolute; } .career-inf__bg1 { width: 706px; height: auto; left: 129px; bottom: -69px; z-index: -1; opacity: 0.1; } .career-inf__bg2 { width: 785px; height: auto; right: -106px; bottom: 0; z-index: -2; opacity: 0.09; } .career-inf_row { display: flex; align-items: flex-start; gap: 44px; } .career-inf_l { max-width: 653px; margin-top: 60px; } .home-career .career-inf_l { max-width: 501px; } .career-inf__title span { color: var(--xm-color-read); } .career-inf__subtitle { color: var(--xm-color-submenu--item); line-height: 156.25%; margin-top: 20px; } .career-inf_r { height: 381px; width: 688px; position: relative; z-index: 1; } .career-inf_r-block { height: 100%; width: 100%; position: relative; display: flex; align-items: flex-end; } .career-inf__line { position: absolute; left: 0; bottom: 0; width: 546px; height: auto; z-index: -1; } .career-inf_r-box { position: relative; display: flex; align-items: center; gap: 9px; } .career-inf_r-box:first-child { left: 30px; bottom: 31px; } .career-inf_r-box:nth-child(2) { left: 73px; bottom: 130px; } .career-inf_r-box:nth-child(3) { left: 82px; bottom: 214px; } .career-inf_r-box:last-child { left: 0; bottom: 331px; } .career-inf_icon { width: 50px; min-width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #fff; -webkit-box-shadow: 0px 11px 15px 0px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 11px 15px 0px rgba(0, 0, 0, 0.17); box-shadow: 0px 11px 15px 0px rgba(0, 0, 0, 0.17); } .career-inf_icon span { display: block; width: 26px; height: 26px; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background-color: var(--xm-color-read); } .career-inf_r-box__text { max-width: 140px; font-size: 16px; font-weight: 500; line-height: 137.5%; color: var(--xm-color-submenu--item); } .career-inf_block { background-color: var(--xm-bg-header); position: relative; z-index: 1; padding-top: 32px; padding-bottom: 20px; } .career-inf_block-inner { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; } .career-inf_box { width: 209px; display: flex; align-items: flex-start; gap: 10px; } .career-inf_box img { width: 20px; min-width: 20px; height: auto; } .career-inf_box span { color: var(--xm-light-grey14); line-height: 140%; } .bottom-block { padding-top: 40px; padding-bottom: 40px; position: relative; overflow: hidden; z-index: 1; min-height: 22.94vw; } .bottom-block_layer { position: absolute; bottom: 0; right: 6.719vw; width: 45.26vw; height: 22.667vw; z-index: -2; overflow: hidden; } .bottom-block_layer svg { position: absolute; top: -4.167vw; right: 0; width: 45.26vw; height: auto; } .bottom-block_layer svg path { fill: #F2F2F2; } [data-theme=dark] .bottom-block_layer svg path { fill: #2C3035; } .bottom-block__bg { position: absolute; right: 0; bottom: 0; width: 47.76vw; height: auto; z-index: -1; } .bottom-block_content { max-width: 977px; display: flex; flex-direction: column; gap: 15px; margin-bottom: 6px; } .bottom-block_box:last-child { display: none; } .bottom-block_content h2, .bottom-block_content h3 { color: var(--xm-color-dark); font-size: 20px; font-weight: 600; line-height: 125%; margin: 0; } .bottom-block_content p, .bottom-block_content li { margin-top: 6px; color: var(--xm-dark-grey17); font-size: 14px; line-height: 157.143%; } .bottom-block_content ol, .bottom-block_content ul { margin-top: 6px; display: flex; flex-direction: column; gap: 3px; padding-left: 15px; } .bottom-block_content ol { counter-reset: my-awesome-counter; } .bottom-block_content li { display: flex; align-items: center; gap: 8px; } .bottom-block_content ol li { counter-increment: my-awesome-counter; } .bottom-block_content ol li::before { content: counter(my-awesome-counter); display: block; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; background-color: var(--xm-color-read); border-radius: 5px; color: #FFF; font-size: 12px; font-weight: 700; line-height: 0; letter-spacing: -0.12px; } .bottom-block_content ul li::before { content: ''; width: 5px; height: 5px; background-color: var(--xm-color-read); border-radius: 50%; } .bottom-block__read { color: var(--xm-color-read); border-bottom: 1px dashed var(--xm-color-read); font-size: 13px; font-weight: 500; line-height: 138.462%; cursor: pointer; } .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: calc(100 * var(--vh)); background-color: rgba(18, 21, 23, 0.83); z-index: 1600; overflow: hidden; overflow-y: auto; } .modal-lg-content { padding-top: 60px; padding-bottom: 60px; } .modal-inner { position: relative; border-radius: 5px; background: var(--xm-bg-header); padding: 35px; margin-left: auto; margin-right: auto; top: 50%; transform: translateY(-50%); } .modal-inner-lg-content { top: 0; transform: none; } .close-modal { position: absolute; width: 39px; height: 39px; top: -1px; right: -1px; border-radius: 0px 5px 0px 5px; background-color: var(--xm-dark-grey); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; z-index: 3; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; overflow: hidden; } .close-modal svg { width: 29px; height: auto; } .close-modal:hover { background-color: #E30016; } .modal__title { color: var(--xm-color-black); text-align: center; font-family: "Halvar Breitschrift", sans-serif; font-size: 28px; font-weight: 800; line-height: 146.429%; text-transform: uppercase; } .modal__text { color: var(--xm-color-dark); text-align: center; font-size: 15px; line-height: 140%; } .close-modal__btn { margin-left: auto; margin-right: auto; width: 150px; height: 48px; } .close-modal__btn::after { content: none; } .close-modal__btn svg { width: 18px; height: auto; } .modal-end .modal-inner { position: absolute; top: unset; bottom: 0; transform: none; width: calc(100% - 50px); left: 50%; transform: translateX(-50%); border-radius: 5px 5px 0 0; padding-bottom: 50px; } .modal-end .close-modal { top: -30px; right: 0; width: auto; height: auto; background-color: transparent; border-radius: 0; } .modal-buy_top { display: flex; align-items: center; gap: 22px; margin-bottom: 10px; } .modal-buy__title { font-size: 13px; font-weight: 500; color: var(--xm-color-submenu--item); line-height: 138.461%; } .modal-buy__title--dark { color: var(--xm-color-dark); } .modal-buy__price { font-size: 23px; font-weight: 600; color: var(--xm-color-read); line-height: 113%; white-space: nowrap; } .modal-buy__btn { padding: 16px 46.5px; white-space: nowrap; } .modal-end__text { font-size: 13px; line-height: 169.23%; color: var(--xm-color-submenu--item); } .modal-buy_bottom { padding-top: 10px; margin-top: 10px; border-top: 1px solid #EDF0F2; } .modal-buy_prices { display: flex; align-items: center; gap: 8px; } .modal-buy__price1 { font-weight: 600; font-size: 19px; line-height: 136.84%; color: var(--xm-color-read); } .modal-buy__price2 { font-size: 16px; color: #868A8E; line-height: 162.5%; text-decoration: line-through; } .modal-buy__disc { display: block; background-color: #178F23; font-weight: 900; font-size: 12px; line-height: 141.6%; padding: 2px 6px; border-radius: 6px; color: #fff; } .modal-guarantee_top { display: flex; align-items: flex-start; gap: 7px; margin-bottom: 3px; } .modal-guarantee_top svg { width: 17px; min-width: 17px; height: auto; } .modal-guarantee__title { text-transform: uppercase; color: var(--xm-color-read); font-size: 15px; font-weight: 700; line-height: 133.3%; } .modal-guarantee__link { color: var(--xm-color-read); font-size: 13px; font-weight: 500; line-height: 169.23%; margin-top: 3px; border-bottom: 1px solid var(--xm-color-read); } .modal-guarantee__link:hover { opacity: 0.8; } .modal-oncredit_top { display: flex; align-items: center; gap: 10px; margin-bottom: 3px; } .modal-oncredit_top svg { width: 37px; height: auto; } .modal-oncredit__title { font-size: 13px; font-weight: 500; color: var(--xm-color-submenu--item); line-height: 138.461%; } .modal-oncredit__price { font-size: 19px; line-height: 136.84%; color: var(--xm-color-read); font-weight: 600; } .modal-oncredit__btn { margin-top: 8px; padding: 10px 40px; } .main { width: 100%; /* overflow: hidden; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } .m-page { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 30px; padding-bottom: 70px; /* overflow: hidden; */ } .container { max-width: 1480px; width: 100%; margin-left: auto; margin-right: auto; } .header { width: 100%; border-bottom: 1px solid var(--xm-bd-light); position: relative; z-index: 1000; -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 25px 0px; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 25px 0px; } .mobile-device { z-index: 1500; } .header-top { background-color: #F9FAFC; border-bottom: 1px solid #F7F8FB; padding-top: 6px; padding-bottom: 6px; } [data-theme=dark] .header-top { background-color: #1C1D1E; border-color: #1C1D1E; } .header-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-top_l { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 13px; } .header-address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 5px; cursor: pointer; } .header-address svg path { stroke: var(--xm-dirty-blue); } .header-address span { color: var(--xm-dirty-blue); line-height: 124%; } .header-stores { border-radius: 800px; background-color: #DEEDFE; padding: 4px 11px; color: #004392; line-height: 122%; } .header-stores:hover { color: #DEEDFE; background-color: #004392; } [data-theme=dark] .header-stores { color: #849DBB; background-color: rgba(222, 237, 254, 0.10); } [data-theme=dark] .header-stores:hover { color: rgba(222, 237, 254, 1); background-color: #849DBB; } .header-top_menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 45px; } .header-top_menu a { font-size: 14px; font-weight: 500; color: var(--xm-dark-grey2); } .header-top_menu a:hover { color: var(--xm-color-blue--hover); } .header-top_menu li.has-children { position: relative; display: flex; align-items: center; gap: 7px; } .header-top_menu li.has-children>svg { width: 10px; height: auto; transition: .3s; margin-bottom: 4px; } .header-top_menu li.has-children:hover>svg { transform: rotate(180deg); } .header-top_menu li.has-children>svg path { transition: .3s; fill: var(--xm-color-dark) } .header-top_menu li.has-children:hover>svg path { opacity: 1; } .header-top_menu li.has-children>ul { opacity: 0; visibility: hidden; position: absolute; top: 100%; left: -16px; width: auto; z-index: 201; border-radius: 6px; background-color: var(--xm-bg-body); box-shadow: 0px 9px 22px 0px rgba(0, 0, 0, 0.25); transition: .3s; transform: translateY(0); overflow: hidden; } .header-top_menu li.has-children:hover>ul { transform: translateY(6px); visibility: visible; opacity: 1; } .header-top_menu li.has-children>ul a { white-space: nowrap; padding: 5px 15px; display: block; color: var(--xm-color-dark); font-size: 14px; line-height: 221.429%; } .header-top_menu li.has-children>ul a:hover { background-color: var(--xm-color-read); color: #fff; } .header-top_r { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .header__phone { color: var(--xm-color-dark); } .header__phone:hover { color: #004392; } [data-theme=dark] .header__phone:hover { color: #849DBB; } .theme-switch { display: block; position: relative; width: 38px; height: 22px; background-color: var(--xm-light-grey2); border-radius: 21px; cursor: pointer; } .theme-switch span { position: absolute; top: 2px; left: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 18px; height: 18px; background-color: #FFFFFF; border-radius: 50%; -webkit-transition: left .3s; -o-transition: left .3s; transition: left .3s; } [data-theme=dark] .theme-switch span { left: calc(100% - 20px); } .theme-switch input { display: none; } .header-mid { padding-top: 13px; padding-bottom: 13px; background-color: var(--xm-bg-header); position: relative; z-index: 200; } .header-mid_l { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; } .header-icons_wrap, .burger { display: none; } [data-theme=dark] .header-icons__item path { stroke: #fff; } .logo { max-width: 160px; height: 50px; } .logo img { width: auto; height: 100%; } .logo__text { color: var(--xm-light-grey3); line-height: 114.286%; padding-left: 11px; padding-top: 3px; padding-bottom: 3px; border-left: 1px solid #F2F3F6; /* max-width: 130px; */ } [data-theme=dark] .logo__text { border-left: 1px solid rgba(242, 243, 246, 0.05); } .header-mid_block { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 3px; overflow: hidden; position: relative; padding: 4px; /* padding-bottom: 13px; */ z-index: 3; transition: .3s; } .header-mid_block.active { background-color: var(--xm-btn-switch); border-radius: 4px 4px 0px 0px; } .header-mid_block.active .btn.header__catalog { background-color: transparent; color: var(--xm-color-dark); } .header-mid_block.active .header-search input { border-color: var(--xm-color-read); border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: var(--xm-bg-header); } .header-mid_block.active .header-search__btn.btn { background-color: var(--xm-color-read); } .header-mid_block.active .header__catalog--icon { background-color: transparent; } .header-mid_block.active .header__catalog--icon::before { top: 0; background-color: var(--xm-color-dark); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: top .2s, -webkit-transform .2s .2s cubic-bezier(.68,-.55,.265,1.55); transition: top .2s, -webkit-transform .2s .2s cubic-bezier(.68,-.55,.265,1.55); -o-transition: top .2s, -o-transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55); -o-transition: top .2s, transform .2s .2s cubic-bezier(.68,-.55,.265,1.55); transition: top .2s, transform .2s .2s cubic-bezier(.68,-.55,.265,1.55); transition: top .2s, transform .2s .2s cubic-bezier(.68,-.55,.265,1.55), -webkit-transform .2s .2s cubic-bezier(.68,-.55,.265,1.55); } .header-mid_block.active .header__catalog--icon::after { bottom: 0; background-color: var(--xm-color-dark); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: bottom .2s, -webkit-transform .2s .2s cubic-bezier(.68,-.55,.265,1.55); transition: bottom .2s, -webkit-transform .2s .2s cubic-bezier(.68,-.55,.265,1.55); -o-transition: bottom .2s, -o-transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55); -o-transition: bottom .2s, transform .2s .2s cubic-bezier(.68,-.55,.265,1.55); transition: bottom .2s, transform .2s .2s cubic-bezier(.68,-.55,.265,1.55); transition: bottom .2s, transform .2s .2s cubic-bezier(.68,-.55,.265,1.55), -webkit-transform .2s .2s cubic-bezier(.68,-.55,.265,1.55); } .header-mid_block::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: calc(100 * var(--vh)); background-color: rgba(18, 21, 23, 0.63); z-index: -1; opacity: 0; visibility: hidden; transition: .3s; } .header-mid_block._show { overflow: visible; } .header-mid_block._show::before { opacity: 1; visibility: visible; } .header-mid_block._show .header__catalog { display: none; } .header-mid_block._show .header-search input { width: 711.719px; background-color: var(--xm-bg-header); border: 2px solid var(--xm-color-read); border-right: none; border-top-left-radius: 4px; padding-right: 60px; } .header-mid_block._show .header-search__btn.btn { background-color: var(--xm-color-read); border-bottom-right-radius: 0; } .header-search_remove { display: none; position: absolute; top: 50%; right: 74px; transform: translateY(-50%); padding-left: 19px; border-left: 1px solid #EDF0F2; } [data-theme=dark] .header-search_remove { border-color: rgba(237, 240, 242, 0.04); } .header-search_remove span { display: flex; cursor: pointer; } .header-search_remove span path { stroke: var(--xm-color-read); } .header-search { position: relative; } .header-search_content { position: absolute; top: calc(100% - 4px); left: 4px; width: calc(100% - 8px); background-color: var(--xm-bg-header); z-index: 1; opacity: 0; visibility: hidden; padding: 20px; padding-right: 5px; border-radius: 0px 0px 4px 4px; box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.19); margin-bottom: 20px; max-height: calc((100 * var(--vh)) - 157.859375px); /* max-height: calc(100vh - 157.859375px); */ } .header-search_content--inner { max-height: calc((100 * var(--vh)) - 185.859375px); overflow: hidden; overflow-y: auto; padding-right: 15px; } .header-search_content--inner::-webkit-scrollbar { width: 4px; } .header-search_content--inner::-webkit-scrollbar-track { background: transparent; } .header-search_content--inner::-webkit-scrollbar-thumb { background-color: rgba(34, 45, 58, 0.4); opacity: 0.4; border-radius: 20px; cursor: pointer; } .header-mid_block._show .header-search_content { opacity: 1; visibility: visible; } .header-search_top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 11px; } .header-search__title { font-size: 16px; margin-bottom: 11px; line-height: 75%; color: var(--xm-color-dark); font-weight: 500; } .header-search_top .header-search__title { margin-bottom: 0; } .header-search_history__clear { border-bottom: 1px dashed var(--xm-color-grey); color: var(--xm-color-grey); font-size: 13px; font-weight: 400; line-height: 107.692%; cursor: pointer; transition: .3s; } .header-search_history__clear:hover { border-color: var(--xm-color-read); color: var(--xm-color-read); } .header-search_history--items { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; } .header-search_history--item { display: flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 900px; background-color: var(--xm-light-grey22); cursor: pointer; transition: .3s; } .header-search_history--item:hover { background-color: var(--xm-color-read); } .header-search_history--item::before { content: ''; background-color: var(--xm-color-grey); mask-image: url('/local/templates/xmotors_new_design/css/../img/icons/icon-history.svg'); -webkit-mask-image: url('/local/templates/xmotors_new_design/css/../img/icons/icon-history.svg'); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 16px; height: 16px; transition: .3s; } .header-search_popular--item::before{ content: none; } .header-search_history--item:hover::before { background-color: #fff; } .header-search_history--item input { display: none; } .header-search_history--item span { color: var(--xm-color-dark); font-size: 14px; line-height: 128.571%; transition: .3s; } .header-search_history--item:hover span { color: #fff; } .header-search_block:not(:last-child) { margin-bottom: 20px; } .header-search_categories--items { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; } .header-search_categories--items li { display: flex; } .header-search_categories--items li a { border-radius: 900px; border: 1px solid var(--xm-light-grey17); background-color: var(--xm-bg-body); display: block; padding: 9px 14px; color: var(--xm-color-dark); font-size: 14px; line-height: 128.571%; } .header-search_categories--items li a:hover { background-color: var(--xm-color-read); color: #fff; } .header-search_categories--items li a span { font-weight: 600; color: var(--xm-dirty-blue); transition: .3s; } .header-search_categories--items li a:hover span { color: #fff; } .header-search_brand { display: inline-flex; align-items: center; gap: 10px; } .header-search_brand__icon { width: 89px; height: 38px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 4px; border: 1px solid var(--xm-bd-grey3); overflow: hidden; transition: .3s; } .header-search_brand:hover .header-search_brand__icon { border-color: var(--xm-color-read); } .header-search_brand__icon img { max-width: 80%; max-height: 80%; object-fit: cover; } .header-search_brand__title { color: var(--xm-color-dark); font-size: 14px; font-weight: 500; line-height: 12px; transition: .3s; } .header-search_brand:hover .header-search_brand__title { color: var(--xm-color-read); } .header-search_brand__text { margin-top: 3px; color: var(--xm-color-grey); font-size: 14px; font-weight: 400; line-height: 18px; } .header-search_products--list { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; grid-row-gap: 15px; } .header-search_product { display: flex; align-items: flex-start; gap: 9px; overflow: hidden; } .header-search_product__pic { width: 77px; min-width: 77px; height: 50px; border-radius: 4px; border: 1px solid #EDF0F2; background-color: #fff; overflow: hidden; } [data-theme=dark] .header-search_product__pic { border: none; } .header-search_product__pic img { width: 100%; height: 100%; object-fit: cover; } .header-search_product--r { width: calc(100% - 86px); } .header-search_product__title { color: var(--xm-color-dark); font-size: 13px; font-weight: 500; line-height: 118%; transition: .3s; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .header-search_product:hover .header-search_product__title { color: var(--xm-color-read); } .header-search_product__title span { color: var(--xm-dirty-blue); transition: .3s; } .header-search_product:hover .header-search_product__title span { color: var(--xm-color-read); } .header-search_product_prices { display: inline-flex; align-items: center; gap: 4px; margin-top: 2px; white-space: nowrap; position: relative; } .header-search_product_prices.hidden::after { content: ''; position: absolute; top: 0; right: 0; width: 51px; height: 100%; display: block; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 72.55%); } .header-search_product_prices .price { font-size: 14px; font-weight: 500; line-height: 20px; } .header-search_product_prices .oldprice { font-size: 12px; line-height: 20px; font-weight: 500; } .header-search_product_prices .discount { background-color: #72BBE8; height: 17px; padding: 1px 3px 0; display: flex; align-items: center; font-size: 11px; line-height: 80%; font-weight: 600; } .header-search_videos--list { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; grid-row-gap: 15px; } .header-search_video { display: flex; align-items: center; gap: 9px; } .header-search_video__pic { width: 77px; min-width: 77px; height: 50px; border-radius: 4px; overflow: hidden; } .header-search_video__pic img { width: 100%; height: 100%; object-fit: cover; } .header-search_video__title { color: var(--xm-color-dark); font-size: 13px; font-weight: 500; line-height: 118%; transition: .3s; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .header-search_video__title span { color: var(--xm-dirty-blue); transition: .3s; } .header-search_video:hover .header-search_video__title, .header-search_video:hover .header-search_video__title span { color: var(--xm-color-read); } .header-search_block__link { display: inline-block; border-bottom: 1px dashed var(--xm-color-read); color: var(--xm-color-read); text-overflow: ellipsis; font-size: 15px; font-weight: 500; line-height: 113.333%; margin-top: 15px; } .header-search_block__link:hover { border-color: transparent; } .header-search_posts--list { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; } .header-search_post { display: flex; align-items: flex-start; gap: 6px; } .header-search_post svg { width: 20px; min-width: 20px; height: auto; } .header-search_post svg path { stroke: var(--xm-color-grey); transition: .3s; } .header-search_post:hover svg path { stroke: var(--xm-color-read); } .header-search_post>span { color: var(--xm-color-dark); font-family: "Fira Sans"; font-size: 15px; line-height: 18px; transition: .3s; } .header-search_post>span>span { color: var(--xm-dirty-blue); font-weight: 700; transition: .3s; } .header-search_post:hover>span, .header-search_post:hover>span>span { color: var(--xm-color-read); } .btn.header__catalog { padding-left: 16px; padding-right: 18px; border-radius: 4px 0px 0px 4px; overflow: hidden; border: none; } .header__catalog--icon, .header__catalog--icon::before, .header__catalog--icon::after { background: #fff; height: 2px; border-radius: 500px; } .header__catalog--icon { margin-right: 3px; position: relative; width: 16px; } .header__catalog--icon::before, .header__catalog--icon::after { content: ''; position: absolute; left: 0; width: 100%; } .header__catalog--icon::before { top: -5px; } .header__catalog--icon::after { bottom: -5px; } .header-search { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .header-search input { height: 46px; width: 545px; padding-left: 17px; padding-right: 17px; color: var(--xm-color-dark); border-top: 2px solid #004392; border-left: 2px solid #004392; border-bottom: 2px solid #004392; background: transparent; } [data-theme=dark] .header-search input::-webkit-input-placeholder { color: #CBCED8; } [data-theme=dark] .header-search input::-moz-placeholder { color: #CBCED8; } [data-theme=dark] .header-search input:-ms-input-placeholder { color: #CBCED8; } [data-theme=dark] .header-search input::-ms-input-placeholder { color: #CBCED8; } [data-theme=dark] .header-search input::placeholder { color: #CBCED8; } .header-search__btn.btn { width: 54px; height: 100%; border-radius: 0px 4px 4px 0px; } .header-mid_r { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 22px; padding-right: 6px; } .header-action { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2px; min-width: 52px; color: var(--xm-dark-grey3); font-size: 13px; line-height: 122%; } .header-action:hover { color: var(--xm-color-blue); } .header-cart_wrapper .header-action:hover { color: var(--xm-dark-grey3);; } .header-action_inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; } .header-action svg { height: 26px; max-width: 28px; width: auto; } .header-action svg path { stroke: var(--xm-color-dark); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .header-action:hover svg path { stroke: var(--xm-color-blue); } .header-cart_wrapper .header-action:hover svg path { stroke: var(--xm-color-dark); } .header-action span:not(.catalog-burger) { position: absolute; top: -9px; border: 2px solid var(--xm-bg-header); background-color: #E30016; border-radius: 100px; height: 19px; min-width: 19px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; line-height: 108.333%; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; } .header-wishlist span { left: 15px; } .header-cart span { left: 20px; } .header-bottom { background-color: var(--xm-bg-header); border-top: 1px solid var(--xm-bd-light); padding-top: 12px; padding-bottom: 12px; } .header-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } .header-menu a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; color: var(--xm-color-dark); font-size: 13px; font-weight: 500; text-transform: uppercase; } .header-menu--red a { color: #E30016; } .header-menu a:hover { color: var(--xm-color-blue--hover); } .header-menu svg path { stroke: var(--xm-color-dark); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .header-menu svg #access-time path, .header-menu svg #access-time polygon { fill: var(--xm-color-dark); } .header-menu .header-menu--red svg path { stroke: none; } .header-menu a:not([href="/sale"]):hover svg path { stroke: var(--xm-color-blue--hover); } .header-cart_wrapper { position: relative; } .header-cart_wrapper::before { content: ''; position: absolute; display: block; width: 86px; height: 78px; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-box-shadow: 0px -17px 21px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px -17px 21px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px -17px 21px 0px rgba(0, 0, 0, 0.14); border-radius: 4px 4px 0 0; z-index: 1; background-color: var(--xm-bg-body); opacity: 0; transition: .3s; } .header-cart_wrapper._lock::before { content: none; } .header-cart_wrapper:hover::before { opacity: 1; } .header-cart { position: relative; z-index: 2; } [data-theme=dark] .header-cart_wrapper:hover .header-cart span { border-color: #282C31; } [data-theme=dark] .header-cart_wrapper:hover .header-cart { color: #EDF0F2; } .minicart { position: absolute; top: 61px; right: -17px; width: 497px; background-color: var(--xm-bg-body); -webkit-box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.17); box-shadow: 0px 4px 44px 0px rgba(0, 0, 0, 0.17); border-radius: 4px 0 4px 4px; padding-right: 3px; opacity: 0; visibility: hidden; transition: .3s; } .header-cart_wrapper:hover .minicart { opacity: 1; visibility: visible; } .minicart-list { padding-right: 3px; max-height: 387px; overflow: hidden; overflow-y: auto; } .minicart-list::-webkit-scrollbar { width: 4px; } .minicart-list::-webkit-scrollbar-track { background: transparent; } .minicart-list::-webkit-scrollbar-thumb { background-color: rgba(34, 45, 58, 0.4); opacity: 0.4; border-radius: 20px; cursor: pointer; } .minicart-item { padding: 15px 20px 14px; border-bottom: 1px solid var(--xm-bd-grey2); display: flex; align-items: center; gap: 15px; position: relative; } .minicart-item--opt { align-items: flex-start; } .minicart-item__remove { position: absolute; top: 22px; right: 13px; display: flex; align-items: center; } .minicart-item__remove svg { width: 17px; height: auto; } .minicart-item__remove path { transition: .3s; stroke: var(--xm-color-grey); } .minicart-item__remove:hover path { stroke: var(--xm-color-read); } .minicart__pic { width: 69px; height: 69px; border-radius: 4px; border: 1px solid #EDF0F2; overflow: hidden; } .minicart__pic img { width: 100%; height: 100%; object-fit: cover; transition: .3s; } .minicart__pic:hover img { transform: scale(1.1); } .minicart-item__title { font-size: 13px; font-weight: 700; text-transform: uppercase; line-height: 138.46%; color: var(--xm-color-dark); } .minicart-item__title:hover { color: var(--xm-color-read); } .minicart-block { display: flex; align-items: center; justify-content: space-between; margin-top: 1px; } .minicart-prices { display: flex; align-items: center; gap: 8px; } .minicart__price1 { color: var(--xm-color-read); font-size: 16px; font-weight: 500; line-height: 162.5%; } .minicart__price2 { font-size: 14px; line-height: 26px; color: #868A8E; text-decoration: line-through; } .minicart_disc { padding: 2px 6px; background-color: #178F23; border-radius: 6px; color: #FFFFFF; font-size: 12px; font-weight: 900; line-height: 17px; } .quantity { display: flex; align-items: stretch; } .quantity__btn { position: relative; transition: .3s; } .quantity__btn::before, .quantity__btn::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .3s; } .minicart-quantity__btn { width: 22px; height: 33px; border: 1px solid #E9EDF2; background-color: var(--xm-bg-header); } [data-theme=dark] .minicart-quantity__btn { border-color: rgba(255, 255, 255, 0.02); } .minicart-quantity__btn::before { height: 1px; background-color: #A7A7A7; } .minicart-quantity__btn.minus::before { width: 4px; } .minicart-quantity__btn.plus::before { width: 6px; } .minicart-quantity__btn.plus::after { width: 1px; height: 6px; background-color: #A7A7A7; } .minicart-quantity__btn:hover { background-color: var(--xm-color-read); } .minicart-quantity__btn:hover::before, .minicart-quantity__btn:hover::after { background-color: #FFFFFF; } .quantity__inp { text-align: center; } .minicart-quantity__inp { border: none; border-top: 1px solid #E9EDF2; border-bottom: 1px solid #E9EDF2; width: 35px; font-size: 13px; line-height: 121%; color: var(--xm-color-dark); background-color: var(--xm-bg-header); } [data-theme=dark] .minicart-quantity__inp { border-color: rgba(255, 255, 255, 0.02); } .minicart-options { margin-top: 1px; } .minicart-options__title { font-size: 14px; line-height: 24px; font-weight: 500; color: var(--xm-color-black); } .minicart-options_list li { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .minicart-options_list li::after { content: ''; display: block; flex-grow: 1; height: 1px; border-bottom: 1px dashed #ADB2B8; } [data-theme=dark] .minicart-options_list li::after { opacity: 0.1; } .minicart-options_list__title { font-size: 13px; line-height: 18px; color: var(--xm-color-black); } .minicart-options_list__text { font-size: 15px; line-height: 26px; color: var(--xm-color-read); order: 1; } .minicart-options_list li:last-child { font-weight: 600; } .minicart-options_list li:last-child .minicart-options_list__text { font-size: 17px; } .minicart-bottom { width: calc(100% - 7px); background-color: #FAFCFE; padding: 20px; } [data-theme=dark] .minicart-bottom { background-color: #212529; } .minicart-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; } .minicart-row::after { content: ''; display: block; flex-grow: 1; height: 1px; border-bottom: 1px dashed #D1D1D1; } [data-theme=dark] .minicart-row::after { opacity: 0.1; } .minicart-row span { font-size: 15px; line-height: 28px; color: #2C333D; } [data-theme=dark] .minicart-row span { color: #FFFFFF; } .minicart-row p { order: 1; font-size: 19px; line-height: 26px; font-weight: 600; color: var(--xm-color-read); } .minicart__btn { height: 50px; width: 100%; margin-top: 5px; } .megamenu { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; top: calc(100% - 13px); z-index: 20; background-color: var(--xm-bg-megamenu); display: none; min-height: 600px; } .megamenu-mob_top { display: none; } .megamenu-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(51, 53, 55, 0.25); z-index: 2; display: none; } .megamenu-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 50px; position: relative; } .megamenu-items { min-width: 277px; width: 277px; padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; } .megamenu-items>li>a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; text-transform: uppercase; font-size: 13px; font-weight: 500; line-height: 192.308%; padding: 6px 15px; border-radius: 4px; background-color: var(--xm-bg-menu--item); color: var(--xm-color-dark); } .megamenu-items>li.active>a, .megamenu-items>li:hover>a { background-color: #004392; color: #FFFFFF; } .megamenu-items>li.has-children>a::after { content: ''; display: block; width: 6px; height: 9px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjkiIHZpZXdCb3g9IjAgMCA2IDkiIGZpbGw9Im5vbmUiPg0KPHBhdGggZD0iTTUuNDI0MjYgNC45MjQyNkM1LjY1ODU4IDQuNjg5OTUgNS42NTg1OCA0LjMxMDA1IDUuNDI0MjYgNC4wNzU3NEwxLjYwNTg5IDAuMjU3MzU5QzEuMzcxNTcgMC4wMjMwNDQ0IDAuOTkxNjc0IDAuMDIzMDQ0MyAwLjc1NzM1OSAwLjI1NzM1OUMwLjUyMzA0NSAwLjQ5MTY3NCAwLjUyMzA0NSAwLjg3MTU3MiAwLjc1NzM1OSAxLjEwNTg5TDQuMTUxNDcgNC41TDAuNzU3MzU5IDcuODk0MTFDMC41MjMwNDQgOC4xMjg0MyAwLjUyMzA0NCA4LjUwODMzIDAuNzU3MzU5IDguNzQyNjRDMC45OTE2NzMgOC45NzY5NiAxLjM3MTU3IDguOTc2OTYgMS42MDU4OSA4Ljc0MjY0TDUuNDI0MjYgNC45MjQyNlpNNCA1LjFMNSA1LjFMNSAzLjlMNCAzLjlMNCA1LjFaIiBmaWxsPSIjQUNCM0JEIi8+DQo8L3N2Zz4=); background-size: contain; background-repeat: no-repeat; background-position: 50% 0; margin-left: auto; -webkit-transition: background-image .3s; -o-transition: background-image .3s; transition: background-image .3s; } .megamenu-items>li.active>a::after, .megamenu-items>li:hover>a::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjkiIHZpZXdCb3g9IjAgMCA2IDkiIGZpbGw9Im5vbmUiPg0KPHBhdGggZD0iTTUuNDI0MjYgNC45MjQyNkM1LjY1ODU4IDQuNjg5OTUgNS42NTg1OCA0LjMxMDA1IDUuNDI0MjYgNC4wNzU3NEwxLjYwNTg5IDAuMjU3MzU5QzEuMzcxNTcgMC4wMjMwNDQ0IDAuOTkxNjc0IDAuMDIzMDQ0MyAwLjc1NzM1OSAwLjI1NzM1OUMwLjUyMzA0NSAwLjQ5MTY3NCAwLjUyMzA0NSAwLjg3MTU3MiAwLjc1NzM1OSAxLjEwNTg5TDQuMTUxNDcgNC41TDAuNzU3MzU5IDcuODk0MTFDMC41MjMwNDQgOC4xMjg0MyAwLjUyMzA0NCA4LjUwODMzIDAuNzU3MzU5IDguNzQyNjRDMC45OTE2NzMgOC45NzY5NiAxLjM3MTU3IDguOTc2OTYgMS42MDU4OSA4Ljc0MjY0TDUuNDI0MjYgNC45MjQyNlpNNCA1LjFMNSA1LjFMNSAzLjlMNCAzLjlMNCA1LjFaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+); } .megamenu-items>li>a svg { max-width: 27px; max-height: 27px; width: auto; height: auto; } .megamenu-items>li>a g path { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .megamenu-items>li.active a g path, .megamenu-items>li:hover a g path { stroke: #FFFFFF; } .megamenu-content { gap: 50px; position: absolute; left: 327px; width: calc(100% - 327px); top: 0; } .megamenu-content:not(li.active .megamenu-content) { display: none; } .megamenu-links { max-width: calc(100% - 305px); padding-top: 33px; padding-bottom: 33px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .megamenu__link { color: var(--xm-black); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-size: 20px; font-weight: 600; line-height: 125%; } .megamenu__link:hover { color: var(--xm-color-read); } .megamenu__link>svg { width: 23px; height: auto; } .megamenu__link>svg circle { stroke: #EDF0F2; fill: #FFFFFF; transition: .3s; } .megamenu__link>svg path { fill: #272733; transition: .3s; } .megamenu__link:hover>svg circle { stroke: var(--xm-color-read); fill: var(--xm-color-read); } .megamenu__link:hover>svg path { fill: #FFFFFF; } .megamenu-l { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; justify-content: space-between; width: 100%; } .megamenu-logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 10px; width: 100%; overflow: hidden; overflow-x: auto; padding-bottom: 18px; margin-top: 15px; } .megamenu-logos::-webkit-scrollbar { height: 3px; border-radius: 17px; background-color: rgba(114, 124, 135, 0.4); } .megamenu-logos::-webkit-scrollbar-thumb { background-color: var(--xm-bg-scrollbar--thumb); border-radius: 17px; cursor: pointer; } .megamenu-logos__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 133px; width: 133px; height: 52px; white-space: nowrap; background-color: #fff; border: 1px solid #EDF0F2; border-radius: 4px; } .megamenu-logos__item:hover { border-color: var(--xm-color-read); } .megamenu-logos__item img { width: 100px; max-height: 45px; } .submenu { margin-top: 30px; } .submenu-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 30px 1fr 30px 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .submenu-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; } .submenu-items>li>a { color: var(--xm-color-dark); font-size: 16px; font-weight: 600; line-height: 143.75%; } .submenu-items>li a:hover { color: var(--xm-color-read); } .submenu-items>li>ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 6px; margin-top: 6px; } .submenu-items>li>ul li a { color: var(--xm-color-submenu--item); font-size: 15px; line-height: 133.333%; } .submenu-items>li>ul li a:hover { text-decoration: underline; } .discount-block { padding: 30px; padding-bottom: 0; overflow: hidden; } .megamenu-box { min-width: 255px; width: 255px; padding: 30px 20px 0; margin-top: 33px; margin-bottom: 33px; } .discount-block__title { text-align: center; text-transform: uppercase; font-family: "Halvar Breitschrift", sans-serif; font-size: 24px; font-weight: 900; line-height: 122%; word-wrap: break-word; } .discount-block__text { text-align: center; margin-top: 7px; font-size: 14px; font-weight: 700; color: #222D3A; text-transform: uppercase; } .discount-block__percent { display: table; background-color: #E30016; border-radius: 6px; padding: 5px 9px; color: #fff; font-size: 14px; font-weight: 900; line-height: 121.429%; text-align: center; margin-left: auto; margin-right: auto; margin-top: 7px; } .discount-block__img { width: calc(100% + 60px); margin-left: -30px; height: auto; } .megamenu-box__img { width: calc(100% + 40px); margin-left: -20px; } .discount-block_bottom { width: calc(100% + 60px); margin-left: -30px; margin-top: -50px; position: relative; z-index: 1; padding: 30px; padding-top: 10px; } .megamenu-box_bottom { width: calc(100% + 40px); margin-left: -20px; padding: 20px; padding-top: 10px; } .discount-block_bottom::before { content: ''; position: absolute; top: -21px; left: 0; width: 106%; height: 40px; -webkit-transform: rotate(-8.642deg); -ms-transform: rotate(-8.642deg); transform: rotate(-8.642deg); background-color: inherit; z-index: -1; } .megamenu-box__info { color: #BBC7D4; font-size: 12px; line-height: 133.333%; } .btn.megamenu-box__btn { border: 1px solid #CED9E5; width: 100%; margin-top: 8px; padding-top: 13px; padding-bottom: 13px; color: #fff; } .btn.megamenu-box__btn:hover { background-color: #fff; color: #004392; border-color: #004392; } .btn.megamenu-box__btn path { stroke: #EDF0F2; } .megamenu-box__btn:hover path { stroke: #004392; } .footer { margin-top: auto; background-color: #192029; color: #fff; } .footer-top { padding-top: 20px; padding-bottom: 20px; } .footer-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-top_l { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 25px; } .footer-logo { max-width: 184px; height: 53px; } .footer-logo img { height: 100%; width: auto; } .footer-logo__text { color: #fff; opacity: 0.5; line-height: 114.286%; } .footer-top_r { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .footer-top__text { line-height: 156.25%; } .footer__btn { padding: 17px 25px; } .footer-mid { border-top: 1px solid rgba(255, 255, 255, 0.04); padding-top: 30px; padding-bottom: 10px; } .footer-mid_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 68.75px; } .footer-box__title { font-family: "Halvar Breitschrift", sans-serif; text-transform: uppercase; margin-bottom: 15px; } .footer-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 9px; } .footer-menu a { opacity: 0.7; white-space: nowrap; font-size: 14px; } .footer-menu a:hover { opacity: 1; } .footer-block { margin-left: 15px; } .footer-rating { width: 262px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } .footer-rating_box { padding: 11px 19px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.04); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 11px; } .footer-rating_box--top, .footer-rating_box--bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-rating_box--bottom img { max-width: 100px; max-height: 22px; width: auto; height: auto; } .footer-rating_stars { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 2px; } .footer-rating_stars svg { width: 18px; height: auto; } .footer-contacts { width: 279px; padding: 25px; border-radius: 4px; border: 2px solid rgba(255, 255, 255, 0.04); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 25px; height: 256.55px; } .footer-contacts__phone:hover { color: #849DBB; } .footer-contacts__email { color: #006DEE; text-decoration: underline; } .footer-contacts__email:hover { color: #fff; } .footer-soc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .footer-soc__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-soc__item path, .footer-soc__item rect { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .footer-soc__item:hover rect { fill-opacity: 1; } .footer-soc__item:hover path { fill: #192029; } .footer-payments { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; padding-top: 14px; padding-bottom: 14px; } .footer-payments span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 1px; background: rgba(255, 255, 255, 0.04); } .footer-payments_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .footer-bottom { padding-top: 18px; padding-bottom: 40px; } .footer-bottom__text { color: #D2D5D9; line-height: 153.846%; } .footer-bottom_links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .footer-bottom_links a { opacity: 0.6; font-size: 13px; font-style: normal; font-weight: 400; line-height: 153.846%; text-decoration: underline; } .footer-bottom_links a:hover { opacity: 1; } .breadcrumbs-wrapper { position: relative; z-index: 2; overflow: hidden; } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; /* flex-wrap: wrap; */ } .breadcrumbs a, .breadcrumbs span { font-size: 14px; line-height: 157.143%; } .breadcrumbs a { color: var(--xm-color-dark); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .breadcrumbs a:hover { color: var(--xm-color-blue--hover); } .breadcrumbs a::after { content: ''; display: block; height: 1px; width: 12px; background-color: #ADB2B8; } .breadcrumbs li > span { color: #ADB2B8; } .pagination { margin-top: 45px; margin-bottom: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; } .page-numbers { padding: 19px 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; border-radius: 5px; border: 1px solid var(--xm-bd-pagination); background-color: var(--xm-bg-header); color: var(--xm-color-dark); font-size: 15px; line-height: 140%; } a.page-numbers:hover { background-color: var(--xm-color-read); border-color: var(--xm-color-read); color: #fff; } a.page-numbers path { fill: var(--xm-color-dark); } a.page-numbers:hover path { fill: #fff; } .page-numbers.current { background-color: var(--xm-color-read); color: #fff; border-color: var(--xm-color-read); } .page-numbers svg { width: 24px; height: auto; } .subscribe-block { padding: 35px; border-radius: 4px; background-color: var(--xm-bg-subscribe); position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; gap: 10px; } .subscribe-block::before { content: ''; position: absolute; z-index: -1; left: -300px; top: 0; height: 620px; width: 620px; -webkit-transform: rotate(45deg) translateY(-48%); -ms-transform: rotate(45deg) translateY(-48%); transform: rotate(45deg) translateY(-48%); background: #fff; opacity: 0.63; border-radius: 11px; } [data-theme=dark] .subscribe-block::before { background: #38404B; } .subscribe-l { max-width: 567px; } .subscribe__title span { color: var(--xm-color-read); display: block; } .subscribe__text { margin-top: 5px; color: var(--xm-color-dark); opacity: 0.7; line-height: 140%; } .subscribe-form_row { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 3px; overflow: hidden; } .subscribe-form input { border-radius: 4px 0px 0px 4px; border: 2px solid #004392; background: var(--xm-bg-header); padding: 17px; border-right: 0; width: 447px; } .subscribe-form input::-webkit-input-placeholder { color: #727C87; } .subscribe-form input::-moz-placeholder { color: #727C87; } .subscribe-form input:-ms-input-placeholder { color: #727C87; } .subscribe-form input::-ms-input-placeholder { color: #727C87; } .subscribe-form input::placeholder { color: #727C87; } .subscribe__btn.btn { border-radius: 0; padding-left: 25px; padding-right: 25px; } .subscribe-form_row label.modal-general-error-base{ position: absolute; font-weight: 400; margin-top: -20px; } .subscribe-label { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 6px; cursor: pointer; } .subscribe-label input { display: none; } .subscribe-label__text { color: var(--xm-color-dark); line-height: 157.14%; opacity: 0.8; margin-top: 2px; transition: .3s; } .subscribe-label._error .subscribe-label__text { opacity: 1; color: #E30016; } .subscribe-label__text a { text-decoration: underline; color: var(--xm-color-read); } .subscribe-form .subscribe-label__text a { color: inherit; } .subscribe-label._error .subscribe-label__text a { color: #E30016; } /* [data-theme=dark] .subscribe-form .subscribe-label__text a { color: #1270E0; } */ .subscribe-label__text a:hover { opacity: 0.8; } .subscribe-form .subscribe-label__text a:hover { color: var(--xm-color-read); opacity: 1; } .subscribe-label._error .checkbox { border-color: #E30016; } .consult { padding-top: 90px; overflow: hidden; } .consult-block { background-color: #004392; position: relative; padding: 81px 159px; color: #fff; z-index: 1; border-radius: 4px; } .consult-block>svg { position: absolute; right: 0; top: 0; height: 100%; width: auto; z-index: -1; } .consult-l { position: absolute; bottom: 0; left: 0; width: 697px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .consult-l img { width: 100%; height: auto; } .consult-r { max-width: 647px; margin-left: auto; position: relative; z-index: 1; } .consult__title { color: #fff; } .consult__title span { color: #FEC200; } .consult__text { margin-top: 5px; line-height: 181.25%; opacity: 0.9; } .consult__btn { margin-top: 15px; height: 60px; padding-left: 20px; padding-right: 20px; } .videos { padding-top: 15px; } .video-cats { margin-top: 25px; margin-bottom: 25px; position: relative; } .video-cat { display: block; padding-bottom: 14px; border-radius: 2px; border: 1px solid var(--xm-bd-grey); background-color: var(--xm-bg-header); overflow: hidden; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .video-cat.active { -webkit-box-shadow: inset 0px 0px 0px 2px var(--xm-color-read); box-shadow: inset 0px 0px 0px 2px var(--xm-color-read); } .video-cat:hover { -webkit-box-shadow: inset 0px 0px 0px 2px var(--xm-color-read); box-shadow: inset 0px 0px 0px 2px var(--xm-color-read); } .video-cat__pic { width: 100%; height: 115px; } .video-cat__pic img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .video-cat__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 25px; text-align: center; color: var(--xm-color-dark); font-size: 13px; font-weight: 600; line-height: 123.077%; text-transform: uppercase; padding-left: 10px; padding-right: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .video-cat:hover .video-cat__title { color: var(--xm-color-read); } .video-cats_nav { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 2; } .video-cats__arr { position: absolute; top: 50%; background-color: #FFF; /* border: 1px solid #FFF; */ -webkit-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.10); border-radius: 50%; width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .video-cats__arr svg { width: 15px; height: auto; } .video-cats__arr svg path { stroke: var(--xm-color-dark); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .video-cats__arr:hover path { stroke: #FFFFFF; } [data-theme=dark] .video-cats__arr { border-color: var(--xm-bd-slider--arr); background-color: var(--xm-bg-slider--arr); } .video-cats__arr:hover { background-color: var(--xm-color-read); } .video-cats__prev { left: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-cats__next { right: 0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .video-top { display: block; height: 200px; position: relative; border-radius: 4px; overflow: hidden; cursor: pointer; } /* .video-top::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(39, 39, 51, 0.31)), to(rgba(39, 39, 51, 0.31))); background: -o-linear-gradient(bottom, rgba(39, 39, 51, 0.31) 0%, rgba(39, 39, 51, 0.31) 100%); background: linear-gradient(0deg, rgba(39, 39, 51, 0.31) 0%, rgba(39, 39, 51, 0.31) 100%); } */ .video-top img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .video-top:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .video-play { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 49px; z-index: 1; } .video-play svg { width: 100%; height: auto; } .video-bottom { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } .video-bottom__text { line-height: 125%; color: var(--xm-color-dark); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .video-bottom__text:hover { color: var(--xm-color-read); } .video-bottom_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .video-bottom_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; } .video-bottom_box svg { width: 15px; height: auto; } .video-bottom_box svg path { stroke: var(--xm-color-dark); } .video-bottom_box span { color: var(--xm-color-grey); white-space: nowrap; opacity: 0.8; } .videos-modal { max-width: 1038px; } .videos-modal__title { color: var(--xm-color-black); font-size: 20px; font-weight: 600; line-height: 125%; margin-bottom: 15px; padding-right: 30px; } .videos-modal_inner { width: 100%; height: 545px; border-radius: 4px; overflow: hidden; margin-top: 25px; } .videos-modal_inner iframe { width: 100%; height: 100%; } .videos-grid .video-review:first-child { grid-column: 1/3; } .videos-grid .video-review:nth-child(2) { grid-column: 3/5; } .videos-grid .video-review .video-top { height: 200px; } .videos-grid .video-review:first-child .video-top, .videos-grid .video-review:nth-child(2) .video-top { height: 411px; } .videos-grid .video-review:first-child .video-play, .videos-grid .video-review:nth-child(2) .video-play { width: 75px; } .videos-about { padding-bottom: 70px; } .file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 15px; margin-top: 20px; padding: 15px; border-radius: 4px; border: 1px dashed #C0CFD9; background-color: #F7F8FA; cursor: pointer; width: 100%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .file.active { border-color: var(--xm-color-read); } .file._error { border-color: #E30016; } .file._uploaded { cursor: default; } [data-theme=dark] .file { border-color: rgba(192, 207, 217, 0.15); background-color: rgba(247, 248, 250, 0.04); } .file:hover, [data-theme=dark] .file:hover { border-color: var(--xm-color-read); } .file__item { position: static; width: 1px; height: 1px; border: 0; opacity: 0; } .file>svg { width: 38px; min-width: 38px; height: auto; } .file>svg path { stroke: var(--xm-dirty-blue); transition: .3s; } .file:hover>svg path { stroke: var(--xm-color-read); } .file._error>svg path, .file._error>svg line { stroke: #E30016; } .file__title { line-height: 146.667%; color: var(--xm-dirty-blue); display: flex; align-items: center; transition: .3s; } .file:hover .file__title { color: var(--xm-color-read); } .file._error .file__title { color: #E30016; } .file span { color: var(--xm-color-grey); line-height: 157.143%; transition: .3s; } .file:hover span { color: var(--xm-dirty-blue); } .file._error span { color: #E30016; } .file__title>span>span, .file:hover .file__title>span>span { color: #E30016; margin-left: 4px; } .file-items { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 7px; margin-top: 2px; } .file-item { position: relative; } .file-item__loader { display: none; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; border: 2px solid #f3f3f3; border-top: 2px solid #007bff; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } .file-item__pic { width: 44px; height: 44px; border-radius: 5px; overflow: hidden; background-color: #fff; } .file-item__pic>svg { width: 100%; height: auto; } .file-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .file-item__close { padding: 0; background-color: #DA251C; position: absolute; top: -1px; right: -1px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 12px; height: 12px; } .file-item__close img { width: 10px; height: auto; } .add-file { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; background-color: #FFF; width: 44px; height: 44px; cursor: pointer; } .add-file svg { width: 24px; height: auto; } .min-product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 10px; margin-top: 5px; } .min-product_l { width: 176px; min-width: 176px; background-color: #fff; border-radius: 4px; position: relative; max-height: 117px; } .min-product .badges { left: 1px; bottom: 1px; gap: 3px; } .min-product .badges span { padding: 2px 4px; font-size: 9px; border-radius: 3px; } .min-product__link { position: absolute; top: 4px; right: 4px; width: 17px; z-index: 4; } .min-product__link img { width: 100%; height: auto; } .min-product_slider, .min-product_slider .owl-stage-outer, .min-product_slider .owl-stage, .min-product_slider .owl-item { height: 100%; } .min-product_slider img { width: 100%; height: 100%; /*-o-object-fit: cover;*/ object-fit: contain; } .min-product_slider .owl-dots { transform: translateX(50%); position: absolute; right: 50%; bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 7.5px; } .min-product_slider .owl-dot { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; width: 4px; height: 4px; border-radius: 50%; background-color: #61666B!important; } .min-product_slider .owl-dot.active { width: 9px; height: 9px; background-color: #2399DC!important; } .min-product_slide { width: 100%; height: 117px; } .min-product_mid { padding-top: 4.5px; padding-bottom: 4.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 6px; } .min-product_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .min-product_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3px; color: #54545799; line-height: 100%; } [data-theme=dark] .min-product_box { color: #A6A6B2; } .min-product_rating img { width: 12px; height: auto; } .min-product_comments img { width: 14px; height: auto; } .min-product__title { color: var(--xm-color-dark); line-height: 105.556%; padding-right: 25px; transition: .3s; } .min-product__title:hover { color: var(--xm-color-read); } .min-product_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } .min-product_price--l, .min-product_price--r { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .min-product_price--l { gap: 5px; } .min-product_price--r { gap: 3px; } .min-product__price { color: var(--xm-color-read); line-height: 120%; } .min-product_price--l img { width: 12px; height: auto; } .min-product_price--r span { display: block; background-color: #178F23; font-weight: 600; line-height: 170%; padding: 3px 2px 2px; border-radius: 6px; color: #fff; line-height: 120%; } .min-product_price .min-product_price--l>span { display: flex; width: 16px; cursor: pointer; } .min-product_price .min-product_price--l>span>svg { width: 100%; height: auto; } .min-product_price .min-product_price--l>span>svg rect { fill: var(--xm-light-grey24); } .min-product_price .min-product_price--l>span>svg path { fill: var(--xm-color-blue); } .product-cart__price2 { color: #868A8E; line-height: 120%; text-decoration: line-through; } .min-product_icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .min-product_icons img { width: 20px; height: auto; } [data-theme=dark] .min-product .product-cart__btn { background-color: rgba(255, 255, 255, 0.06); border-color: rgba(233, 235, 241, 0.09); } .contacts-guarantee_block { position: relative; cursor: pointer; } .tooltip { position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); width: 407px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.79); color: #FFFFFF; padding: 10px; opacity: 0; visibility: hidden; transition: .3s; z-index: 100; } .tooltip::after { content: ''; position: absolute; display: block; border: 6px solid transparent; border-top: 6px solid rgba(0, 0, 0, 0.79); transform: translateX(-50%); bottom: -12px; left: 50%; } .tooltip__text { font-weight: 400; line-height: 150%; font-size: 14px; } .contacts-guarantee_block:hover .tooltip { opacity: 1; visibility: visible; } .tooltip-file { position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%); width: 449px; border-radius: 4px; background-color: var(--xm-bg-header); padding: 15px; display: flex; align-items: center; gap: 14px; -webkit-box-shadow: 0px 4px 18px 0px rgba(34, 41, 50, 0.25); -moz-box-shadow: 0px 4px 18px 0px rgba(34, 41, 50, 0.25); box-shadow: 0px 4px 18px 0px rgba(34, 41, 50, 0.25); display: none; /* transition: .3s; */ } .tooltip-file::after { content: ''; position: absolute; display: block; border: 8px solid transparent; border-top: 8px solid var(--xm-bg-header); transform: translateX(-50%); bottom: -16px; left: 50%; } .tooltip-file__pic { width: 150px; min-width: 150px; display: flex; align-items: center; border-radius: 6px; overflow: hidden; } .tooltip-file__pic img { width: 100%; height: auto; } .tooltip-file__text { color: var(--xm-color-dark); font-weight: 400; line-height: 157.14%; font-size: 14px; } .tooltip-file_close { position: absolute; cursor: pointer; top: 10px; right: 10px; width: 10px; display: none; } .tooltip-file_close svg { width: 100%; height: auto; } .tooltip-file_close svg path { transition: .3s; } .tooltip-file_close:hover svg path { stroke: var(--xm-color-read); } .modal-cities { padding-bottom: 59px; } .modal-cities .modal-inner { top: 59px; margin-bottom: 59px; max-width: 1230px; width: 100%; transform: none; padding: 0; border-radius: 5px; } .modal-cities_top { padding: 20px 25px; background-color: var(--xm-bg-section--gray2); border-radius: 5px 5px 0 0; position: relative; z-index: 2; } .modal-cities__title { color: var(--xm-color-dark); } .modal-cities_row { margin-top: 10px; display: flex; align-items: center; gap: 30px; } .modal-cities_row .block-search { flex-grow: 1; } .modal-cities_search { flex-grow: 1; position: relative; } .modal-cities_search .block-search__input { width: 100%; padding-right: 40px; border-color: #EDF0F2; } [data-theme=dark] .modal-cities_search .block-search__input { border-color: rgba(255,255, 255, 0.11); } .clear__search { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%; background-color: var(--xm-light-grey21); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .3s; display: none; } .clear__search svg { width: 14px; height: auto; } .clear__search path { stroke: var(--xm-color-dark); transition: .3s; } .clear__search:hover { background-color: var(--xm-color-read); } .clear__search:hover path { stroke: #FFFFFF; } .modal-cities__link { display: flex; align-items: center; gap: 5px; color: var(--xm-color-read); font-size: 15px; line-height: 21px; font-weight: 500; } .modal-cities__link svg { width: 16px; height: auto; } .modal-cities__link svg path { stroke: var(--xm-color-read); } .modal-cities__link:hover { opacity: 0.8; } .modal-cities .block-search__btn svg { display: none; } .block-search._active { -webkit-box-shadow: 4px 0px 32px 0px rgba(0, 0, 0, 0.17); -moz-box-shadow: 4px 0px 32px 0px rgba(0, 0, 0, 0.17); box-shadow: 4px 0px 32px 0px rgba(0, 0, 0, 0.17); } .block-search._active input { border-bottom-left-radius: 0; } .block-search._active .block-search__btn { border-bottom-right-radius: 0; } .block-search_items { position: absolute; z-index: -1; top: calc(100% - 5px); padding-top: 5px; width: 100%; background-color: var(--xm-bg-header); border-radius: 5px; -webkit-box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17); box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17); display: none; max-height: 900%; overflow: auto; } .block-search_items::-webkit-scrollbar { width: 4px; } .block-search_items::-webkit-scrollbar-track { background: rgba(101, 110, 119, 0.1); } .block-search_items::-webkit-scrollbar-thumb { background-color: var(--xm-dark-grey9); cursor: pointer; } .block-search_item { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; min-height: 64px; border-bottom: 1px solid var(--xm-bd-inp); cursor: pointer; transition: .3s; color: var(--xm-color-dark); } .block-search_item:last-child { border-bottom: none; } .block-search_item:hover { background-color: var(--xm-color-read); color: #fff; } .block-search__city { font-size: 15px; font-weight: 500; line-height: 146.667%; } .block-search__state { font-size: 14px; line-height: 157.143%; opacity: 0.7; } .cities-list_wrapper { padding: 25px; background-color: var(--xm-bg-body); border-radius: 0 0 5px 5px; } .cities-list { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 10px; justify-content: space-between; height: 495px; padding-right: 35px; overflow-y: auto; } .cities-list::-webkit-scrollbar { width: 4px; } .cities-list::-webkit-scrollbar-track { background: rgba(101, 110, 119, 0.1); } .cities-list::-webkit-scrollbar-thumb { background-color: var(--xm-dark-grey9); cursor: pointer; } .cities-list::-webkit-scrollbar-button { width: 4px; height: 10px; } .cities-list::-webkit-scrollbar-button:single-button { background-color: transparent; display: block; border-style: solid; height: 6px; width: 6px; cursor: pointer; } .cities-list::-webkit-scrollbar-button:single-button:vertical:decrement { border: 2px solid transparent; border-bottom: 4px solid rgba(101, 110, 119, 0.3); } .cities-list::-webkit-scrollbar-button:single-button:vertical:increment { border: 2px solid transparent; border-top: 4px solid rgba(101, 110, 119, 0.3); } [data-theme=dark] .cities-list::-webkit-scrollbar-button:single-button:vertical:decrement { border-bottom: 4px solid #EBEBEB; } [data-theme=dark] .cities-list::-webkit-scrollbar-button:single-button:vertical:increment { border-top: 4px solid #EBEBEB; } .cities-column { display: flex; flex-direction: column; gap: 12px; } .city { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 8px; } .city.blue { gap: 5px; } .city>a { color: var(--xm-color-dark); font-size: 15px; line-height: 140%; } .city.blue>a { font-size: 14px; font-weight: 500; color: var(--xm-color-read); line-height: 150%; } .city>a:hover { color: var(--xm-color-read); text-decoration: underline; } .city>a:hover + .tooltip-city { background-color: var(--xm-color-read); } .city>.tooltip-city { display: block; width: 19px; min-width: 19px; height: 19px; mask-image: url(/local/templates/xmotors_new_design/css/../img/icons/icon-delivery.svg); -webkit-mask-image: url(/local/templates/xmotors_new_design/css/../img/icons/icon-delivery.svg); background-color: var(--xm-color-grey); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; transition: .3s; } .city>.tooltip-city.has-shop { mask-image: url(/local/templates/xmotors_new_design/css/../img/icons/icon-shop.svg); -webkit-mask-image: url(/local/templates/xmotors_new_design/css/../img/icons/icon-shop.svg); background-color: var(--xm-color-read); } .modal-tooltip { position: fixed; display: none; transform: translate(-50%, -100%); z-index: 3; } .modal-tooltip.small { border-radius: 4px; background-color: rgba(0, 0, 0, 0.79); color: #FFFFFF; padding: 10px; transition: .3s; } .modal-tooltip.small::after { content: ''; position: absolute; display: block; border: 6px solid transparent; border-top: 6px solid rgba(0, 0, 0, 0.79); transform: translateX(-50%); bottom: -12px; left: 50%; } .modal-tooltip-inner { display: flex; align-items: center; gap: 9px; } .modal-tooltip-inner svg { width: 21px; height: auto; min-width: 21px; } .modal-tooltip-inner span { line-height: 138.46%; color: #fff; } .modal-tooltip.big { width: 317px; background-color: var(--xm-bg-header); border-radius: 4px; padding: 15px; -webkit-box-shadow: 0px 4px 18px 0px rgba(34, 41, 50, 0.25); -moz-box-shadow: 0px 4px 18px 0px rgba(34, 41, 50, 0.25); box-shadow: 0px 4px 18px 0px rgba(34, 41, 50, 0.25); } .modal-tooltip.big::before { content: ''; position: absolute; display: block; border: 8px solid transparent; border-top: 8px solid var(--xm-bg-header); transform: translateX(-50%); bottom: -16px; left: 50%; } .modal-tooltip_row { display: flex; align-items: flex-start; gap: 9px; } .modal-tooltip__icon { width: 19px; min-width: 19px; display: flex; align-items: center; } .modal-tooltip__icon svg { width: 100%; height: auto; } .modal-tooltip__icon svg path { stroke: var(--xm-color-read); } .modal-tooltip_top { line-height: 120%; color: var(--xm-color-dark); } .modal-tooltip_info { margin-top: 7px; display: flex; align-items: center; justify-content: space-between; gap: 10px; } .modal-tooltip__phone { color: var(--xm-color-dark); line-height: 138.46%; } .modal-tooltip__phone:hover { color: var(--xm-color-read); } .modal-tooltip_graph span { display: block; color: var(--xm-color-grey); line-height: 138.46%; } .modal-tooltip_maps { display: flex; align-items: center; gap: 4px; } .modal-tooltip__map { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 9px; border: 1px solid #EDF0F2; background-color: #fff; } [data-theme=dark] .modal-tooltip__map { border-color: rgba(237, 240, 242, 0.02); background-color: rgba(255, 255, 255, 0.05); } .modal-tooltip__map:hover { background-color: var(--xm-light-grey); } .modal-tooltip__map img { max-width: 15px; max-height: 15px; width: auto; height: auto; } .modal-tooltip_close { position: absolute; cursor: pointer; top: 10px; right: 10px; width: 10px; display: flex; } .modal-tooltip_close svg { width: 100%; height: auto; } .modal-tooltip_close svg path { transition: .3s; } .modal-tooltip_close:hover svg path { stroke: var(--xm-color-read); } .header-homepage, .header-catalog_wrapper { display: none; padding-left: 5px; padding-right: 5px; } .header-mob_top, .header-menu_catalog, .header-mob_menu, .header-socials { display: none; } .mobile-catalog { display: none; } .form-modal { max-width: 492px; } .form-modal__text { margin-top: 8px; } .modal-form { margin-top: 25px; display: flex; flex-wrap: wrap; gap: 15px; } .modal-form .file { margin-top: 0; } .form-modal__btn { width: 235px; height: 60px; margin-left: auto; margin-right: auto; } .form-modal_bottom .privacy-policy-text { display: block; text-align: center; margin-top: 10px; color: var(--xm-color-grey); font-size: 14px; font-weight: 400; line-height: 157.143%; } .privacy-policy-text a { text-decoration: underline; color: var(--xm-color-read); } .form-modal .close-modal__btn { margin-top: 25px; } .policy-row { margin-top: 30px; display: flex; align-items: flex-start; gap: 15px; } .policy-list_wrapper{ position: sticky; top: 10px; } .policy-list { width: 275px; min-width: 275px; position: sticky; top: 10px; border-radius: 10px; border: 1px solid var(--xm-bd-grey); background: var(--xm-bg-header); } .policy-list a { padding: 10px 19px; color: var(--xm-dark-grey12); font-size: 14px; font-weight: 500; line-height: 150%; letter-spacing: -0.42px; display: block; } .policy-list a.active { color: var(--xm-color-read); border-left: 2px solid var(--xm-color-read); } .policy-list a:hover { color: var(--xm-color-read); } .policy-content { color: var(--xm-color-dark); max-width: 1105px; margin-right: auto; } .policy-content h2, .policy-content h3 { font-size: 23px; line-height: 121.739%; font-weight: 500; } .policy-content h2 { margin: 0; } .policy-content h3 { margin-top: 15px; margin-bottom: 15px; } .policy-content p { font-size: 15px; line-height: 140%; margin-bottom: 12px; } .policy-table { border-radius: 10px; border: 1px solid #EDF0F2; } [data-theme=dark] .policy-table { border-color: rgba(237, 240, 242, 0.06); } .policy-table_row { display: flex; align-items: stretch; border-bottom: 1px solid #EDF0F2; } [data-theme=dark] .policy-table_row { border-color: rgba(237, 240, 242, 0.06); } .policy-table_row:last-child { border-bottom: none; } .policy-table_title { width: 33.3%; min-width: 33.3%; padding: 15px; border-right: 1px solid #EDF0F2; } .policy-table_title span { font-size: 15px; font-weight: 500; line-height: 146.667%; } [data-theme=dark] .policy-table_title { border-color: rgba(237, 240, 242, 0.06); } .policy-table_content { flex-grow: 1; padding: 15px; opacity: 0.8; } .policy-table_content span { font-size: 15px; line-height: 140%; } .policy-table_content ul { padding-left: 20px; } .policy-table_content ul li { list-style-type: disc; font-size: 15px; line-height: 140%; } .policy-content a { color: var(--xm-color-read); text-decoration: underline; } .policy-content a:hover { text-decoration: none; } .price { color: var(--xm-color-read); font-size: 23px; font-weight: 600; line-height: 26px; } .price.price-normal{ color: var(--xm-color-dark); } .discount { display: inline-block; padding: 2px 6px; background-color: #178F23; border-radius: 6px; color: #FFF; font-size: 12px; font-weight: 900; line-height: 17px; } .oldprice { color: var(--xm-color-grey); font-size: 16px; font-weight: 400; line-height: 162.5%; text-decoration-line: line-through; } .info-slider { padding-top: 35px; padding-bottom: 35px; overflow: hidden; } .info-slider_container { display: flex; opacity: 0; transition: opacity 1s ease; } .info-slider_row { display: flex; align-items: flex-start; gap: 15px; } .info-slider__icon { display: flex; align-items: center; width: 45px; min-width: 45px; } .info-slider__icon svg { width: 100%; height: auto; } .info-slider__icon svg path { stroke: var(--xm-color-read); } .info-slider_block p { color: var(--xm-color-dark); font-weight: 700; line-height: 135.714%; text-transform: uppercase; } .info-slider_block span { color: var(--xm-color-grey); margin-top: 4px; line-height: 157.143%; } .info-slider_progress { width: 86px; height: 3px; border-radius: 17px; background-color: #727C87; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; } [data-theme=dark] .info-slider_progress { background-color: rgba(114, 124, 135, 0.4); } .info-slider_progress span { height: 100%; display: block; border-radius: 17px; background-color: var(--xm-color-dark)!important; transition: .3s; } .slider { padding-top: 60px; padding-bottom: 60px; position: relative; /* overflow: hidden; */ } .slider.dark { background-color: var(--xm-bg-header); } .slider .owl-stage { display: flex; } .slider .owl-item { height: auto; flex-shrink: 0; opacity: 0; transition: .3s ease; pointer-events: all; } .slider .owl-item.active{ opacity: 1; } .slider-item { height: 100%; } .slider-tabs .slider-items { display: none; } .slider-tabs .slider-items[data-id="0"] { display: flex; } .slider-top { display: flex; align-items: center; column-gap: 25px; row-gap: 15px; position: relative; z-index: 2; margin-bottom: 23px; } .slider-top:has(+ .slider-tags) { margin-bottom: 0; } .slider-top .owl-stage { display: flex; } .slider__link { height: 34px; padding-left: 14px; padding-right: 14px; } .slider__link span { line-height: 0; color: var(--xm-color-blue); transition: .3s; } .slider__link:hover span { color: #FFFFFF; } .slider__link path { transition: .3s; fill: var(--xm-color-blue)!important; } .slider__link:hover path { fill: #fff!important; } .slider-nav { margin-left: auto; display: flex; align-items: center; gap: 10px; } .slider-nav.disabled{ display: none; } .slider-tabs .slider-nav { display: none; } .slider-tabs .slider-nav[data-id="0"] { display: flex; } .slider-nav button { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; background-color: #FFF; /* border: 1px solid #FFF; */ -webkit-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.10); border-radius: 50%; transition: .3s; cursor: pointer; } [data-theme=dark] .slider-nav button { background-color: #1E2226; border-color: rgba(237, 240, 242, 0.03); } .slider-nav button:hover { background-color: var(--xm-color-read); border-color: var(--xm-color-read); } .slider-nav button span { display: flex; align-items: center; width: 16px; } .slider-nav button svg { width: 100%; height: auto; } .slider-nav button path { transition: .3s; stroke: var(--xm-color-dark); } .slider-nav button:hover path { stroke: #FFFFFF; } .slider-nav button.disabled { opacity: 0.5; pointer-events: none; } .slider-tags { margin-top: 15px; margin-bottom: 35px; position: relative; /* white-space: nowrap; overflow-y: auto; */ } .slider-tags .owl-stage { display: flex; } .slider-tags .owl-nav { position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: flex; align-items: center; justify-content: space-between; width: 100%; height: 0; } .slider-tags .owl-nav button { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; } .slider-tags .owl-nav button::before { content: ''; position: absolute; width: 60px; height: 26px; z-index: -2; top: 0; } .slider-tags .owl-nav button::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px solid var(--xm-bd-grey); background-color: var(--xm-dark-grey18); z-index: -1; } .slider-tags .owl-nav button:hover::after { background-color: var(--xm-color-read); border-color: var(--xm-color-read); } .slider-tags .owl-nav button.owl-prev::before { background: linear-gradient(-90deg, rgba(255, 255, 255, 0.00) 2.78%, var(--xm-bg-header) 40.97%); left: -3px; } .slider-tags .owl-nav button.owl-next::before { background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 2.78%, var(--xm-bg-header) 40.97%); right: -3px; } .slider-tags .owl-nav button svg { display: none!important; } .slider-tags .owl-nav button span { display: block; background-size: contain; background-repeat: no-repeat; background-position: 50%; width: 9px; height: 9px; } .slider-tags .owl-nav button.owl-prev span { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC4xNDY0NDcgNC4xNDY0NUMtMC4wNDg4MTU1IDQuMzQxNzEgLTAuMDQ4ODE1NSA0LjY1ODI5IDAuMTQ2NDQ3IDQuODUzNTVMMy4zMjg0MyA4LjAzNTUzQzMuNTIzNjkgOC4yMzA4IDMuODQwMjcgOC4yMzA4IDQuMDM1NTMgOC4wMzU1M0M0LjIzMDggNy44NDAyNyA0LjIzMDggNy41MjM2OSA0LjAzNTUzIDcuMzI4NDNMMS4yMDcxMSA0LjVMNC4wMzU1MyAxLjY3MTU3QzQuMjMwOCAxLjQ3NjMxIDQuMjMwOCAxLjE1OTczIDQuMDM1NTMgMC45NjQ0NjZDMy44NDAyNyAwLjc2OTIwNCAzLjUyMzY5IDAuNzY5MjA0IDMuMzI4NDMgMC45NjQ0NjZMMC4xNDY0NDcgNC4xNDY0NVpNMS41IDRMMC41IDRMMC41IDVMMS41IDVMMS41IDRaIiBmaWxsPSIjMjIyRDNBIi8+Cjwvc3ZnPgo=); } .slider-tags .owl-nav button.owl-prev:hover span { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC4xNDY0NDcgNC4xNDY0NUMtMC4wNDg4MTU1IDQuMzQxNzEgLTAuMDQ4ODE1NSA0LjY1ODI5IDAuMTQ2NDQ3IDQuODUzNTVMMy4zMjg0MyA4LjAzNTUzQzMuNTIzNjkgOC4yMzA4IDMuODQwMjcgOC4yMzA4IDQuMDM1NTMgOC4wMzU1M0M0LjIzMDggNy44NDAyNyA0LjIzMDggNy41MjM2OSA0LjAzNTUzIDcuMzI4NDNMMS4yMDcxMSA0LjVMNC4wMzU1MyAxLjY3MTU3QzQuMjMwOCAxLjQ3NjMxIDQuMjMwOCAxLjE1OTczIDQuMDM1NTMgMC45NjQ0NjZDMy44NDAyNyAwLjc2OTIwNCAzLjUyMzY5IDAuNzY5MjA0IDMuMzI4NDMgMC45NjQ0NjZMMC4xNDY0NDcgNC4xNDY0NVpNMS41IDRMMC41IDRMMC41IDVMMS41IDVMMS41IDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); } [data-theme=dark] .slider-tags .owl-nav button.owl-prev span { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC4xNDY0NDcgNC4xNDY0NUMtMC4wNDg4MTU1IDQuMzQxNzEgLTAuMDQ4ODE1NSA0LjY1ODI5IDAuMTQ2NDQ3IDQuODUzNTVMMy4zMjg0MyA4LjAzNTUzQzMuNTIzNjkgOC4yMzA4IDMuODQwMjcgOC4yMzA4IDQuMDM1NTMgOC4wMzU1M0M0LjIzMDggNy44NDAyNyA0LjIzMDggNy41MjM2OSA0LjAzNTUzIDcuMzI4NDNMMS4yMDcxMSA0LjVMNC4wMzU1MyAxLjY3MTU3QzQuMjMwOCAxLjQ3NjMxIDQuMjMwOCAxLjE1OTczIDQuMDM1NTMgMC45NjQ0NjZDMy44NDAyNyAwLjc2OTIwNCAzLjUyMzY5IDAuNzY5MjA0IDMuMzI4NDMgMC45NjQ0NjZMMC4xNDY0NDcgNC4xNDY0NVpNMS41IDRMMC41IDRMMC41IDVMMS41IDVMMS41IDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); } .slider-tags .owl-nav button.owl-next span { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC44NTM1NSA0Ljg1MzU1QzUuMDQ4ODIgNC42NTgyOSA1LjA0ODgyIDQuMzQxNzEgNC44NTM1NSA0LjE0NjQ1TDEuNjcxNTcgMC45NjQ0NjZDMS40NzYzMSAwLjc2OTIwNCAxLjE1OTczIDAuNzY5MjA0IDAuOTY0NDY2IDAuOTY0NDY2QzAuNzY5MjA0IDEuMTU5NzMgMC43NjkyMDQgMS40NzYzMSAwLjk2NDQ2NiAxLjY3MTU3TDMuNzkyODkgNC41TDAuOTY0NDY2IDcuMzI4NDNDMC43NjkyMDQgNy41MjM2OSAwLjc2OTIwNCA3Ljg0MDI3IDAuOTY0NDY2IDguMDM1NTNDMS4xNTk3MyA4LjIzMDggMS40NzYzMSA4LjIzMDggMS42NzE1NyA4LjAzNTUzTDQuODUzNTUgNC44NTM1NVpNMy41IDVMNC41IDVMNC41IDRMMy41IDRMMy41IDVaIiBmaWxsPSIjMjIyRDNBIi8+Cjwvc3ZnPgo=); } .slider-tags .owl-nav button.owl-next:hover span { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC44NTM1NSA0Ljg1MzU1QzUuMDQ4ODIgNC42NTgyOSA1LjA0ODgyIDQuMzQxNzEgNC44NTM1NSA0LjE0NjQ1TDEuNjcxNTcgMC45NjQ0NjZDMS40NzYzMSAwLjc2OTIwNCAxLjE1OTczIDAuNzY5MjA0IDAuOTY0NDY2IDAuOTY0NDY2QzAuNzY5MjA0IDEuMTU5NzMgMC43NjkyMDQgMS40NzYzMSAwLjk2NDQ2NiAxLjY3MTU3TDMuNzkyODkgNC41TDAuOTY0NDY2IDcuMzI4NDNDMC43NjkyMDQgNy41MjM2OSAwLjc2OTIwNCA3Ljg0MDI3IDAuOTY0NDY2IDguMDM1NTNDMS4xNTk3MyA4LjIzMDggMS40NzYzMSA4LjIzMDggMS42NzE1NyA4LjAzNTUzTDQuODUzNTUgNC44NTM1NVpNMy41IDVMNC41IDVMNC41IDRMMy41IDRMMy41IDVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); } [data-theme=dark] .slider-tags .owl-nav button.owl-next span { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC44NTM1NSA0Ljg1MzU1QzUuMDQ4ODIgNC42NTgyOSA1LjA0ODgyIDQuMzQxNzEgNC44NTM1NSA0LjE0NjQ1TDEuNjcxNTcgMC45NjQ0NjZDMS40NzYzMSAwLjc2OTIwNCAxLjE1OTczIDAuNzY5MjA0IDAuOTY0NDY2IDAuOTY0NDY2QzAuNzY5MjA0IDEuMTU5NzMgMC43NjkyMDQgMS40NzYzMSAwLjk2NDQ2NiAxLjY3MTU3TDMuNzkyODkgNC41TDAuOTY0NDY2IDcuMzI4NDNDMC43NjkyMDQgNy41MjM2OSAwLjc2OTIwNCA3Ljg0MDI3IDAuOTY0NDY2IDguMDM1NTNDMS4xNTk3MyA4LjIzMDggMS40NzYzMSA4LjIzMDggMS42NzE1NyA4LjAzNTUzTDQuODUzNTUgNC44NTM1NVpNMy41IDVMNC41IDVMNC41IDRMMy41IDRMMy41IDVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); } .slider-tags .owl-nav button.disabled { opacity: 0; visibility: hidden; } /* @media(min-width: 992px) { .slider-tags::-webkit-scrollbar { height: 0; } .slider-tags::-webkit-scrollbar-track { height: 0; } .slider-tags::-webkit-scrollbar-thumb { height: 0; } } */ .slider-top .slider-tags { margin: 0; margin-left: 15px; } .slider-tags a, .slider-tags span { display: block; color: var(--xm-color-grey); font-size: 16px; font-weight: 500; line-height: 162.5%; cursor: pointer; padding-bottom: 1px; transition: .3s; white-space: nowrap; } .slider-tags a:hover, .slider-tags span:hover { color: var(--xm-color-read); } .slider-tags a.active, .slider-tags span.active { color: var(--xm-color-read); border-bottom: 2px solid var(--xm-color-read); } .materials { margin-top: 35px; } .material { position: relative; border-radius: 4px; overflow: hidden; height: 240px; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; } .material-pic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .material-pic img { width: 100%; height: 100%; object-fit: cover; transition: .3s; } .material:hover .material-pic img { transform: scale(1.05); } .material-pic::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #272733; opacity: 0.31; } .material__title { color: #FFF; font-size: 20px; font-weight: 600; line-height: 125%; } .material__date { color: #FFF; font-size: 13px; font-weight: 400; line-height: 207.692%; opacity: 0.8; } .slider-bottom { margin-top: 35px; display: flex; align-items: center; justify-content: center; position: relative; } .brands-block { padding-top: 60px; padding-bottom: 60px; background-color: var(--xm-bg-section--gray2); /* overflow: hidden; */ } .brands-block__title { max-width: 918px; } .brands-block__title span { color: var(--xm-color-read); } .brands-slider { margin-top: 30px; } .brands-slide { flex: 1; } .brands-slider .owl-nav { position: absolute; right: 0; top: -76px; display: flex; align-items: center; gap: 10px; } .brands-slider .owl-nav span { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background-color: var(--xm-bg-slider--arr); border: 1px solid var(--xm-bd-menu--mobile); box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.03); transition: .3s; } .brands-slider .owl-nav span:hover { background-color: var(--xm-color-read); } .brands-slider .owl-nav span svg { width: 15px; height: auto; } .brands-slider .owl-nav span path { stroke: var(--xm-color-dark); transition: .3s; } .brands-slider .owl-nav span:hover path { stroke: #fff } .brands-slide_wrapper { display: flex; gap: 20px; } .brands-slide__pic { border: 1px solid #EDF0F2; border-radius: 4px; overflow: hidden; display: flex; justify-content: center; align-items: center; height: 71px; } .brands-slide__pic img { max-width: 80%; width: auto!important; height: auto; } [data-theme=dark] .brands-slide__pic { background-color: #fff; } .slider__title { white-space: nowrap; } .switch-top { margin-bottom: 25px; } .switch-top_block { width: 283px; justify-content: space-between; gap: 0; z-index: 3; /* transition: all 3s; */ } .switch-top__select { position: relative; justify-content: flex-start; transition: all .3s linear; width: 100%; } .switch-top__select.active { padding-left: 17px; padding-right: 34px; color: var(--xm-color-dark); } .switch-top__select:not(.active) { cursor: default; pointer-events: none; padding-right: 7px; } .switch-top__select.hide { overflow: hidden; width: 0; padding: 0; } .switch-top__select svg { position: absolute; top: 13px; right: 17px; width: 13px; height: auto; transition: .3s; } .switch-top__select svg path { stroke: var(--xm-color-blue); } .switch-top__select.show svg { transform: rotate(180deg); } .block-top_list--wrapper { padding: 4px; padding-top: 20px; background-color: var(--xm-light-grey4); border-radius: 0 0 6px 6px; position: absolute; top: calc(100% - 20px); left: 0; width: 100%; z-index: -1; display: none; height: 509px; } .block-top_list { height: 100%; overflow: hidden; overflow-y: auto; } .block-top_list::-webkit-scrollbar { width: 5px; } .block-top_list::-webkit-scrollbar-track { border-radius: 10px; cursor: pointer; } .block-top_list::-webkit-scrollbar-thumb { background-color: var(--xm-color-dark); opacity: 0.8; border-radius: 10px; transition: .3s; } .block-top_list::-webkit-scrollbar-thumb:hover { opacity: 1; } .block-top_list a { padding: 10px 15px; display: block; color: var(--xm-color-dark); font-size: 14px; font-weight: 500; line-height: 150%; opacity: 0.8; border-radius: 900px; } .block-top_list li.active a, .block-top_list a:hover { color: var(--xm-color-read); opacity: 1; background-color: var(--xm-bg-list--city); } .tooltip-product { display: none; } .banner-products_dots { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 17px; transition: .3s; z-index: 2; } .banner-products_dots .owl-dot { display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: .3s; position: relative; cursor: pointer; } .banner-products_dots .circle { stroke: var(--xm-dark-grey13); } .banner-products_dots .owl-dot.active .circle { opacity: 1; } .banner-products_dots .circle_loader { stroke: var(--xm-color-dark); } .banner-products_dots .owl-dot.active .circle_loader { -webkit-animation: circle-loader 7s linear both; animation: circle-loader 7s linear both; } .banner-products_dots .owl-dot span { display: block; width: 5px; height: 5px; background-color: var(--xm-color-dark); transition: .3s; /* opacity: 0.7; */ border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .banner-products_dots .owl-dot.active span { width: 3px; height: 3px; } .circle_loader { fill: none; stroke-dasharray: 100; stroke-dashoffset: 100; stroke: #222D3A; opacity: 0; stroke-width: 1px; transform-origin: center; transform: rotate(-90deg); } @-webkit-keyframes circle-loader { 0% { stroke-dashoffset: 100; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 1; } } @keyframes circle-loader { 0% { stroke-dashoffset: 100; opacity: 1; } 100% { stroke-dashoffset: 0; opacity: 1; } } .loadmore { margin-left: auto; margin-right: auto; border: 1px solid #CED9E5; background-color: transparent; color: var(--xm-color-blue); margin-top: 30px; padding: 13px 14px; } .loadmore svg { width: 19px; height: auto; } .loadmore.rotate-center svg { -webkit-animation: rotate-center 0.6s linear infinite both; animation: rotate-center 0.6s linear infinite both; } @-webkit-keyframes rotate-center { 0% { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); transform-origin: center; } } @keyframes rotate-center { 0% { -webkit-transform: rotate(0); transform: rotate(0); transform-origin: center; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); transform-origin: center; } } .loadmore svg path { fill: var(--xm-color-blue); transition: .3s; } .loadmore:hover { background-color: var(--xm-color-read); border-color: var(--xm-color-read); color: #fff; } .loadmore:hover svg path { fill: #fff; } .review-reply { padding: 14px 20px 15px; background-color: var(--xm-bg-reply); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzA2IiBoZWlnaHQ9IjE2NCIgdmlld0JveD0iMCAwIDMwNiAxNjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzEwLjM4MSAyNy4wMDc5TDM3MyAtMThMMjc3Ljk1MiAtMTcuMTEyOUMxNzcuOTM4IDM5LjkyNDggNDIuODAzMyAxOTguNTQ3IDExLjcxNSAyNDMuMTA1QzI2LjEzNDMgMjM1LjUyMyAzOC43NDY3IDIxNS4wMzYgNTguNTYyOCAyMDguMzUyQzUxLjgxMzkgMjIzLjQ5MyA4LjU2Nzg0IDI2Mi43MDUgMCAyODlDMS44MDY5IDI4OC4xMDEgODQuNjk3MSAxOTkuNDM0IDE0NS45NTIgMTQ2Ljg1NUMxOTUuOTU5IDEwMy42NDYgMjU2Ljc3MiA2Ni4yMDggMzEwLjM4MSAyNy4wMDc5Wk0yMzEuNTQ3IDQyLjE0ODVDMjQwLjU1OCA0MS43MTA5IDIzOC4zMDggNDQuMzg0MSAyNDguNjcxIDQzLjA0NzVMMTE2LjIyOCAxNTIuNjUyQzEyMi41MzQgMTQ1LjA4MSAxMjkuNzM4IDEzNy40OTkgMTM1LjYwMiAxMjkuNDc5QzEyOC4zODYgMTI5LjQ3OSA4Ny40MDE1IDE3MS44MTQgODYuOTQ2OCAxNzIuNzAxQzk2LjQwMDEgMTUwLjg2NSAyMjEuNjM5IDI3LjQ0NTYgMjY4LjA0NCA4LjI4MzJDMjYwLjgyOCAxNi4zMDMgMjM5LjY2IDMxLjkwNDkgMjMxLjU0NyA0Mi4xNDg1WiIgZmlsbD0iI0U4RURGMyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcwLjY3NDggLTkuODE0NTZMMjkuODM5NiAtMTAuNjg5OEw1NS45OTA3IDExLjI4NDVIMzAuMzAyNkM4MC43NjQ4IDM2Ljc4MyAxMjEuMTM3IDYxLjM5NDcgMTU0LjYyNCA4NS41NzQ2QzE1Ni4wMDEgODMuODEyNCAxNTcuODQxIDgxLjYxODUgMTU5LjY2OSA4MC4yOTk4QzE2Ni41NTQgNzUuNDY4NSAxNjcuNDY4IDcxLjUxMjQgMTczLjQzOSA2OC44NzUxQzE3Ni42NDQgNjcuNTU2NCAxNzguOTM1IDY0LjkxOSAxODEuNjg5IDYyLjI4MTZDMTQ5LjExNiAzNS4wMjA5IDExMi44NzUgMTEuNzI3OSA3MC42NzQ4IC05LjgxNDU2Wk0xODUuMzU3IDEwOC44NzlDMTk2LjgyNCAxMTguMTEgMjA3LjM3NyAxMjcuMzQxIDIxNy40NjcgMTM2LjU3MkMyMzIuNjE0IDE1MC4xOSAyNDkuNTg5IDE2Mi45NDUgMjU3LjgzOSAxNjcuMzMzTDIzMS4yMzcgMTM3Ljg5TDMwNS41NDcgMjAxLjE4OEMzMTAuMTQyIDIwMy44MjUgMjYyLjQzMyAxNTIuODI4IDI2Ni4xMDEgMTU1LjkwOUwyOTEuNzg5IDE3Ny40NTFDMjY2LjU2NSAxNDMuNTk3IDI0MC40MTMgMTE0LjE1NCAyMTEuOTcxIDg3Ljc2ODVDMjExLjA0NSA4OS4wODcyIDIwOS42NjggODkuOTc0MSAyMDcuODQgOTAuODQ5M0wxODUuMzU3IDEwOC44NzlaIiBmaWxsPSIjRThFREYzIi8+Cjwvc3ZnPgo=); background-position: right 100%; background-size: contain; background-repeat: no-repeat; } [data-theme=dark] .review-reply { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzA2IiBoZWlnaHQ9IjE0MyIgdmlld0JveD0iMCAwIDMwNiAxNDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzEwLjg4MSAxNy4wMDc5TDM3My41IC0yOEwyNzguNDUyIC0yNy4xMTI5QzE3OC40MzggMjkuOTI0OCA0My4zMDMzIDE4OC41NDcgMTIuMjE1IDIzMy4xMDVDMjYuNjM0MyAyMjUuNTIzIDM5LjI0NjcgMjA1LjAzNiA1OS4wNjI4IDE5OC4zNTJDNTIuMzEzOSAyMTMuNDkzIDkuMDY3ODQgMjUyLjcwNSAwLjUgMjc5QzIuMzA2OSAyNzguMTAxIDg1LjE5NzEgMTg5LjQzNCAxNDYuNDUyIDEzNi44NTVDMTk2LjQ1OSA5My42NDU1IDI1Ny4yNzIgNTYuMjA4IDMxMC44ODEgMTcuMDA3OVpNMjMyLjA0NyAzMi4xNDg1QzI0MS4wNTggMzEuNzEwOSAyMzguODA4IDM0LjM4NDEgMjQ5LjE3MSAzMy4wNDc1TDExNi43MjggMTQyLjY1MkMxMjMuMDM0IDEzNS4wODEgMTMwLjIzOCAxMjcuNDk5IDEzNi4xMDIgMTE5LjQ3OUMxMjguODg2IDExOS40NzkgODcuOTAxNSAxNjEuODE0IDg3LjQ0NjggMTYyLjcwMUM5Ni45MDAxIDE0MC44NjUgMjIyLjEzOSAxNy40NDU2IDI2OC41NDQgLTEuNzE2OEMyNjEuMzI4IDYuMzAzIDI0MC4xNiAyMS45MDQ5IDIzMi4wNDcgMzIuMTQ4NVoiIGZpbGw9IiMyNzMxM0UiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03MS4xNzQ4IC0xOS44MTQ2TDMwLjMzOTYgLTIwLjY4OThMNTYuNDkwNyAxLjI4NDQ4SDMwLjgwMjZDODEuMjY0OCAyNi43ODMgMTIxLjYzNyA1MS4zOTQ3IDE1NS4xMjQgNzUuNTc0NkMxNTYuNTAxIDczLjgxMjQgMTU4LjM0MSA3MS42MTg1IDE2MC4xNjkgNzAuMjk5OEMxNjcuMDU0IDY1LjQ2ODUgMTY3Ljk2OCA2MS41MTI0IDE3My45MzkgNTguODc1MUMxNzcuMTQ0IDU3LjU1NjQgMTc5LjQzNSA1NC45MTkgMTgyLjE4OSA1Mi4yODE2QzE0OS42MTYgMjUuMDIwOSAxMTMuMzc1IDEuNzI3OTMgNzEuMTc0OCAtMTkuODE0NlpNMTg1Ljg1NyA5OC44NzkyQzE5Ny4zMjQgMTA4LjExIDIwNy44NzcgMTE3LjM0MSAyMTcuOTY3IDEyNi41NzJDMjMzLjExNCAxNDAuMTkgMjUwLjA4OSAxNTIuOTQ1IDI1OC4zMzkgMTU3LjMzM0wyMzEuNzM3IDEyNy44OUwzMDYuMDQ3IDE5MS4xODhDMzEwLjY0MiAxOTMuODI1IDI2Mi45MzMgMTQyLjgyOCAyNjYuNjAxIDE0NS45MDlMMjkyLjI4OSAxNjcuNDUxQzI2Ny4wNjUgMTMzLjU5NyAyNDAuOTEzIDEwNC4xNTQgMjEyLjQ3MSA3Ny43Njg1QzIxMS41NDUgNzkuMDg3MiAyMTAuMTY4IDc5Ljk3NDEgMjA4LjM0IDgwLjg0OTNMMTg1Ljg1NyA5OC44NzkyWiIgZmlsbD0iIzI3MzEzRSIvPgo8L3N2Zz4K); } .review-reply_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 11px; } .review-reply__icon { width: 50px; min-width: 50px; height: 50px; border-radius: 50%; } .review-reply__icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .review-reply__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; color: var(--xm-color-grey); line-height: 138.462%; font-size: 13px; } .review-reply__manager { color: var(--xm-color-dark); font-size: 18px; font-weight: 500; line-height: 122.222%; margin-top: 2px; } .review-reply__text { font-size: 15px; font-style: italic; line-height: 140%; color: var(--xm-dirty-blue); margin-top: 13px; } .review-reply_admin { display: flex; align-items: center; justify-content: flex-end; gap: 16px; margin-top: 5px; } .review-reply_admin__link { display: flex; align-items: center; gap: 5px; } .review-reply_admin__link:hover { opacity: 0.8; } .review-reply_admin__link svg { width: 17px; height: auto; } .review-reply_admin__link span { border-bottom: 1px dashed; font-family: "Fira Sans"; font-size: 13px; font-weight: 500; line-height: 142%; } .review-reply_admin__link.delete span { border-color: rgba(227, 0, 22, 0.29); color: #E30016; } .review-reply_admin__link.change span { border-color: rgba(0, 79, 160, 0.29); color: var(--xm-color-read); } .review-reply_admin__link.change svg path { stroke: var(--xm-color-read); } .delivery-box { display: flex; align-items: flex-start; gap: 15px; -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.06); border-radius: 8px; background-color: var(--xm-bg-header); padding: 35px; border: 1px solid var(--xm-bd-grey); } .delivery-box_pic { width: 64px; min-width: 64px; display: flex; align-items: center; } .delivery-box_pic img { width: 100%; height: auto; } .delivery-box__title { line-height: 125%; color: var(--xm-color-dark); } .delivery-box__text { margin-top: 8px; color: var(--xm-light-grey5); line-height: 140%; } .delivery-box__btn.btn { margin-top: 8px; width: 151px; height: 36px; line-height: 0; gap: 5px; } .delivery-box__btn svg path { stroke: var(--xm-color-read); } .slider-items2 { margin-top: 20px; } .slider-items2 .cart_bottom { padding: 10px 10px 40px; } .slider-items2 .product-cart { border-radius: 4px; border: 1px solid #EAEBEF; } [data-theme=dark] .slider-items2 .product-cart { border-color: transparent; } .slider-items2 .product-cart_pic { height: 139px; } .slider-items2 .product-cart__title { font-size: 14px; line-height: 18px; margin-bottom: 0; } .slider-items2 .product-cart_prices, .slider-items2 .product-cart_prices--r { gap: 6px; } .slider-items2 .product-cart_prices { margin-top: 8px; } .slider-items2 .product-cart_prices .discount{ padding: 2px; } .slider-items2 .product-cart_prices--l { gap: 2px; } .slider-items2 .product-cart_prices--l>span{ width: auto; position: absolute; inset: 0; } .slider-items2 .price { font-size: 16px; white-space: nowrap; } .slider-items2 .oldprice { font-size: 12px; line-height: 26px; white-space: nowrap; } .slider-items2 .product-cart_row { margin-top: 6px; } .slider-items2 .product-cart_rating { margin-bottom: 14px; } .slider-items2 .product-cart_pic .product-cart_btns { z-index: 3; top: 0; right: 0; } .catalog-recommendation_slider .owl-item { height: auto; } .catalog-recommendation_slide { height: 100%; } .addToCard-modal { max-width: 730px; padding: 0; padding-top: 35px; } .addToCard-row { display: flex; align-items: center; padding-left: 35px; gap: 15px; margin-top: 25px; margin-bottom: 25px; } .addToCard__pic { width: 205px; height: 132px; border-radius: 4px; border: 1px solid var(--xm-bd-grey); background-color: #FFFFFF; overflow: hidden; } .addToCard__pic img { width: 100%; height: 100%; object-fit: cover; } .addToCard-block__title { color: var(--xm-black); font-size: 19px; font-weight: 500; line-height: 24px; } .addToCard-block__text { color: var(--xm-color-dark); font-size: 14px; line-height: 22px; opacity: 0.7; margin-top: 5px; margin-bottom: 11px; } .addToCard-block_row { display: flex; align-items: center; gap: 19px; } .addToCard-qty { border-radius: 4px; overflow: hidden; border: 1px solid #EDF0F2; background-color: #FFFFFF; width: 129px; min-width: 129px; height: 50px; display: flex; align-items: stretch; } [data-theme=dark] .addToCard-qty { background-color: rgba(255, 255, 255, 0.03); border-color: rgba(237, 240, 242, 0.05); } .addToCard-qty__btn { background: transparent; padding: 0; display: flex; align-items: center; justify-content: center; flex-grow: 1; transition: .3s; } .addToCard-qty__btn.disabled { pointer-events: none; background-color: rgba(237, 240, 242, 0.72); } [data-theme=dark] .addToCard-qty__btn.disabled { background-color: rgba(237, 240, 242, 0.11); } .addToCard-qty__btn.disabled svg { opacity: 0.2; } .addToCard-qty__btn.minus { border-right: 1px solid #EDF0F2; } .addToCard-qty__btn.plus { border-left: 1px solid #EDF0F2; } [data-theme=dark] .addToCard-qty__btn.minus, [data-theme=dark] .addToCard-qty__btn.plus { border-color: rgba(237, 240, 242, 0.02); } .addToCard-qty__btn.minus svg { width: 9px; height: auto; } .addToCard-qty__btn.plus svg { width: 11px; height: auto; } .addToCard-qty__btn path { fill: var(--xm-color-dark); transition: .3s; } .addToCard-qty__btn:hover { background-color: var(--xm-color-read); } .addToCard-qty__btn:hover path { fill: #FFFFFF; } .addToCard-qty__input { width: 51px; text-align: center; background-color: transparent; border: none; outline: none; color: var(--xm-color-dark); font-size: 15px; line-height: 21px; } .addToCard-prices_row { display: flex; align-items: center; gap: 5px; } .addToCard-prices .request-price{ cursor: pointer; color: var(--xm-color-read); font-size: 14px; font-style: normal; font-weight: 500; line-height: 150%; border-bottom: 1px solid var(--xm-color-read); transition: .3s; } .addToCard-control { display: flex; align-items: center; gap: 10px; } .addToCard-control .product-cart__btn { border-color: var(--xm-bd-grey5); background-color: var(--xm-bg-input); } .product-cart__remove svg { width: 20px; height: auto; } .addToCard-control .product-cart__btn svg path { stroke: var(--xm-color-dark); } .addToCard-bottom { display: flex; align-items: center; justify-content: space-between; padding: 21px 35px; background-color: var(--xm-bg-section--gray2); border-radius: 0 0 5px 5px; border-top: 1px solid var(--xm-bd-grey); } .addToCard-bottom_box span { color: var(--xm-color-dark); font-size: 16px; font-weight: 500; line-height: 21px; } .addToCard-bottom_box .price { margin-bottom: 2px; } .addToCard-bottom_row { display: flex; align-items: center; gap: 25px; } .addToCard-close { color: var(--xm-color-grey); font-size: 15px; font-weight: 500; line-height: 22px; border-bottom: 1px solid rgba(84, 96, 109, 0.33); cursor: pointer; transition: .3s; } .addToCard-close:hover { color: var(--xm-color-read); border-color: var(--xm-color-read); } .addToCard__btn { width: 192px; height: 56px; } .view-modal { max-width: 1480px; } .view-modal_top { display: flex; align-items: center; gap: 15px; } .wishlist-empty_top { display: flex; align-items: flex-start; justify-content: space-between; position: relative; z-index: 1; } .top-row { position: relative; z-index: 1; } .top-row::before { content: ''; position: absolute; z-index: -1; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 250px; background-color: #FFFFFF; } [data-theme=dark] .top-row::before { background-color: rgba(255, 255, 255, 0.02); } .wishlist-empty_info { display: flex; align-items: center; gap: 15px; margin-top: -37px; } .wishlist-empty_pic { width: 178px; min-width: 178px; height: 145px; display: flex; align-items: flex-start; justify-content: center; position: relative; z-index: 1; overflow: hidden; } .wishlist-empty_pic::before { content: ''; position: absolute; top: 29px; left: 0; width: 178px; height: 178px; border-radius: 50%; background-color: #FEC200; z-index: -1; } .wishlist-empty_pic img { width: 141px; height: 100%; object-fit: cover; object-position: top; } .wishlist-empty_block { display: flex; align-items: flex-start; gap: 15px; max-width: 344px; } .wishlist-empty_block>svg { width: 23px; min-width: 23px; height: auto; } .wishlist-empty_box p { color: var(--xm-color-dark); font-size: 18px; font-weight: 600; line-height: 21px; margin-bottom: 10px; } .wishlist-empty_box span { color: var(--xm-color-dark); font-size: 15px; line-height: 21px; } .wishlist-empty_box span a { text-decoration: underline; color: var(--xm-color-read); font-weight: 700; } .wishlist-empty_box span a:hover { opacity: 0.8; } .wishlist-empty_content { display: flex; align-items: center; gap: 15px; justify-content: space-between; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #ECECEC; } [data-theme=dark] .wishlist-empty_content { border-bottom: 1px solid rgba(236, 236, 236, 0.09); } .wishlist-empty_row { display: flex; align-items: center; gap: 15px; flex-grow: 1; } .wishlist-empty_icon { width: 157px; min-width: 157px; height: 157px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; } [data-theme=dark] .wishlist-empty_icon { background-color: #272B2F; } .wishlist-empty_icon svg { height: 109px; width: auto; } .wishlist-empty_icon svg path:not(rect+path) { stroke: var(--xm-color-dark); } [data-theme=dark] .wishlist-empty_icon svg rect+rect { stroke: var(--xm-bg-body); } .wishlist-empty_text p { color: var(--xm-color-dark); font-size: 20px; font-weight: 600; line-height: 25px; margin-bottom: 5px; } .wishlist-empty_text span { color: #5F636A; font-size: 16px; line-height: 25px; letter-spacing: -0.16px; } .wishlist-empty_text .block-search { margin-top: 12px; } [data-theme=dark] .wishlist-empty_text span { color: #ADB2B8; } .wishlist-empty__btn { width: 212px; height: 60px; } .product-removed { position: fixed; top: 23.25vh; right: 80px; border-radius: 9px; background-color: var(--xm-bg-header); box-shadow: 0px 190px 53px 0px rgba(0, 0, 0, 0.00), 0px 121px 49px 0px rgba(0, 0, 0, 0.01), 0px 68px 41px 0px rgba(0, 0, 0, 0.05), 0px 30px 30px 0px rgba(0, 0, 0, 0.09), 0px 8px 17px 0px rgba(0, 0, 0, 0.10); padding: 16px 20px 16px 10px; display: none; align-items: center; gap: 11px; z-index: 1000; } .product-removed_close { cursor: pointer; position: absolute; top: 4px; right: 4px; width: 16px; display: flex; align-items: center; } .product-removed_close svg { width: 100%; height: auto; } .product-removed_close svg path { stroke: var(--xm-color-dark); opacity: 0.6; transition: .3s; } .product-removed_close:hover svg path { stroke: var(--xm-color-read); opacity: 1; } .product-removed_pic { width: 85px; min-width: 85px; height: 55px; background-color: #FFFFFF; border-radius: 4px; overflow: hidden; } .product-removed_pic img { width: 100%; height: 100%; object-fit: cover; } .product-removed_box span { color: var(--xm-color-grey); font-size: 11px; font-weight: 500; text-transform: uppercase; } .product-removed_box p { margin-top: 2px; color: var(--xm-color-dark); font-size: 14px; font-weight: 500; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width: 208px; } .fg__field { position: relative; } .pass-toggle { display: flex; align-items: center; cursor: pointer; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); background-color: transparent; padding: 0; } .pass-toggle.active img { width: 22px; height: auto; } .pass-show, .pass-toggle.active .pass-hidden { display: none; } .pass-toggle.active .pass-show { display: block; } .fg-error { padding: 13px 14px; display: none; align-items: center; gap: 10px; border-radius: 5px; border: 1px dashed #E30016; background-color: #FDF6F5; width: 100%; } .fg-error svg { width: 18px; min-width: 18px; height: auto; } .fg-error span { color: #E30016; font-size: 15px; line-height: 21px; } .input._error { border-color: #E30016; color: #E30016; } .input._error::placeholder { color: #E30016; opacity: 0.6; } .shops-search_items { position: absolute; z-index: -1; top: calc(100% - 5px); padding-top: 5px; width: 100%; background-color: var(--xm-bg-header); border-radius: 5px; -webkit-box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17); box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.17); display: none; z-index: 2; } .shops-search_item { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; min-height: 64px; border-bottom: 1px solid var(--xm-bd-inp); cursor: pointer; transition: .3s; color: var(--xm-color-dark); } .shops-search_item:last-child { border-bottom: none; } .shops-search_item:hover { color: var(--xm-color-blue); background-color: var(--xm-light-grey); } .shops-search_item.active { background-color: var(--xm-color-read); color: #fff; cursor: default; pointer-events: none; } .shops-search__city { font-size: 15px; font-weight: 500; line-height: 146.667%; } .shops-search__state { font-size: 14px; line-height: 157.143%; opacity: 0.7; } .shops-search__count { color: #727C87; font-size: 13px; line-height: 169.231%; } .shops-search_item.active .shops-search__count { color: var(--xm-color-blue); opacity: 0.9; } .shops-search_item.active .shops-search__count { color: #EDF0F2; } .catalog-banner { width: 100%; position: relative; padding: 44px 25px 85px; border-radius: 5px; overflow: hidden; margin-top: 30px; z-index: 1; } .catalog-banner__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .catalog-banner_box { max-width: 210px; } .catalog-banner__title { color: #EDF0F2; font-family: "Halvar Breitschrift", sans-serif; font-size: 24px; font-weight: 900; line-height: 137.5%; text-transform: uppercase; } .catalog-banner__text { color: #EDF0F2; font-size: 16px; font-weight: 400; line-height: 137.5%; letter-spacing: -0.16px; margin-top: 13px; margin-bottom: 13px; } .catalog-banner__btn { width: 133px; height: 42px; } .catalog-content_banner5 { border-radius: 5px; background: radial-gradient(60% 316.7% at 7.33% 19%, #004392 0%, #2399DC 100%); overflow: hidden; position: relative; z-index: 1; padding-top: 16px; padding-bottom: 16px; padding-left: 193px; padding-right: 32px; display: flex; align-items: center; gap: 23px; } .catalog-content_banner5__layer { position: absolute; width: auto; height: 100%; left: 0; top: 50%; transform: translateY(-50%); z-index: -2; } .catalog-content_banner5__bg { position: absolute; left: 0; bottom: 0; width: 194px; height: auto; z-index: -1; } .catalog-content_banner5--l { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; max-width: 327px; } .catalog-content_tag { display: flex; align-items: center; gap: 5px; border-radius: 32px; background: linear-gradient(90deg, #DE162E 0%, #95269E 100%); padding: 4px 6px; } .catalog-content_tag svg { width: 12px; height: auto; } .catalog-content_tag span { color: #FFFFFF; font-size: 11px; font-weight: 700; text-transform: uppercase; } .catalog-content_banner5__title { color: #FFFFFF; font-family: "Halvar Breitschrift", sans-serif; font-size: 19px; font-weight: 700; line-height: 21px; } .catalog-content_banner5--mid { padding: 8px 19px; border-radius: 900px; background: #1C1F16; transform: rotate(-15deg); } .catalog-content_banner5--mid span { color: #FFFFFF; font-size: 22px; font-weight: 800; line-height: 21px; } .catalog-content_banner5__text { max-width: 388px; color: #FFFFFF; font-size: 15px; line-height: 21px; margin-left: auto; } .filter-tooltip { opacity: 1; visibility: visible; bottom: unset; z-index: 1000; cursor: pointer; width: max-content; border-radius: 0 4px 4px 0; transform: translate(-50%, -50%); } .filter-tooltip::after { border: 6px solid transparent; border-right: 6px solid rgba(0, 0, 0, 0.79); transform: translateY(50%); bottom: 50%; left: -12px; } .side-menu { position: fixed; top: 250px; right: 0; z-index: 1000; } .side-menu__btn { border-radius: 6px 0px 0px 6px; background-color: var(--xm-light-grey4); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .3s; } .side-menu__btn svg { width: 24px; height: auto; } .side-menu__btn svg path { stroke: var(--xm-color-read); transition: .3s; } .side-menu__btn:hover { background-color: var(--xm-color-read); } .side-menu__btn:hover svg path { stroke: #FFFFFF; } .side-menu_items { display: none; flex-direction: column; align-items: flex-end; } .side-menu__item { cursor: pointer; overflow: hidden; margin-top: -1px; border: 1px solid var(--xm-color-read); display: flex; align-items: center; /* gap: 10px; */ /* width: 50px; */ height: 50px; transition: .3s; background: #fff } /*.side-menu__item[data-modal="requestCallModal"] svg path { stroke: var(--xm-color-read); }*/ .side-menu__item--svgPathColorize svg path { stroke: var(--xm-color-read); } .side-menu__item:first-child { margin-top: 0; border-radius: 6px 0 0 0; } .side-menu__item:last-child { border-radius: 0 0 0 6px; } .side-menu__item .icon { display: flex; align-items: center; justify-content: center; width: 49px; min-width: 49px; height: 49px; } .side-menu__item .text { color: #FFF; font-family: "Fira Sans"; font-size: 0; font-weight: 700; line-height: 20px; text-transform: uppercase; opacity: 0; transition: .3s; } .side-menu__item:hover { padding-right: 13px; border-radius: 6px 0 0 6px; background-color: var(--xm-color-read); } .side-menu__item._default:hover { padding-right: 0; border-bottom-left-radius: 0; } .side-menu__item:hover .text { font-size: 11px; opacity: 1; } .side-menu__item:not(._default):hover .icon svg path { stroke: #FFFFFF!important; } .side-menu__item._default:hover { } .side-menu__item._default:hover .icon svg path { fill: #FFFFFF; } [data-theme=dark] .side-menu__btn{ border: 1px solid var(--xm-dark-grey18); } [data-theme=dark] .side-menu__item{ background: var(--xm-bg-header); border: 1px solid var(--xm-dark-grey18); } [data-theme=dark] .side-menu__item._default svg path{ fill: #fff } .product-reviews_label { display: flex; align-items: center; gap: 7px; cursor: pointer; } .product-reviews_label input { display: none; } .product-reviews_filter--text { color: var(--xm-color-dark); font-size: 14px; line-height: 157.143%; } .product-review_gallery { display: flex; align-self: stretch; flex-wrap: wrap; gap: 10px; } .product-review_gallery a { display: block; width: 90px; min-width: 90px; height: 72px; border-radius: 6px; overflow: hidden; } .product-review_gallery a img { width: 100%; height: 100%; object-fit: cover; } .video-cats_slider{ display: block; opacity: 0; transition: opacity .3s; } .checkout-info { padding: 13px 14px; border-radius: 5px; border: 1px dashed var(--xm-color-read); background-color: var(--xm-light-grey34); display: flex; align-items: flex-start; gap: 10px; } .checkout-info svg { width: 21px; min-width: 21px; height: auto; } .checkout-info svg path { stroke: var(--xm-color-read); } .checkout-info p { color: var(--xm-dirty-blue); font-size: 15px; line-height: 21px; } @media screen and (hover: hover) { .min-product_price .min-product_price--l>span:hover .tooltip-product { opacity: 1; visibility: visible; } } @media(min-width: 1131px) { .tooltip-product { display: block; position: absolute; bottom: 100%; z-index: 2; padding-bottom: 10px; transition: .3s; opacity: 0; visibility: hidden; cursor: default; } .tooltip-product::after { content: ''; position: absolute; display: block; border: 6px solid transparent; border-top: 6px solid var(--xm-bg-header); transform: translateX(-50%); bottom: 0; left: 50%; border-radius: 5px; } .tooltip-product_inner { background-color: var(--xm-bg-header); border-radius: 4px; box-shadow: 0px 4px 18px 0px rgba(34, 41, 50, 0.25); padding: 15px; } .tooltip-product_oncredit { width: 243px; } .tooltip-product_split { width: 243px; left: 50%; transform: translateX(-50%); } .tooltip-product_info { width: 342px; } .tooltip-product_info::after { left: 80%; } .tooltip-product_garant { width: 342px; } .tooltip-product_garant::after { left: 20%; } .tooltip-product_buy { min-width: 342px; bottom: unset; top: 100%; left: -10px; padding-bottom: 0; padding-top: 10px; } .tooltip-product_buy::after { bottom: unset; top: 0; border-top: unset; border: 6px solid transparent; border-bottom: 6px solid var(--xm-bg-header); left: 35%; } @media screen and (hover: hover) { .product-cart_credit:hover .tooltip-product, .product-cart_garant-info:hover .tooltip-product, .product-cart_garant:hover .tooltip-product, .product-prices>span:hover .tooltip-product, .product-cart_prices--l>span:hover .tooltip-product { opacity: 1; visibility: visible; } } .modal-oncredit__btn { width: 100%; } .modal-buy__btn { padding: 16px 42px; } } .m-page.dark { background-color: var(--xm-bg-section--gray2); } .banner-product__btn { width: 46px; height: 46px; } .header-bottom_close{ display: none; } @media screen and (min-width: 1921px) { .h1 { font-size: 2.083vw; } .h2 { font-size: 1.458vw; } textarea { min-height: 3.906vw; } .btn.btn-medium { border-radius: 0.156vw; gap: 0.521vw; font-size: 0.625vw; font-weight: 700; } .btn-arrow::after { width: 1.563vw; height: 0.313vw; } .fg { gap: 0.208vw; } .fg-full { width: 100%; } .fg-2 { width: calc(50% - (1.042vw / 2)); } .fg-3 { width: calc((100% / 3) - (2.083vw / 3)); } .fg__title { font-size: 0.729vw; max-width: calc(100% - 3.125vw); } .fg__title span { margin-left: 0.208vw; } .fg__error { font-size: 0.677vw; } .input { font-size: 0.729vw; border: 0.052vw solid var(--xm-bd-inp); border-radius: 0.208vw; padding: 0.677vw 0.729vw; } .checkbox { min-width: 1.25vw; width: 1.25vw; height: 1.25vw; border-radius: 0.208vw; border: 0.052vw solid var(--xm-bd-inp); } ._icon::after { width: 0.781vw; height: 0.781vw; left: -1.094vw; top: 0.156vw; } .text24 { font-size: 1.25vw; } .text23 { font-size: 1.198vw; } .text22 { font-size: 1.146vw; } .text21 { font-size: 1.094vw; } .text20 { font-size: 1.042vw; } .text19 { font-size: 0.99vw; } .text18 { font-size: 0.938vw; } .text17 { font-size: 0.885vw; } .text16 { font-size: 0.833vw; } .text15 { font-size: 0.781vw; } .text14 { font-size: 0.729vw; } .text13 { font-size: 0.677vw; } .text12 { font-size: 0.625vw; } .text11 { font-size: 0.573vw; } .text10 { font-size: 0.521vw; } .block-top { gap: 0.781vw; } .block-top_switch { gap: 0.208vw; padding-left: 0.208vw; padding-right: 0.208vw; height: 2.448vw; border-radius: 46.875vw; } .block-top_switch__item { gap: 0.208vw; padding-left: 0.781vw; padding-right: 0.781vw; height: 2.031vw; border-radius: 46.875vw; } .block-search { border-right: 0.208vw; } .block-search .input { padding: 0.651vw 0.938vw; border-width: 0.104vw; } .block-search__btn { width: 6.302vw; border-radius: 0 0.208vw 0.208vw 0; } .badges { left: 0.521vw; bottom: 0.521vw; gap: 0.208vw; } .badges span { border-radius: 0.26vw; padding: 0.208vw 0.417vw; font-size: 0.573vw; } #datepicker { background-size: 1.563vw; background-position: calc(100% - 0.729vw) 50%; } .ui-widget.ui-widget-content { border-color: transparent; -webkit-box-shadow: 0vw 0.208vw 1.198vw 0vw rgba(0, 0, 0, 0.07); -moz-box-shadow: 0vw 0.208vw 1.198vw 0vw rgba(0, 0, 0, 0.07); box-shadow: 0vw 0.208vw 1.198vw 0vw rgba(0, 0, 0, 0.07); } .ui-widget-header { font-size: 0.729vw; } .ui-datepicker table { margin-top: 0.26vw; } .ui-datepicker .ui-datepicker-header { padding-top: 0.521vw; padding-bottom: 0.521vw; } .ui-datepicker .ui-datepicker-title { font-size: 0.729vw; } .ui-datepicker table thead th:first-child { border-radius: 0.26vw 0 0 0.26vw; } .ui-datepicker table thead th:last-child { border-radius: 0 0.26vw 0.26vw 0; } .ui-datepicker td { margin-top: 0.521vw; padding: 0.521vw 0 0; } .ui-state-default, .ui-widget-content .ui-state-default { height: 1.823vw; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 0.365vw; } .progressbar { height: 0.417vw; border-radius: 46.875vw; } .progressbar-line { border-radius: 46.875vw; width: 2.188vw; } .progressbar-steps span { width: 1.302vw; height: 1.302vw; font-size: 0.677vw; } .progressbar-bottom { margin-top: 1.042vw; } .product-cart_btns { gap: 0.26vw; } .product-cart__btn { width: 1.875vw; height: 1.875vw; border: 0.052vw solid #E9EBF1; border-radius: 0.26vw; } .product-cart__btn svg { width: 1.042vw; } .product-cart__btn.product-cart__favorites svg { width: 0.833vw; } .sort { gap: 0.521vw; } .sort__title { font-size: 0.781vw; } .sort-block span { gap: 0.104vw; font-size: 0.781vw; } .sort-block span::before { width: 1.042vw; height: 1.042vw; } .sort-block span::after { width: 0.781vw; height: 0.781vw; margin-bottom: 0.052vw; } .sort-block.active span::after { margin-top: 0.104vw; } .sort-block_list { left: -0.26vw; top: -0.26vw; border-radius: 0.26vw; min-width: calc(100% + 0.521vw); padding-top: 1.615vw; -webkit-box-shadow: 0vw 0.208vw 1.198vw 0vw rgba(0, 0, 0, 0.07); box-shadow: 0vw 0.208vw 1.198vw 0vw rgba(0, 0, 0, 0.07); } .sort-block_list li { padding: 0.26vw 0.833vw; padding-left: 1.354vw; font-size: 0.781vw; } .sort-block_list li.active::before { width: 0.833vw; height: 0.833vw; left: 0.26vw; } .modal-lg-content { padding-top: 3.125vw; padding-bottom: 3.125vw; } .modal-inner { border-radius: 0.26vw; padding: 1.823vw; } .close-modal { width: 2.031vw; height: 2.031vw; top: -0.052vw; right: -0.052vw; border-radius: 0vw 0.26vw 0vw 0.26vw; } .close-modal svg { width: 1.51vw; } .modal__title { font-size: 1.458vw; } .modal__text { font-size: 0.781vw; } .close-modal__btn { width: 7.813vw; height: 2.5vw; } .close-modal__btn svg { width: 0.938vw; } .modal-end .modal-inner { width: calc(100% - 2.604vw); border-radius: 0.26vw 0.26vw 0 0; padding-bottom: 2.604vw; } .modal-end .close-modal { top: -1.563vw; } .modal-buy_top { gap: 1.146vw; margin-bottom: 0.521vw; } .modal-buy__title { font-size: 0.677vw; } .modal-buy__price { font-size: 1.198vw; } .modal-buy__btn { padding: 0.833vw 2.422vw; } .modal-end__text { font-size: 0.677vw; } .modal-buy_bottom { padding-top: 0.521vw; margin-top: 0.521vw; border-top: 0.052vw solid #EDF0F2; } .modal-buy_prices { gap: 0.417vw; } .modal-buy__price1 { font-size: 0.99vw; } .modal-buy__price2 { font-size: 0.833vw; } .modal-buy__disc { padding: 0.104vw 0.313vw; border-radius: 0.313vw; font-size: 0.625vw; } .modal-guarantee_top { gap: 0.365vw; margin-bottom: 0.156vw; } .modal-guarantee_top svg { width: 0.885vw; min-width: 0.885vw; } .modal-guarantee__title { font-size: 0.781vw; } .modal-guarantee__link { font-size: 0.677vw; margin-top: 0.156vw; border-bottom: 0.052vw solid var(--xm-color-read); } .modal-oncredit_top { gap: 0.521vw; margin-bottom: 0.156vw; } .modal-oncredit_top svg { width: 1.927vw; } .modal-oncredit__title { font-size: 0.677vw; } .modal-oncredit__price { font-size: 0.99vw; } .modal-oncredit__btn { margin-top: 0.417vw; padding: 0.521vw 2.083vw; } .m-page { padding-top: 1.563vw; padding-bottom: 3.646vw; } .container { max-width: 77.083vw; } .header { border-bottom: 0.052vw solid var(--xm-bd-light); } .header-top { border-bottom: 0.052vw solid #F7F8FB; padding-top: 0.313vw; padding-bottom: 0.313vw; } .header-top_l { gap: 0.677vw; } .header-address { gap: 0.26vw; } .header-address svg { width: 0.885vw; height: auto; } .header-stores { border-radius: 41.667vw; padding: 0.208vw 0.573vw; } .header-top_menu { gap: 2.344vw; } .header-top_menu a { font-size: 0.729vw; } .header-top_r { gap: 1.042vw; } .theme-switch { width: 1.979vw; height: 1.146vw; border-radius: 1.094vw; } .theme-switch span { top: 0.104vw; left: 0.104vw; width: 0.938vw; height: 0.938vw; } .theme-switch span svg { width: 0.625vw; height: 0.625vw; } [data-theme=dark] .theme-switch span { left: calc(100% - 1.042vw); } .header-mid { padding-top: 0.677vw; padding-bottom: 0.677vw; } .header-mid_l { gap: 0.625vw; } .logo { max-width: 8.333vw; height: 2.604vw; } .logo__text { padding-left: 0.573vw; padding-top: 0.156vw; padding-bottom: 0.156vw; border-left: 0.052vw solid var(--xm-light-grey3); } .header-mid_block._show .header-search input { width: 37.069vw; border: 0.104vw solid var(--xm-color-read); border-top-left-radius: 0.208vw; padding-right: 3.125vw; } .header-search_content { top: calc(100% - 0.208vw); left: 0.208vw; width: calc(100% - 0.417vw); padding: 1.042vw; padding-right: 0.26vw; border-radius: 0vw 0vw 0.208vw 0.208vw; box-shadow: 0vw 0vw 0.99vw 0vw rgba(0, 0, 0, 0.19); margin-bottom: 1.042vw; max-height: calc(100vh - 8.222vw); } .header-search_content--inner { max-height: calc(100vh - 9.68vw); padding-right: 0.781vw; } .header-search_content--inner::-webkit-scrollbar { width: 0.208vw; } .header-search_content--inner::-webkit-scrollbar-thumb { border-radius: 1.042vw; } .header-search_top { gap: 0.521vw; margin-bottom: 0.573vw; } .header-search__title { font-size: 0.833vw; margin-bottom: 0.573vw; } .header-search_history__clear { border-bottom: 0.052vw dashed var(--xm-color-grey); font-size: 0.677vw; } .header-search_history--items { gap: 0.26vw; } .header-search_history--item { gap: 0.26vw; padding: 0.26vw 0.417vw; border-radius: 46.875vw; } .header-search_history--item::before { width: 0.833vw; height: 0.833vw; } .header-search_history--item span { font-size: 0.729vw; } .header-search_block:not(:last-child) { margin-bottom: 1.042vw; } .header-search_categories--items { gap: 0.313vw; } .header-search_categories--items li a { border: 0.052vw solid var(--xm-light-grey17); padding: 0.469vw 0.729vw; font-size: 0.729vw; } .header-search_categories--items li a span { font-weight: 600; } .header-search_brands { gap: 0.521vw; margin-top: 0.521vw; } .header-search_brand { gap: 0.781vw; } .header-search_brand__icon { width: 8.229vw; height: 3.646vw; border-radius: 0.208vw; border: 0.052vw solid var(--xm-bd-grey3); } .header-search_brand__title { font-size: 0.781vw; } .header-search_brand__text { margin-top: 0.156vw; font-size: 0.729vw; } .header-search_products--list { grid-column-gap: 0.521vw; grid-row-gap: 0.781vw; } .header-search_product { gap: 0.469vw; } .header-search_product__pic { width: 4.01vw; min-width: 4.01vw; height: 2.604vw; border-radius: 0.208vw; border: 0.052vw solid #EDF0F2; } .header-search_product__title { font-size: 0.677vw; } .header-search_product__price { font-size: 0.833vw; margin-top: 0.104vw; } .header-search_videos--list { grid-column-gap: 0.521vw; grid-row-gap: 0.781vw; } .header-search_video { gap: 0.469vw; } .header-search_video__pic { width: 4.01vw; min-width: 4.01vw; height: 2.604vw; border-radius: 0.208vw; } .header-search_video__title { font-size: 0.677vw; } .header-search_block__link { border-bottom: 0.052vw dashed var(--xm-color-read); font-size: 0.781vw; margin-top: 0.781vw; } .header-search_posts--list { gap: 0.313vw; } .header-search_post { gap: 0.313vw; } .header-search_post svg { width: 1.042vw; } .header-search_post>span { font-size: 0.781vw; line-height: 0.938vw; } .btn.header__catalog { padding-left: 0.833vw; padding-right: 0.938vw; border-radius: 0.208vw 0px 0px 0.208vw; } .header__catalog--icon, .header__catalog--icon::before, .header__catalog--icon::after { height: 0.104vw; border-radius: 31.042vw; } .header__catalog--icon { margin-right: 0.156vw; width: 0.833vw; } .header__catalog--icon::before { top: -0.26vw; } .header__catalog--icon::after { bottom: -0.26vw; } .header-search input { height: 2.396vw; width: 28.385vw; padding-left: 0.885vw; padding-right: 0.885vw; border-top: 0.104vw solid #004392; border-bottom: 0.104vw solid #004392; } .header-search__btn.btn { width: 2.813vw; border-radius: 0px 0.208vw 0.208vw 0px; } .header-mid_block { border-radius: 0.156vw; padding: 0.208vw; padding-bottom: 0.677vw; } .header-mid_block.active .header-search input { border-left: 0.104vw solid var(--xm-color-read); border-top-left-radius: 0.156vw; border-bottom-left-radius: 0.156vw; } .header-search__btn.btn img { width: 1.042vw; height: auto; } .header-mid_r { gap: 1.146vw; padding-right: 0.313vw; } .header-action { gap: 0.104vw; min-width: 2.708vw; font-size: 0.677vw; } .header-action svg { height: 1.354vw; max-width: 1.458vw; } .header-action span { top: -0.469vw; border: 0.104vw solid var(--xm-bg-header); border-radius: 5.208vw; height: 0.99vw; min-width: 0.99vw; padding-left: 0.208vw; padding-right: 0.208vw; padding-top: 0.052vw; padding-bottom: 0.052vw; font-size: 0.625vw; } .header-wishlist span { left: 0.781vw; } .header-cart span { left: 1.042vw; } .header-bottom { padding-top: 0.625vw; padding-bottom: 0.625vw; border-top: 0.052vw solid var(--xm-bd-light); } .header-menu { gap: 1.042vw; } .header-menu a { gap: 0.313vw; font-size: 0.677vw; } .header-menu a svg, .header-menu a img { width: 1.302vw; height: auto; } .header-cart_wrapper::before { width: 4.479vw; height: 4.063vw; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-box-shadow: 0vw -0.885vw 1.094vw 0vw rgba(0, 0, 0, 0.14); -moz-box-shadow: 0vw -0.885vw 1.094vw 0vw rgba(0, 0, 0, 0.14); box-shadow: 0vw -0.885vw 1.094vw 0vw rgba(0, 0, 0, 0.14); border-radius: 0.208vw 0.208vw 0 0; } .minicart { top: 3.177vw; right: -0.885vw; width: 25.885vw; -webkit-box-shadow: 0vw 0.208vw 2.292vw 0vw rgba(0, 0, 0, 0.17); -moz-box-shadow: 0vw 0.208vw 2.292vw 0vw rgba(0, 0, 0, 0.17); box-shadow: 0vw 0.208vw 2.292vw 0vw rgba(0, 0, 0, 0.17); border-radius: 0.208vw 0 0.208vw 0.208vw; padding-right: 0.156vw; } .minicart-list { padding-right: 0.156vw; max-height: 20.156vw; } .minicart-list::-webkit-scrollbar { width: 0.208vw; } .minicart-list::-webkit-scrollbar-thumb { border-radius: 1.042vw; } .minicart-item { padding: 0.781vw 1.042vw 0.729vw; border-bottom: 0.052vw solid #EDF0F2; gap: 0.781vw; } .minicart-item__remove { top: 1.146vw; right: 0.677vw; } .minicart-item__remove svg { width: 0.885vw; } .minicart__pic { width: 3.594vw; height: 3.594vw; border-radius: 0.208vw; border: 0.052vw solid #EDF0F2; } .minicart-item__title { font-size: 0.677vw; } .minicart-block { margin-top: 0.052vw; } .minicart-prices { gap: 0.417vw; } .minicart__price1 { font-size: 0.833vw; } .minicart__price2 { font-size: 0.729vw; line-height: 1.354vw; } .minicart_disc { padding: 0.104vw 0.313vw; border-radius: 0.313vw; font-size: 0.625vw; line-height: 0.885vw; } .minicart-quantity__btn { width: 1.146vw; height: 1.719vw; border: 0.052vw solid #E9EDF2; } .minicart-quantity__btn::before { height: 0.052vw; } .minicart-quantity__btn.minus::before { width: 0.208vw; } .minicart-quantity__btn.plus::before { width: 0.313vw; } .minicart-quantity__btn.plus::after { width: 0.052vw; height: 0.313vw; } .minicart-quantity__inp { border-top: 0.052vw solid #E9EDF2; border-bottom: 0.052vw solid #E9EDF2; width: 1.823vw; font-size: 0.677vw; } .minicart-options { margin-top: 0.052vw; } .minicart-options__title { font-size: 0.729vw; line-height: 1.25vw; } .minicart-options_list li { gap: 0.521vw; } .minicart-options_list li::after { height: 0.052vw; border-bottom: 0.052vw dashed #ADB2B8; } .minicart-options_list__title { font-size: 0.677vw; line-height: 0.938vw; } .minicart-options_list__text { font-size: 0.781vw; line-height: 1.354vw; } .minicart-options_list li:last-child .minicart-options_list__text { font-size: 0.885vw; } .minicart-bottom { width: calc(100% - 0.365vw); padding: 1.042vw; } .minicart-row { gap: 0.781vw; } .minicart-row::after { height: 0.052vw; border-bottom: 0.052vw dashed #D1D1D1; } .minicart-row span { font-size: 0.781vw; line-height: 1.458vw; } .minicart-row p { font-size: 0.99vw; line-height: 1.354vw; } .minicart__btn { height: 2.604vw; margin-top: 0.26vw; } .megamenu { top: calc(100% - 0.677vw); min-height: 31.25vw; } .megamenu-container { gap: 2.604vw; } .megamenu-items { min-width: 14.427vw; width: 14.427vw; padding-top: 1.042vw; padding-bottom: 1.042vw; gap: 0.26vw; } .megamenu-items li a { gap: 0.521vw; font-size: 0.677vw; padding: 0.313vw 0.781vw; border-radius: 0.208vw; } .megamenu-items li.has-children a::after { width: 0.313vw; height: 0.469vw; } .megamenu-items li a svg { max-width: 1.406vw; max-height: 1.406vw; } .megamenu-content { gap: 2.604vw; left: 14.844vw; } .megamenu-links { padding-top: 1.719vw; padding-bottom: 1.719vw; } .megamenu__link { gap: 0.521vw; font-size: 1.042vw; } .megamenu__link::after { width: 1.198vw; height: 1.198vw; } .megamenu-l { max-width: 44.167vw; } .megamenu-logos { gap: 0.521vw; padding-bottom: 0.938vw; margin-top: 0.781vw; } .megamenu-logos::-webkit-scrollbar { height: 0.156vw; border-radius: 0.885vw; } .megamenu-logos::-webkit-scrollbar-thumb { border-radius: 0.885vw; } .megamenu-logos__item { min-width: 6.927vw; width: 6.927vw; height: 2.708vw; border: 0.052vw solid #EDF0F2; border-radius: 0.208vw; } .megamenu-logos__item img { width: 5.208vw; max-height: 2.344vw; } .submenu { margin-top: 1.563vw; } .submenu-container { grid-gap: 1.563vw; } .submenu-items { gap: 0.938vw; } .submenu-items>li>a { font-size: 0.833vw; } .submenu-items>li>ul { gap: 0.313vw; } .submenu-items>li>ul li a { font-size: 0.781vw; } .discount-block { padding: 1.563vw; } .megamenu-box { min-width: 13.281vw; width: 13.281vw; padding: 1.563vw 1.042vw 0; margin-top: 1.719vw; margin-bottom: 1.719vw; } .discount-block__title { font-size: 1.25vw; } .discount-block__text { margin-top: 0.365vw; font-size: 0.729vw; } .discount-block__percent { display: table; border-radius: 0.313vw; padding: 0.26vw 0.469vw; font-size: 0.729vw; margin-top: 0.365vw; } .discount-block__img { width: calc(100% + 3.125vw); margin-left: -1.563vw; } .megamenu-box__img { width: calc(100% + 2.083vw); margin-left: -1.042vw; } .discount-block_bottom { width: calc(100% + 3.125vw); margin-left: -1.563vw; margin-top: -2.604vw; padding: 1.563vw; padding-top: 0.521vw; } .megamenu-box_bottom { width: calc(100% + 2.083vw); margin-left: -1.042vw; padding: 1.042vw; padding-top: 0.521vw; } .discount-block_bottom::before { top: -1.094vw; height: 2.083vw; } .megamenu-box__info { font-size: 0.625vw; } .megamenu-box__btn { border: 0.052vw solid #CED9E5; margin-top: 0.417vw; padding-top: 0.677vw; padding-bottom: 0.677vw; } .megamenu-box__btn svg { width: 0.99vw; height: auto; } .footer-top { padding-top: 1.042vw; padding-bottom: 1.042vw; } .footer-top_l { gap: 1.302vw; } .footer-logo { max-width: 9.583vw; height: 2.76vw; } .footer-top_r { gap: 1.042vw; } .footer__btn { padding: 0.885vw 1.302vw; } .footer-mid { border-top: 0.052vw solid rgba(255, 255, 255, 0.04); padding-top: 1.563vw; padding-bottom: 0.521vw; } .footer-l { gap: 3.581vw; } .footer-box__title { margin-bottom: 0.781vw; } .footer-menu { gap: 0.469vw; } .footer-menu a { font-size: 0.729vw; } .footer-block { margin-left: 0.781vw; } .footer-rating { width: 13.646vw; gap: 0.781vw; } .footer-rating_box { padding: 0.573vw 0.99vw; border-radius: 0.208vw; border: 0.052vw solid rgba(255, 255, 255, 0.04); gap: 0.573vw; } .footer-rating_box--bottom img { max-height: unset; max-width: 5.208vw; height: 1.146vw; width: auto; } .footer-rating_stars svg { width: 0.938vw; } .footer-contacts { width: 14.531vw; padding: 1.302vw; border-radius: 0.208vw; border: 0.104vw solid rgba(255, 255, 255, 0.04); gap: 1.302vw; height: 12.582vw; } .footer-soc { gap: 0.521vw; } .footer-soc svg { width: 1.771vw; height: auto; } .footer-payments { gap: 1.667vw; padding-top: 0.729vw; padding-bottom: 0.729vw; } .footer-payments span { height: 0.052vw; } .footer-payments_row { gap: 0.521vw; } .footer-payments_row img { width: 2.813vw; height: auto; } .footer-bottom { padding-top: 0.938vw; padding-bottom: 2.083vw; } .footer-bottom_links { gap: 0.781vw; } .footer-bottom_links a { font-size: 0.677vw; } .breadcrumbs { gap: 0.521vw; } .breadcrumbs a, .breadcrumbs span { font-size: 0.729vw; } .breadcrumbs a { gap: 0.521vw; } .breadcrumbs a::after { height: 0.052vw; width: 0.625vw; } .pagination { margin-top: 2.344vw; gap: 0.521vw; } .page-numbers { padding: 0.99vw 1.25vw; gap: 0.521vw; border-radius: 0.26vw; border: 0.052vw solid var(--xm-bd-pagination); font-size: 0.781vw; } .page-numbers svg { width: 1.25vw; } .subscribe-block { padding: 1.823vw; border-radius: 0.208vw; } .subscribe-block::before { left: -15.625vw; height: 32.292vw; width: 32.292vw; border-radius: 0.573vw; } .subscribe-l { max-width: 29.531vw; } .subscribe__text { margin-top: 0.26vw; } .subscribe-form_row { border-radius: 0.156vw; } .subscribe-form input { border-radius: 0.208vw 0 0 0.208vw; border: 0.104vw solid #004392; padding: 0.885vw; width: 23.281vw; } .subscribe__btn.btn { padding-left: 1.302vw; padding-right: 1.302vw; border-radius: 0; } .subscribe-label { margin-top: 0.781vw; gap: 0.313vw; } .subscribe-label__text { margin-top: 0.104vw; } .consult { padding-top: 4.688vw; } .consult-block { padding: 4.219vw 8.281vw; } .consult-l { width: 36.302vw; } .consult-r { max-width: 33.698vw; } .consult__text { margin-top: 0.26vw; } .consult__btn { margin-top: 0.781vw; height: 3.125vw; padding-left: 1.042vw; padding-right: 1.042vw; } .videos { padding-top: 0.781vw; } .video-cats { margin-top: 1.302vw; margin-bottom: 1.302vw; } .video-cat { padding-bottom: 0.729vw; border-radius: 0.104vw; border: 0.052vw solid var(--xm-bd-grey); } .video-cat__pic { height: 5.99vw; } .video-cat__title { height: 1.302vw; font-size: 0.677vw; padding-left: 0.521vw; padding-right: 0.521vw; } .video-cats__arr { border: 0.052vw solid #FFF; -webkit-box-shadow: 0vw 0.208vw 0.573vw 0vw rgba(0, 0, 0, 0.10); box-shadow: 0vw 0.208vw 0.573vw 0vw rgba(0, 0, 0, 0.10); width: 1.875vw; height: 1.875vw; } .video-cats__arr svg { width: 0.781vw; } .video-top { height: 10.417vw; border-radius: 0.208vw; } .video-play { width: 2.552vw; } .video-bottom { margin-top: 0.781vw; gap: 0.208vw; } .video-bottom_row { gap: 0.781vw; } .video-bottom_box { gap: 0.313vw; } .video-bottom_box svg { width: 0.781vw; } .videos-modal { max-width: 54.063vw; } .videos-modal__title { font-size: 1.042vw; margin-bottom: 0.781vw; padding-right: 1.563vw; } .videos-modal_inner { height: 28.385vw; border-radius: 0.208vw; margin-top: 1.302vw; } .videos-grid .video-review .video-top { height: 10.417vw; } .videos-grid .video-review:first-child .video-top, .videos-grid .video-review:nth-child(2) .video-top { height: 21.406vw; } .videos-grid .video-review:first-child .video-play, .videos-grid .video-review:nth-child(2) .video-play { width: 3.906vw; } .videos-about { padding-bottom: 3.646vw; } .file { gap: 0.781vw; margin-top: 1.042vw; padding: 0.781vw; border-radius: 0.208vw; border: 0.052vw dashed #C0CFD9; } .file>svg { width: 1.979vw; } .file-items { gap: 0.365vw; margin-top: 0.104vw; } .file-item__pic { width: 2.292vw; height: 2.292vw; border-radius: 0.26vw; } .file-item__close { top: -0.052vw; right: -0.052vw; width: 0.625vw; height: 0.625vw; } .file-item__close img { width: 0.521vw; } .add-file { border-radius: 0.26vw; width: 2.292vw; height: 2.292vw; } .add-file svg { width: 1.25vw; } .min-product { gap: 0.521vw; margin-top: 0.26vw; } .min-product_l { width: 9.167vw; min-width: 9.167vw; border-radius: 0.208vw; max-height: 6.094vw; } .min-product .badges { left: 0.052vw; bottom: 0.052vw; gap: 0.156vw; } .min-product .badges span { padding: 0.104vw 0.208vw; font-size: 0.469vw; border-radius: 0.156vw; } .min-product__link { top: 0.208vw; right: 0.208vw; width: 0.885vw; } .min-product_slider .owl-dots { transform: translateX(50%); right: 50%; bottom: 1.042vw; gap: 0.391vw; } .min-product_slider .owl-dot { width: 0.208vw; height: 0.208vw; } .min-product_slider .owl-dot.active { width: 0.469vw; height: 0.469vw; } .min-product_mid { padding-top: 0.234vw; padding-bottom: 0.234vw; gap: 0.313vw; } .min-product_info { gap: 0.521vw; } .min-product_box { gap: 0.156vw; } .min-product_rating img { width: 0.625vw; } .min-product_comments img { width: 0.729vw; } .min-product__title { padding-right: 1.302vw; } .min-product_price { gap: 0.26vw; } .min-product_price--l { gap: 0.26vw; } .min-product_price--r { gap: 0.156vw; } .min-product__price { line-height: 120%; } .min-product_price--l img { width: 0.625vw; } .min-product_price--r span { padding: 0.156vw 0.104vw 0.104vw; border-radius: 0.313vw; } .min-product_icons { gap: 0.521vw; } .min-product_icons img { width: 1.042vw; } .tooltip { bottom: 1.458vw; width: 21.198vw; border-radius: 0.208vw; padding: 0.521vw; } .tooltip::after { border: 0.313vw solid transparent; border-top: 0.313vw solid rgba(0, 0, 0, 0.79); bottom: -0.625vw; } .tooltip__text { font-size: 0.729vw; } .tooltip-file { bottom: 1.458vw; width: 23.385vw; border-radius: 0.208vw; padding: 0.781vw; gap: 0.729vw; -webkit-box-shadow: 0vw 0.208vw 0.938vw 0vw rgba(34, 41, 50, 0.25); -moz-box-shadow: 0vw 0.208vw 0.938vw 0vw rgba(34, 41, 50, 0.25); box-shadow: 0vw 0.208vw 0.938vw 0vw rgba(34, 41, 50, 0.25); } .tooltip-file::after { border: 0.417vw solid transparent; border-top: 0.417vw solid var(--xm-bg-header); bottom: -0.833vw; } .tooltip-file__pic { width: 7.813vw; min-width: 7.813vw; border-radius: 0.313vw; } .tooltip-file__text { font-size: 0.729vw; } .tooltip-file_close { top: 0.521vw; right: 0.521vw; width: 0.521vw; } .modal-cities .modal-inner { max-width: 64.063vw; border-radius: 0.26vw; } .modal-cities_top { padding: 1.042vw 1.302vw; border-radius: 0.26vw 0.26vw 0 0; } .modal-cities_row { margin-top: 0.521vw; gap: 1.563vw; } .modal-cities_search .block-search__input { padding-right: 2.083vw; } .clear__search { right: 0.521vw; width: 1.146vw; height: 1.146vw; } .clear__search svg { width: 0.729vw; } .modal-cities__link { gap: 0.26vw; font-size: 0.781vw; line-height: 1.094vw; } .modal-cities__link svg { width: 0.833vw; } .block-search._active { -webkit-box-shadow: 0.208vw 0vw 1.667vw 0vw rgba(0, 0, 0, 0.17); -moz-box-shadow: 0.208vw 0vw 1.667vw 0vw rgba(0, 0, 0, 0.17); box-shadow: 0.208vw 0vw 1.667vw 0vw rgba(0, 0, 0, 0.17); } .block-search_items { top: calc(100% - 0.26vw); padding-top: 0.26vw; border-radius: 0.26vw; -webkit-box-shadow: 0vw 0.208vw 1.667vw 0vw rgba(0, 0, 0, 0.17); -moz-box-shadow: 0vw 0.208vw 1.667vw 0vw rgba(0, 0, 0, 0.17); box-shadow: 0vw 0.208vw 1.667vw 0vw rgba(0, 0, 0, 0.17); } .block-search_item { padding: 0.521vw 1.042vw; min-height: 3.333vw; border-bottom: 0.052vw solid var(--xm-bd-inp); } .block-search__city { font-size: 0.781vw; } .block-search__state { font-size: 0.729vw; } .cities-list_wrapper { padding: 1.302vw; } .cities-list { grid-gap: 0.521vw; height: 25.781vw; padding-right: 1.823vw; } .cities-list::-webkit-scrollbar { width: 0.208vw; } .cities-list::-webkit-scrollbar-button { width: 0.208vw; height: 0.521vw; } .cities-list::-webkit-scrollbar-button:single-button { height: 0.313vw; width: 0.313vw; } .cities-list::-webkit-scrollbar-button:single-button:vertical:decrement { border: 0.104vw solid transparent; border-bottom: 0.313vw solid rgba(101, 110, 119, 0.1);; } .cities-list::-webkit-scrollbar-button:single-button:vertical:increment { border: 0.104vw solid transparent; border-top: 0.313vw solid rgba(101, 110, 119, 0.1);; } .cities-column { gap: 0.625vw; } .city { gap: 0.417vw; } .city.blue { gap: 0.26vw; } .city>a { font-size: 0.781vw; } .city.blue>a { font-size: 0.729vw; } .city>.tooltip-city { width: 0.99vw; min-width: 0.99vw; height: 0.99vw; } .modal-tooltip { transform: translate(-50%, -100%); } .modal-tooltip.small { border-radius: 0.208vw; padding: 0.521vw; } .modal-tooltip.small::after { border: 0.313vw solid transparent; border-top: 0.313vw solid rgba(0, 0, 0, 0.79); bottom: -0.625vw; } .modal-tooltip-inner { gap: 0.469vw; } .modal-tooltip-inner svg { width: 1.094vw; min-width: 1.094vw; } .modal-tooltip.big { width: 16.51vw; border-radius: 0.208vw; padding: 0.781vw; -webkit-box-shadow: 0vw 0.208vw 0.938vw 0vw rgba(34, 41, 50, 0.25); -moz-box-shadow: 0vw 0.208vw 0.938vw 0vw rgba(34, 41, 50, 0.25); box-shadow: 0vw 0.208vw 0.938vw 0vw rgba(34, 41, 50, 0.25); } .modal-tooltip.big::before { border: 0.417vw solid transparent; border-top: 0.417vw solid var(--xm-bg-header); bottom: -0.833vw; } .modal-tooltip_row { gap: 0.469vw; } .modal-tooltip__icon { width: 0.99vw; min-width: 0.99vw; } .modal-tooltip_info { margin-top: 0.365vw; gap: 0.521vw; } .modal-tooltip_graph span { display: block; } .modal-tooltip_maps { gap: 0.208vw; } .modal-tooltip__map { width: 1.563vw; height: 1.563vw; border-radius: 0.469vw; border: 0.052vw solid #EDF0F2; } .modal-tooltip__map img { max-width: 0.781vw; max-height: 0.781vw; } .modal-tooltip_close { top: 0.521vw; right: 0.521vw; width: 0.521vw; } .brands-block { padding-top: 3.125vw; padding-bottom: 3.125vw; } .brands-block__title { max-width: 47.813vw; } .brands-slider { margin-top: 1.563vw; } .brands-slider .owl-nav { top: -3.958vw; gap: 0.521vw; } .brands-slider .owl-nav span { width: 2.396vw; height: 2.396vw; } .brands-slider .owl-nav span svg { width: 0.781vw; } .brands-slide__pic { border: 0.052vw solid #EDF0F2; border-radius: 0.208vw; } .career-inf>.container { padding-top: 1.667vw; } .career-inf__bg1 { width: 36.771vw; left: 6.719vw; bottom: -3.594vw; } .career-inf__bg2 { width: 40.885vw; right: -5.521vw; } .career-inf_row { gap: 2.292vw; } .career-inf_l { max-width: 34.01vw; margin-top: 3.125vw; } .career-inf__subtitle { margin-top: 1.042vw; } .career-inf_r { height: 19.844vw; width: 35.833vw; } .career-inf__line { width: 28.438vw; } .career-inf_r-box { gap: 0.469vw; } .career-inf_r-box:first-child { left: 1.563vw; bottom: 1.615vw; } .career-inf_r-box:nth-child(2) { left: 3.802vw; bottom: 6.771vw; } .career-inf_r-box:nth-child(3) { left: 4.271vw; bottom: 11.146vw; } .career-inf_r-box:last-child { bottom: 17.24vw; } .career-inf_icon { width: 2.604vw; min-width: 2.604vw; height: 2.604vw; -webkit-box-shadow: 0vw 0.573vw 0.781vw 0vw rgba(0, 0, 0, 0.17); -moz-box-shadow: 0vw 0.573vw 0.781vw 0vw rgba(0, 0, 0, 0.17); box-shadow: 0vw 0.573vw 0.781vw 0vw rgba(0, 0, 0, 0.17); } .career-inf_icon span { width: 1.354vw; height: 1.354vw; } .career-inf_r-box__text { max-width: 7.292vw; font-size: 0.833vw; } .career-inf_block { padding-top: 1.667vw; padding-bottom: 1.042vw; } .career-inf_block-inner { gap: 1.042vw; } .career-inf_box { width: 10.885vw; gap: 0.521vw; } .career-inf_box img { width: 1.042vw; min-width: 1.042vw; } .switch-top { margin-bottom: 1.302vw; } .switch-top_block { width: 14.74vw; } .switch-top__select.active { padding-left: 0.885vw; padding-right: 1.771vw; } .switch-top__select:not(.active) { padding-right: 0.365vw; } .switch-top__select svg { top: 0.677vw; right: 0.885vw; width: 0.677vw; } .block-top_list--wrapper { padding: 0.208vw; padding-top: 1.042vw; border-radius: 0 0 0.313vw 0.313vw; top: calc(100% - 1.042vw); height: 26.51vw; } .block-top_list::-webkit-scrollbar { width: 0.26vw; } .block-top_list::-webkit-scrollbar-track { border-radius: 0.521vw; } .block-top_list::-webkit-scrollbar-thumb { border-radius: 0.521vw; } .block-top_list a { padding: 0.521vw 0.781vw; font-size: 0.729vw; border-radius: 46.875vw; } .review-reply { padding: 0.729vw 1.042vw 0.781vw; } .review-reply_row { gap: 0.573vw; } .review-reply__icon { width: 2.604vw; min-width: 2.604vw; height: 2.604vw; } .review-reply__top { gap: 0.208vw; font-size: 0.677vw; } .review-reply__manager { font-size: 0.938vw; } .review-reply__text { font-size: 0.781vw; margin-top: 0.677vw; } .shops-search_items { top: calc(100% - 0.26vw); padding-top: 0.26vw; border-radius: 0.26vw; -webkit-box-shadow: 0vw 0.208vw 1.667vw 0vw rgba(0, 0, 0, 0.17); -moz-box-shadow: 0vw 0.208vw 1.667vw 0vw rgba(0, 0, 0, 0.17); box-shadow: 0vw 0.208vw 1.667vw 0vw rgba(0, 0, 0, 0.17); } .shops-search_item { padding: 0.521vw 1.042vw; min-height: 3.333vw; border-bottom: 0.052vw solid var(--xm-bd-inp); } .shops-search__city { font-size: 0.781vw; } .shops-search__state { font-size: 0.729vw; } .shops-search__count { font-size: 0.677vw; } } @media screen and ((min-width: 1291px) and (max-width: 1560px)) { .product-cart_row { gap: 2px; } .product-cart_garant, .product-cart_garant-info { gap: 2px; } .product-cart_garant img { width: 15px; min-width: 15px; } .product-cart_garant span, .product-cart_garant-info>span { font-size: 12px; } .product-cart_garant-info svg { width: 13px; } } @media(max-width: 1560px) { .container { max-width: 1250px; } .header-mid_r { gap: 14px; } .header-search input { width: 370px; } .header-menu a { font-size: 12px; } .header-menu a svg, .header-menu a img { width: 20px; height: auto; } .header-menu a[href="/predzakaz"] svg{ padding: 2px; } .consult-block { padding-right: 20px; } .subscribe-form input { width: 370px; } .footer-l { gap: 30px; max-width: calc(100% - 300px); } .footer-rating { width: 240px; } .footer-contacts { width: 220px; } .footer-rating_box { padding: 8px 15px; } .footer-contacts { height: 238.55px; } .header-mid_block._show .header-search input { width: 536.72px; } .header-search_products--list { grid-template-columns: repeat(2, 1fr); } .header-search_videos--list { grid-template-columns: repeat(2, 1fr); } .megamenu-container { gap: 30px; } .megamenu-items { min-width: 230px; width: 230px; } .megamenu-content { gap: 30px; left: 265px; width: calc(100% - 265px); } .megamenu-l { gap: 15px; } .megamenu-links { max-width: calc(100% - 280px); } .submenu-container { grid-gap: 20px; } .videos { padding-top: 6px; } .videos-grid .video-review:first-child .video-top, .videos-grid .video-review:nth-child(2) .video-top { height: 349px; } .videos-grid .video-review .video-top { height: 168px; } .header-cart_wrapper::before { width: 73px; } .minicart { right: -11px; } .modal-tooltip.big { transform: translateY(-100%); } .modal-tooltip.big::before { left: 17px; transform: none; } .career-inf__bg1 { left: -35px; } .career-inf_r-box:first-child { left: 23px; bottom: 19px; } .career-inf_r-box:nth-child(2) { left: 50px; bottom: 116px; } .career-inf_r-box:nth-child(3) { left: 71px; } .career-inf_r-box:last-child { left: -14px; bottom: 313px; } .career-inf_r { width: 590px; } .career-inf__line { width: 485px; } .career-inf_row { gap: 20px; } .career-inf_l { max-width: 565px; margin-top: 40px; } .slider-top { flex-wrap: wrap; } .slider-top .slider-tags { order: 1; margin-left: 0; width: 100%; } .bottom-block_content { max-width: 830px; } .modal-end__text { line-height: 138%; } .modal-buy_bottom { padding-top: 5px; margin-top: 5px; } .fg-5 { width: calc(50% - (20px / 2)); } .catalog-banner_box { max-width: 175px; } .catalog-banner__title { font-size: 20px; } .catalog-banner__text { font-size: 14px; } .catalog-content_banner5 { padding-right: 16px; gap: 15px; } .catalog-content_banner5__layer { left: -169px; } } @media(max-width: 1290px) { .container { max-width: 100%; padding-left: 25px; padding-right: 25px; } .logo__text { display: none; } .header-menu { gap: 10px; } .header-menu a { gap: 2px; } .megamenu-content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; right: 25px; width: auto; left: 275px; } /* .megamenu-l { max-width: 566px; } */ .megamenu-box { min-width: 225px; width: 225px; } .header-search input { width: calc(50vw - 166.72px); } .header-mid_block._show .header-search input { width: 50vw; } .footer-mid_row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-contacts { width: 270px; } .footer-block_wrapper { width: 100%; } .footer-rating { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 15px; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 0; margin-top: 15px; } .footer-rating_wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .footer-rating_box { width: calc(100% / 3); } .consult-r { max-width: 60.5%; } .modal-cities .modal-inner { max-width: calc(100% - 40px); } .brands-slider .owl-nav { display: none; } .career-inf { background-color: transparent; } .career-inf>.container { padding-top: 30px; padding-bottom: 30px; } .career-inf_r { display: none; } .career-inf__bg1 { width: 397px; bottom: -55px; left: unset; right: 0; opacity: 0.28; } .career-inf_l { margin-top: 0; max-width: 67%; } .career-inf__subtitle { margin-top: 10px; max-width: 331px; } .career-inf_block-inner { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; grid-row-gap: 16px; } .slider__title { max-width: 50%; white-space: normal; } .bottom-block_content { max-width: 65vw; } .delivery-box { padding: 15px; } .delivery-box_pic { width: 35px; min-width: 35px; } .shops-search_item { padding: 7px 20px; gap: 10px; min-height: 59px; } .shops-search__city { font-size: 14px; } .shops-search__state { font-size: 12px; } .shops-search__count { max-width: 190px; } .brands-slider { width: 100vw; margin-left: -27px; padding-left: 25px; } } @media(max-width: 1170px) { .min-product__title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-right: 0; } .cities-list { grid-template-columns: repeat(3, 1fr); padding-right: 5px; } .modal-cities_top { padding: 0; } .modal-cities__title { padding: 15px; text-align: center; } .modal-cities_row { gap: 15px; margin-top: 0; padding: 15px 25px; background-color: var(--xm-bg-section--gray2); border-top: 1px solid #EDF0F2; border-bottom: 1px solid #EDF0F2; } [data-theme=dark] .modal-cities_row { border-color: rgba(237, 240, 242, 0.02); } .block-search__city { font-size: 14px; } .block-search__state { font-size: 13px; } .modal-cities .block-search__btn svg { display: block; } .modal-cities .block-search__btn svg path { stroke: var(--xm-color-dark); } .modal-cities .block-search__btn { font-size: 0; width: auto; background: var(--xm-bg-input); border: 2px solid var(--xm-bd-inp); border-left: none; padding-right: 8px; padding-left: 8px; } .clear__search { right: 5px; } .tooltip { width: 220px; padding-right: 5px; } .tooltip-file_close { display: flex; } .tooltip__text { font-size: 11px; line-height: 143%; max-height: 105px; overflow: hidden; overflow-y: auto; padding-right: 5px; display: block; } .tooltip__text::-webkit-scrollbar { width: 2px; } .tooltip__text::-webkit-scrollbar-track { background: transparent; } .tooltip__text::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.4); border-radius: 20px; cursor: pointer; } .filter-tooltip { width: max-content; } } @media(max-width: 1130px) { div#panel { display:none; } .h1, .h2 { font-size: 20px; line-height: 125%; } .input { font-size: 13px; } .text20-tablet { font-size: 20px; } .text19-tablet { font-size: 19px; } .text18-tablet { font-size: 18px; } .text17-tablet { font-size: 17px; } .text16-tablet { font-size: 16px; } .text15-tablet { font-size: 15px; } .text14-tablet { font-size: 14px; } .text13-tablet { font-size: 13px; } .text12-tablet { font-size: 12px; } .text11-tablet { font-size: 11px; } .text10-tablet { font-size: 10px; } .d-flex_tablet { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .breadcrumbs, .breadcrumbs a { gap: 6px; } .breadcrumbs a, .breadcrumbs span { font-size: 12px; } .breadcrumbs a::after { width: 8px; } .m-page { padding-top: 136px; padding-bottom: 30px; } .mobile-menu { display: none; } .reviews-sort { margin-top: 15px; margin-bottom: 15px; } .sort-block_list { width: calc(100% + 10px); left: auto; right: 0; } .sort-block_list li { white-space: normal; } .modal-inner { padding: 15px; } .modal__title { font-size: 20px; max-width: 294px; margin-left: auto; margin-right: auto; } .header { position: fixed; top: 0; left: 0; z-index: 1500; /*z-index: 11000;*/ border-bottom: none; transition: .3s; } .header.scrollDown { /* transform: translateY(-100%); */ } .header.scrollUp { /* transform: translateY(0); */ } .header.scrollUp .header-top { border-bottom: none; } .header-row { gap: 10px; } .header-icons_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-icons__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 36px; height: 36px; border-radius: 5px; background: var(--xm-bg-burger); cursor: pointer; } .header-mid_l { gap: 25px; margin-right: auto; } .header-mid_r { position: fixed; top: calc(100 * var(--vh)); transform: translateY(-100%); left: 0; width: 100%; padding: 10px 85px 5px; justify-content: space-between; background-color: #FFFFFF; box-shadow: 0px -2px 15px rgba(21, 24, 27, 0.10); transition: .3s ease; } .header.scrollDown .header-mid_r { transform: translateY(-1); } /* Нужно будет удалить */ /* body:not(.other-page, .policy-page) .header-mid_r { display: none; } */ /* ------------------- */ [data-theme=dark] .header-mid_r { background-color: #0F1113; } .header-homepage { display: flex; } .header-login { order: 1; } .header-compare { display: none; } .header-cart_wrapper::before { content: none; } .header-action:not(.header-cart):hover, .header-cart:hover { color: var(--xm-color-read); } .header-action:not(.header-cart):hover svg path, .header-cart:hover svg path { stroke: var(--xm-color-read); } .header-bottom { position: fixed; top: 0; left: 0; background-color: rgba(51, 53, 55, 0.8); width: 100%; height: calc(100 * var(--vh)); z-index: 200; padding: 0; border: none; display: none; } .header-bottom>.container { position: relative; margin: 0; padding: 0; height: 100%; max-width: 411px; transform: translateX(-100%); transition: .3s; } .header-bottom.active>.container { transform: translateX(0); } .header-bottom_inner { max-width: 380px; background-color: var(--xm-bg-header); height: 100%; overflow-y: auto; transition: .3s; } .header-bottom_close { display: block; position: absolute; right: 0; top: 15px; cursor: pointer; } .header-mob_top { padding: 10px 20px 20px; border-bottom: 1px solid var(--xm-bd-grey); background-color: var(--xm-light-grey23); } .header-phone { margin-top: 10px; } .header__phone { display: flex; align-items: center; gap: 8px; } .header__phone img { width: 29px; height: auto; } .header-graph { font-size: 13px; font-style: normal; font-weight: 400; color: var(--xm-color-grey); margin-top: 6px; margin-bottom: 6px; } .header__mail { border-bottom: 1px solid rgba(0, 67, 146, 0.60); color: var(--xm-color-read); font-size: 14px; font-weight: 500; line-height: 135.714%; } .header-menu_catalog { padding: 15px 20px; } .header-menu_catalog .btn { width: 100%; height: 46px; justify-content: flex-start; padding-left: 19px; padding-right: 19px; } .header-menu_catalog .header__catalog--text { font-size: 13px; line-height: 123.077%; } .header-menu { flex-direction: column; align-items: flex-start; } .header-menu>li { display: flex; width: 100%; border-bottom: 1px solid var(--xm-bd-menu--mobile); } .header-menu>li>a { gap: 6px; font-size: 14px; padding: 10px 25px 9px; } .header-menu a img, .header-menu a svg { width: 24px; } .header-menu a[href="/predzakaz"] svg { padding: 2px; } .header-menu--orange a { color: #FE6B00; } .header-menu--orange svg path { stroke: #FE6B00; } .header-mob_menu { width: 100%; } .header-mob_menu>li { width: 100%; border-bottom: 1px solid var(--xm-bd-menu--mobile); } .header-mob_menu>li>a { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 14px; padding: 13px 25px 12px; color: var(--xm-color-dark); } .header-mob_menu>li>ul { padding: 15px 35px; display: flex; flex-direction: column; gap: 13px; background-color: var(--xm-bg-section--gray); box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.05) inset; display: none; } .header-mob_menu>li>ul>li>a { color: var(--xm-dark-grey10); font-size: 13px; } .header-mob_menu>li svg { transition: .3s; } .header-mob_menu>li svg path { fill: var(--xm-dark-grey11); } .header-mob_menu>li.active svg { transform: rotate(180deg); } .header-socials { padding: 25px; display: flex; align-items: center; gap: 10px; /* border-top: 1px solid #EDF0F2; */ } [data-theme=dark] .header-socials rect { fill: rgba(255, 255, 255, 0.06); } [data-theme=dark] .header-socials path { fill: white; } [data-theme=dark] .header-socials path.white { fill: rgba(255, 255, 255, 0.06); } .header-mob_top, .header-menu_catalog, .header-mob_menu { display: block; } .header-socials { display: flex; } .header-action { color: var(--xm-color-dark); font-size: 11px; line-height: 119.818%; } .header-action svg { height: 23px; max-width: 23px; width: auto; } [data-theme=dark] .header-action span, [data-theme=dark] .header-cart_wrapper:hover .header-cart span { border-color: #0F1113; } [data-theme=dark] .header-cart_wrapper:hover .header-cart { color: var(--xm-color-read); } .header-catalog_wrapper { display: block; } .header-catalog__btn { position: relative; z-index: 1; color: #FFFFFF!important; } .header-catalog__btn::before { content: ''; position: absolute; height: 58px; width: 62px; bottom: -5px; left: 50%; transform: translateX(-50%); background-color: #004392; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgiIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCA1OCA1OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0tMTcuNTc4NiAtMTIuNjQwOUwtMzQuMDAwMyAtMTMuMDAwMUwtMjMuNDgzOCAtMy45ODEzNkgtMzMuODE0MUMtMTMuNTIxIDYuNDgzODUgMi43MTQ0OCAxNi41ODUgMTYuMTgxMSAyNi41MDlDMTYuNzM0OSAyNS43ODU4IDE3LjQ3NDkgMjQuODg1NCAxOC4yMSAyNC4zNDQyQzIwLjk3ODggMjIuMzYxMyAyMS4zNDYzIDIwLjczNzYgMjMuNzQ3NiAxOS42NTUyQzI1LjAzNjQgMTkuMTEzOSAyNS45NTc3IDE4LjAzMTUgMjcuMDY1MiAxNi45NDkxQzEzLjk2NjEgNS43NjA2MiAtMC42MDgwNzggLTMuNzk5MzUgLTE3LjU3ODYgLTEyLjY0MDlaTTI4LjU0MDMgMzYuMDczOEMzMy4xNTE3IDM5Ljg2MjQgMzcuMzk1NSA0My42NTA5IDQxLjQ1MzIgNDcuNDM5NEM0Ny41NDQ1IDUzLjAyODkgNTQuMzcxIDU4LjI2MzkgNTcuNjg4NiA2MC4wNjQ4TDQ2Ljk5MDggNDcuOTgwN0w3Ni44NzQyIDczLjk1OTNDNzguNzIxNyA3NS4wNDE3IDU5LjUzNjEgNTQuMTExMyA2MS4wMTEyIDU1LjM3NThMNzEuMzQxNSA2NC4yMTczQzYxLjE5NzQgNTAuMzIyOCA1MC42ODA5IDM4LjIzODcgMzkuMjQzIDI3LjQwOTVDMzguODcwNiAyNy45NTA3IDM4LjMxNjggMjguMzE0NyAzNy41ODE4IDI4LjY3MzlMMjguNTQwMyAzNi4wNzM4WiIgZmlsbD0iIzAzNDk5QiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTc4LjgxNzkgMi40NzIzTDEwNCAtMTZMNjUuNzc3IC0xNS42MzU5QzI1LjU1NjkgNy43NzM2OCAtMjguNzg2OSA3Mi44NzU4IC00MS4yODg5IDkxLjE2MzZDLTM1LjQ5MDIgODguMDUxNyAtMzAuNDE4MiA3OS42NDMzIC0yMi40NDkzIDc2LjkwMDRDLTI1LjE2MzMgODMuMTE0NCAtNDIuNTU0NSA5OS4yMDc5IC00NiAxMTBDLTQ1LjI3MzQgMTA5LjYzMSAtMTEuOTM5NSA3My4yMzk5IDEyLjY5NCA1MS42NjA2QzMyLjgwNCAzMy45MjYyIDU3LjI1OTQgMTguNTYwOSA3OC44MTc5IDIuNDcyM1pNNDcuMTE1NCA4LjY4NjM3QzUwLjczOSA4LjUwNjc0IDQ5LjgzNDMgOS42MDM5MiA1NC4wMDE2IDkuMDU1MzNMMC43NDA1NjIgNTQuMDM5NEMzLjI3NjU3IDUwLjkzMjMgNi4xNzM0OSA0Ny44MjA1IDguNTMxNDYgNDQuNTI4OUM1LjYyOTcyIDQ0LjUyODkgLTEwLjg1MTkgNjEuOTA0MSAtMTEuMDM0OCA2Mi4yNjgyQy03LjIzMzIgNTMuMzA2MyA0My4xMzA5IDIuNjUxOTIgNjEuNzkyNSAtNS4yMTI3NkM1OC44OTA4IC0xLjkyMTI0IDUwLjM3OCA0LjQ4MjE2IDQ3LjExNTQgOC42ODYzN1oiIGZpbGw9IiMwMzQ5OUIiLz4KPC9zdmc+Cg==); background-size: cover; background-repeat: no-repeat; background-position: 50%; z-index: -1; border-radius: 4px 4px 0px 0px; overflow: hidden; } .catalog-burger { margin-bottom: 13px; width: 18px; height: 2px; border-radius: 500px; background-color: #fff; position: relative; transition: .3s; } .catalog-burger::before, .catalog-burger::after { content: ''; position: absolute; left: 0; width: 18px; height: 2px; background-color: #fff; border-radius: 500px; transition: .3s; } .catalog-burger::before { top: -5px; } .catalog-burger::after { bottom: -5px; } .header-catalog__btn.active .catalog-burger { background-color: transparent; } .header-catalog__btn.active .catalog-burger::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: top .2s, -webkit-transform .2s .2scubic-bezier(.68,-.55,.265,1.55); transition: top .2s, -webkit-transform .2s .2scubic-bezier(.68,-.55,.265,1.55); -o-transition: top .2s, -o-transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55); -o-transition: top .2s, transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55); transition: top .2s, transform .2s .2scubic-bezier(.68,-.55,.265,1.55); transition: top .2s, transform .2s .2scubic-bezier(.68,-.55,.265,1.55), -webkit-transform .2s .2scubic-bezier(.68,-.55,.265,1.55); } .header-catalog__btn.active .catalog-burger::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: bottom .2s, -webkit-transform .2s .2scubic-bezier(.68,-.55,.265,1.55); transition: bottom .2s, -webkit-transform .2s .2scubic-bezier(.68,-.55,.265,1.55); -o-transition: bottom .2s, -o-transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55); -o-transition: bottom .2s, transform .2s .2s cubic-bezier(.68, -.55, .265, 1.55); transition: bottom .2s, transform .2s .2scubic-bezier(.68,-.55,.265,1.55); transition: bottom .2s, transform .2s .2scubic-bezier(.68,-.55,.265,1.55), -webkit-transform .2s .2scubic-bezier(.68,-.55,.265,1.55); } .megamenu-bg, .megamenu { display: none!important; } .header-search input { width: calc(66vw - 166.72px); } .header-mid_block._show .header-search input { width: 66vw; } .pagination { margin-top: 35px; gap: 7px; } .page-numbers { padding: 12px 15px; font-size: 13px; line-height: 107.692%; } .page-numbers.prev span, .page-numbers.next span { display: none; } .subscribe-block { padding: 20px; gap: 20px; } .subscribe-block>svg { left: -175px; width: 575px; } .subscribe-l { min-width: 302px; width: 302px; } .subscribe__title span { display: inline; } .subscribe-r { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .subscribe-form_row { display: -webkit-box; display: -ms-flexbox; display: flex; } .subscribe-form input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; } .subscribe__btn.btn { padding-left: 23px; padding-right: 23px; } .subscribe-block::before { left: unset; right: 95%; } .consult-block { background-color: #DCE1E7; padding: 25px; } .consult-block>svg { opacity: 0.3; right: 0; } .consult-block>svg path { fill: #fff; } .consult-l { left: -30px; width: 510px; } .consult-r { max-width: 47.5%; } .consult__title { color: #222D3A; } .consult__title span { color: #004392; display: block; } .consult__text { color: #686D72; line-height: 157.143%; } .consult__btn.btn { width: 100%; border: 1px solid #004392; background: transparent; color: #004392; background-image: none; height: 44px; } .consult__btn::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDMxIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zMC41IDNMMjUuNSAwLjExMzI0OVY1Ljg4Njc1TDMwLjUgM1pNMC41IDMuNUgyNlYyLjVIMC41VjMuNVoiIGZpbGw9IiMwMDQzOTIiLz4KPC9zdmc+Cg==) } .consult__btn.btn:hover { background-image: none; color: #fff; border: none; background-color: #004392; } .consult__btn.btn:hover::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMzAgNiIgZmlsbD0ibm9uZSI+DQo8cGF0aCBkPSJNMzAgM0wyNSAwLjExMzI0OVY1Ljg4Njc1TDMwIDNaTTAgMy41SDI1LjVWMi41SDBWMy41WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg==) } .footer-menu a { font-size: 12px; } .footer-block { margin-left: 0; } .footer-rating { margin-top: 15px; } .block-top.column { gap: 6px; } .videos-about { padding-top: 40px; padding-bottom: 30px; } .min-product_r { margin-left: auto; } .min-product_r { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .min-product_l { width: 124px; min-width: 124px; } .min-product_r { gap: 10px; } .min-product_r .product-cart__btn { width: 20px; height: 20px; background: transparent!important; border: none; } .min-product_r .product-cart__btn svg { max-width: 100%; max-height: 100%; width: auto; height: auto; } .min-product_r .product-cart__fastview { display: none; } .min-product { position: relative; gap: 8px; } .min-product_r { position: absolute; top: 2px; right: 0; } .header-search_remove { display: none!important; } .mobile-catalog { display: none; position: fixed; top: 0; left: 0; background-color: rgba(51, 53, 55, 0.8); width: 100%; height: calc(100* var(--vh)); z-index: 200; padding: 0; border: none; } .mobile-catalog .mobile-catalog { background-color: transparent; } .mobile-catalog_wrapper { position: relative; margin: 0; padding: 0; height: 100%; max-width: 411px; transform: translateX(-100%); transition: .3s; } .mobile-catalog.active .mobile-catalog_wrapper { transform: translateX(0); } .mobile-catalog_close { position: absolute; right: 0; top: 15px; cursor: pointer; } .mobile-catalog_inner { max-width: 380px; background-color: var(--xm-bg-header); height: 100%; overflow-y: auto; transition: .3s; } .mobile-catalog_top { padding: 15px; background-color: #004392; border-radius: 0px 0px 10px 10px; } .mobile-catalog__title { display: flex; align-items: flex-start; gap: 10px; color: #FFF; font-size: 16px; font-weight: 500; line-height: 118.75%; } .mobile-catalog__back { cursor: pointer; } .mobile-catalog__title a { display: block; padding: 0 13px; border-radius: 200px; background-color: rgba(255, 255, 255, 0.08); color: #FFF; font-size: 12px; font-weight: 500; line-height: 233.333%; white-space: nowrap; margin-right: 10px; } .mobile-catalog_search { border-radius: 4px; background-color: var(--xm-bg-body); display: flex; align-items: center; gap: 10px; padding-right: 10px; overflow: hidden; margin-top: 10px; } .mobile-catalog_search input { flex-grow: 1; padding: 10px; height: 100%; color: var(--xm-color-dark); font-size: 12px; line-height: 183.333%; background-color: transparent; } .mobile-catalog_search button { border: none; background: transparent; display: flex; align-items: center; justify-content: center; padding: 0; } .mobile-catalog_search button path { stroke: var(--xm-color-dark); } .mobile-catalog_menu>li:not(:last-child) { border-bottom: 1px solid var(--xm-bd-menu--mobile); } .mobile-catalog_menu>li>a { display: flex; align-items: center; gap: 15px; padding: 12px 15px; font-size: 13px; font-weight: 500; line-height: 192.308%; color: var(--xm-color-dark); } .mobile-catalog_menu>li.has-children>a::after { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjQyNDI2IDUuNDI0MjZDNS4xODk5NSA1LjY1ODU4IDQuODEwMDUgNS42NTg1OCA0LjU3NTc0IDUuNDI0MjZMMC43NTczNTkgMS42MDU4OUMwLjUyMzA0NSAxLjM3MTU3IDAuNTIzMDQ1IDAuOTkxNjc0IDAuNzU3MzU5IDAuNzU3MzU5QzAuOTkxNjc0IDAuNTIzMDQ1IDEuMzcxNTcgMC41MjMwNDUgMS42MDU4OSAwLjc1NzM1OUw1IDQuMTUxNDdMOC4zOTQxMSAwLjc1NzM1OUM4LjYyODQzIDAuNTIzMDQ1IDkuMDA4MzMgMC41MjMwNDUgOS4yNDI2NCAwLjc1NzM1OUM5LjQ3Njk2IDAuOTkxNjc0IDkuNDc2OTYgMS4zNzE1NyA5LjI0MjY0IDEuNjA1ODlMNS40MjQyNiA1LjQyNDI2Wk01LjYgNFY1SDQuNFY0SDUuNloiIGZpbGw9IiNBQ0IzQkQiLz4KPC9zdmc+Cg==); width: 10px; min-width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50%; margin-left: auto; transition: .3s; } .mobile-catalog_menu>li>a>svg g path { stroke: var(--xm-color-read); } .mobile-catalog_menu>li.active>a::after { transform: rotate(180deg); } .mobile-catalog_submenu { box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.11) inset; background-color: var(--xm-bg-section--gray); display: none; } .mobile-catalog_child { display: none; } .mobile-catalog_submenu>li:not(:last-child) { border-bottom: 1px solid var(--xm-bd-menu--mobile); } .mobile-catalog_submenu>li:first-child>a { color: var(--xm-color-read); font-size: 13px; font-weight: 500; line-height: 176.923%; } .mobile-catalog_submenu>li>a { font-size: 14px; line-height: 164.286%; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 25px 10px 56px; color: var(--xm-color-span); } .mobile-catalog_submenu>li.has-children>a::after { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjQyNDI2IDQuNTc1NzRDNS42NTg1OCA0LjgxMDA1IDUuNjU4NTggNS4xODk5NSA1LjQyNDI2IDUuNDI0MjZMMS42MDU4OSA5LjI0MjY0QzEuMzcxNTcgOS40NzY5NiAwLjk5MTY3NCA5LjQ3Njk2IDAuNzU3MzU5IDkuMjQyNjRDMC41MjMwNDUgOS4wMDgzMyAwLjUyMzA0NSA4LjYyODQzIDAuNzU3MzU5IDguMzk0MTFMNC4xNTE0NyA1TDAuNzU3MzU5IDEuNjA1ODlDMC41MjMwNDUgMS4zNzE1NyAwLjUyMzA0NSAwLjk5MTY3NCAwLjc1NzM1OSAwLjc1NzM1OUMwLjk5MTY3NCAwLjUyMzA0NSAxLjM3MTU3IDAuNTIzMDQ1IDEuNjA1ODkgMC43NTczNTlMNS40MjQyNiA0LjU3NTc0Wk00IDQuNEg1VjUuNkg0VjQuNFoiIGZpbGw9IiNBQ0IzQkQiLz4KPC9zdmc+Cg==); width: 10px; min-width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50%; margin-left: auto; transition: .3s; } .mobile-catalog_tags { display: flex; align-items: center; gap: 5px; flex-wrap: nowrap; white-space: nowrap; overflow-y: auto; margin-top: 10px; width: calc(100% + 30px); margin-left: -15px; } .mobile-catalog_tags::before, .mobile-catalog_tags::after { content: ''; display: block; min-width: 10px; } .mobile-catalog_tags a { display: block; padding: 0 13px; border-radius: 200px; border: 1px solid rgba(255, 255, 255, 0.06); color: #FFF; font-size: 12px; font-weight: 500; line-height: 233.333%; } .mobile-catalog_menu2>li { border-bottom: 1px solid var(--xm-bd-menu--mobile); } .mobile-catalog_menu2>li:first-child>a { color: var(--xm-color-read); font-size: 13px; font-weight: 500; line-height: 176.923%; } .mobile-catalog_menu2>li>a { font-size: 14px; line-height: 164.286%; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 20px 11px; color: var(--xm-color-span); } .mobile-catalog_menu2>li.has-children>a::after { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjQyNDI2IDQuNTc1NzRDNS42NTg1OCA0LjgxMDA1IDUuNjU4NTggNS4xODk5NSA1LjQyNDI2IDUuNDI0MjZMMS42MDU4OSA5LjI0MjY0QzEuMzcxNTcgOS40NzY5NiAwLjk5MTY3NCA5LjQ3Njk2IDAuNzU3MzU5IDkuMjQyNjRDMC41MjMwNDUgOS4wMDgzMyAwLjUyMzA0NSA4LjYyODQzIDAuNzU3MzU5IDguMzk0MTFMNC4xNTE0NyA1TDAuNzU3MzU5IDEuNjA1ODlDMC41MjMwNDUgMS4zNzE1NyAwLjUyMzA0NSAwLjk5MTY3NCAwLjc1NzM1OSAwLjc1NzM1OUMwLjk5MTY3NCAwLjUyMzA0NSAxLjM3MTU3IDAuNTIzMDQ1IDEuNjA1ODkgMC43NTczNTlMNS40MjQyNiA0LjU3NTc0Wk00IDQuNEg1VjUuNkg0VjQuNFoiIGZpbGw9IiNBQ0IzQkQiLz4KPC9zdmc+Cg==); width: 10px; min-width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50%; margin-left: auto; transition: .3s; } .mobile-catalog_brands { padding: 20px; } .mobile-catalog_brands__title { color: var(--xm-color-black); font-size: 15px; font-style: normal; font-weight: 500; line-height: 133.333%; } .megamenu-logos { flex-direction: column; width: calc(100% + 39px); margin-left: -20px; gap: 2px; padding-bottom: 0; } .megamenu-logos_row { display: flex; gap: 2px; } .megamenu-logos_row::before { content: ''; display: block; min-width: 18px; } .megamenu-logos_row::after { content: ''; display: block; min-width: 18px; } .megamenu-logos::-webkit-scrollbar { background-color: transparent; } .megamenu-logos::-webkit-scrollbar-thumb { background-color: transparent; } .megamenu-logos__item { min-width: 66px; width: 66px; height: 35px; } .megamenu-logos__item img { width: 50px; max-height: 20px; } .megamenu-box { margin-top: 0; max-width: calc(100% - 40px); width: 100%; margin-left: auto; margin-right: auto; } .discount-block_bottom::before { top: -36px; height: 57px; -webkit-transform: rotate(-5.642deg); -ms-transform: rotate(-5.642deg); transform: rotate(-5.642deg); } .policy-row { margin-top: 15px; gap: 20px; } .policy-list { width: 229px; min-width: 229px; } .policy-list a { padding: 8px 14px; font-size: 13px; line-height: 130.769%; letter-spacing: -0.39px; } .policy-content h2, .policy-content h3 { font-size: 15px; line-height: 133.333%; } .policy-content h3 { margin-top: 9px; margin-bottom: 9px; } .policy-content p { font-size: 13px; line-height: 153.846%; margin-bottom: 9px; } .policy-table_row { flex-direction: column; } .policy-table_title { width: 100%; border-right: 0; border-bottom: 1px solid #EDF0F2; padding: 9px 14px; } .policy-table_content { padding: 9px 14px; } .policy-table_content span, .policy-table_content ul li { font-size: 13px; line-height: 153.846%; } .info-slider_row { gap: 10px; } .info-slider__icon { width: 33px; min-width: 33px; } .slider { padding-top: 35px; padding-bottom: 35px; } .slider-items { display: flex; align-items: stretch; gap: 14px; overflow: hidden; overflow-x: auto; width: 100vw; margin-left: -25px; /* padding-top: 30px; padding-bottom: 30px; margin-top: -30px; margin-bottom: -30px; */ } .slider-items::before, .slider-items::after { content: ''; display: block; min-width: 11px; } .slider-item { width: 229px; min-width: 229px; } .product-cart_top { padding: 6px 8px 7px; } .product-cart_pic { height: 21vw; } .product-cart_bottom { padding: 0 10px 16px; } .product-cart__title { font-size: 15px; line-height: 118.75%; /* text-transform: capitalize; */ margin-bottom: 0; height: 38px; } .product-cart_stars svg:not(:first-child) { display: none; } .product-cart_stars svg path { fill: #FEC200; } .product-cart_rating { gap: 3px; } .product-cart_comments { margin-left: 7px; } .product-cart_prices { gap: 6px; margin-top: 5px; margin-bottom: 3px; } .product-cart_prices--l { gap: 2px; } .price { font-size: 20px; line-height: 23px; } .product-cart_prices--r { gap: 6px; } .oldprice { font-size: 13px; line-height: 153.846%; } .product-cart_row { display: none!important; } .product-cart_credit { gap: 2px; } .product-cart_credit_info { display: none; } .product-cart_credit>img { width: 15px; } .product-cart_credit__price { font-size: 12px; line-height: 100%; } .product-cart_credit__price span { display: none; } .d-none_note { display: none!important; } .d-block_note { display: block!important; } .d-flex_note { display: flex!important; } .product-cart_btns2 { gap: 5px; } .product-cart_tags { gap: 3px; } .product-cart_tags a { padding: 4px 3px; } .product-cart_tags a svg { width: 14px; } .product-cart_tags a span { font-size: 11px; } .product-cart__btn.product-cart__favorites { margin-left: auto; margin-right: 6px; } .product-cart_rating .product-cart__btn { width: 20px; height: 20px; background: transparent !important; border: none; } .slider-top { justify-content: space-between; row-gap: 0; } .slider-nav { display: none!important; } .slider__title { max-width: 100%; } .slider-tags .owl-stage { width: 100%!important; } .slider__link { background-color: var(--xm-color-blue4); border-radius: 200px; align-items: center; justify-content: center; gap: 6px; width: 52px; height: 27px; padding: 0; } .slider__link span { color: #FFF; font-size: 13px; font-weight: 500; line-height: 0; } [data-theme=dark] .slider__link span { color: #222D3A; } .slider__link svg { width: 5px; height: auto; } .slider__link svg path { fill: #FFFFFF!important; } [data-theme=dark] .slider__link svg path { fill: #222D3A!important; } .slider-tags, .slider-top .slider-tags { margin-top: 20px; margin-bottom: 23px; display: flex; align-items: center; gap: 25px; white-space: nowrap; overflow: hidden; overflow-x: auto; width: 100vw; margin-left: -25px; } .slider-top .slider-tags { margin-bottom: 0; } .slider-tags::before, .slider-tags::after { content: ''; display: block; } .slider-tags span { font-size: 14px; line-height: 185.714%; padding-bottom: 0; } .product-cart_credit { padding-top: 4px; padding-bottom: 4px; } .product-cart_credits { margin-top: 7px; } .product-cart_btns2 { margin-top: 7px; margin-bottom: 8px; } .materials { margin-top: 25px; } .material { height: 154px; padding: 5px 12px; } .material__title { font-size: 15px; line-height: 118.75%; font-weight: 500; } .slider-item .video-top { height: 129px; } .slider-item .video-bottom { margin-top: 10px; } .slider-item .video-bottom__text { font-weight: 500; } .modal-end__text { line-height: 169.23%; } .modal-buy_bottom { padding-top: 10px; margin-top: 10px; } .bottom-block { padding-top: 30px; padding-bottom: 30px; min-height: 26.34vw; } .bottom-block_content { margin-bottom: 4px; } .bottom-block_content h3 { font-size: 19px; line-height: 115.789%; } .bottom-block_content p, .bottom-block_content li { font-size: 13px; line-height: 123.077%; letter-spacing: -0.13px; margin-top: 4px; } .bottom-block_content { max-width: 70vw; } .bottom-block__bg { right: -106px; width: 54.76vw; } .bottom-block_layer { right: -67px; width: 57.26vw; height: 27.667vw; bottom: 0; } .breadcrumbs { white-space: nowrap; width: 100vw; margin-left: -25px; overflow: hidden; overflow-x: auto; } .breadcrumbs::before, .breadcrumbs::after { content: ''; display: block; min-width: 19px; } .slider-items2 { display: flex; align-items: stretch; gap: 15px; overflow: hidden; overflow-x: auto; width: 100vw; margin-left: -25px; } .slider-items2::before, .slider-items2::after { content: ''; display: block; min-width: 10px; } .slider-items2 .product-cart { width: 224px; min-width: 224px; height: auto; } .btn.btn-cart, .product-cart__btn2 { height: 36px; } .addToCard-modal__title { max-width: 100%; } .addToCard-modal { padding: 0; padding-top: 15px; } .addToCard-control { gap: 0; } .wishlist-empty_info { gap: 0; margin-top: -30px; } .wishlist-empty_pic { width: 62px; min-width: 62px; height: auto; display: flex; align-items: center; } .wishlist-empty_pic::before { display: none; } .wishlist-empty_pic img { width: 100%; height: auto; } .wishlist-empty_block { margin-left: -6px; gap: 9px; max-width: 388px; } .wishlist-empty_block>svg { width: 15px; min-width: 15px; } .wishlist-empty_box p { font-size: 15px; line-height: 19px; margin-bottom: 4px; } .wishlist-empty_box span { font-size: 14px; } .wishlist-empty_content { padding-top: 20px; width: calc(100% + 50px); margin-left: -25px; padding-left: 25px; padding-right: 25px; } .wishlist-empty_icon { width: 77px; min-width: 77px; height: 77px; } .wishlist-empty_icon svg { width: 57px; height: auto; } .wishlist-empty_text p { font-size: 17px; line-height: 19px; margin-bottom: 0; } .wishlist-empty_text span { font-size: 14px; line-height: 17px; } .wishlist-empty__btn { width: 212px; min-width: 212px; height: 50px; } .top-row { padding-bottom: 15px; } /* .top-row::before { content: none; } */ .fg-error span { font-size: 14px; } .modal-cities { padding-bottom: 25px; } .modal-cities .modal-inner { top: 25px; margin-bottom: 25px; } .discount { padding: 2px 4px; font-size: 11px; } .product-cart_rating .product-cart__btn svg path { stroke: #979798; } .slider__title { flex-grow: 1; } .product-cart_rating--count { font-size: 12px; } .product-cart_stars svg { width: 12px; } .side-menu { top: 150px; } .product-cart_outofstock { margin-top: 0; } .product-cart_outofstock--row { padding-top: 10px; } .product-cart_outofstock__btn { height: 36px; margin-top: 0; } .product-review_gallery a { width: 75px; min-width: 75px; height: 60px; } span:hover>.tooltip, button:hover>.tooltip { opacity: 0!important; visibility: hidden!important; } span.active>.tooltip, button.active>.tooltip { opacity: 1!important; visibility: visible!important; } .checkout-info { padding: 11px; } .checkout-info p { font-size: 13px; line-height: 16px; } .product-cart_prices--l>span { display: none; } } @media(max-width: 1110px) { .block-search__btn { width: 97px; } .video-cats { margin-top: 15px; margin-bottom: 30px; } .video-cat__pic { height: 85px; } .video-cat__title { font-size: 11px; margin-top: 10px; } .video-bottom { margin-top: 10px; } .videos-modal { max-width: calc(100% - 40px); } .videos-modal_inner { height: 53vw; } .videos-grid .video-review:first-child, .videos-grid .video-review:nth-child(2) { grid-column: unset; } .videos-grid .video-review:first-child .video-top, .videos-grid .video-review:nth-child(2) .video-top, .videos-grid .video-review .video-top { height: 26vw; } .videos-grid .video-review:first-child .video-play, .videos-grid .video-review:nth-child(2) .video-play { width: 49px; } .modal-tooltip { display: none!important; } } @media(max-width: 1010px) { .video-cats_nav { display: none; } .video-cats_slider { width: calc(100% + 25px); } } @media(max-width: 991px) { .d-none_tablet { display: none!important; } .d-block_tablet { display: block!important; } .fg-2 { width: calc(50% - (15px / 2)); } .fg-full_tablet { width: 100%; } .fg__title{ white-space: normal; } .header-row { gap: 25px; } .header-mid { padding-top: 10px; padding-bottom: 10px; } .header-mid_block, .header-search, .header-search input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header-search input { width: auto; } /* .header-search input { width: calc(66vw - 166.72px); } */ .header-mid_block._show .header-search input { width: auto; } .footer-l { max-width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-contacts { width: 100%; padding: 0; border: none; margin-top: 15px; gap: 14px; height: auto; } .footer-bottom .footer-row { gap: 4px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-payments_row { gap: 0; } .footer-rating_box--top { display: none; } .footer-rating_box { padding: 11px 20px; } .footer-rating_box--bottom img { max-height: 19px; } .footer-rating_stars { margin-left: auto; } .footer-rating_stars svg { width: 13px; } .footer-rating_box--bottom span { font-size: 11px; margin-left: 2px; line-height: 104.9%; } .footer-top__text { display: none; } .fg-2_tablet { width: calc(50% - (15px / 2)); } .fg-full_tablet { width: 100%; } .tooltip { width: 180px; } .tooltip__text { font-size: 10px; max-height: 100px; } .tooltip-file { width: 210px; flex-direction: column; padding-top: 20px; } .tooltip-file__pic { width: 100%; } .tooltip-file__text { font-size: 12px; } .megamenu { display: none; } .brands-block { padding-top: 30px; padding-bottom: 30px; } .brands-slide_wrapper { gap: 10px; } .brands-slider { margin-top: 15px; } .career-inf_block { padding-top: 15px; padding-bottom: 15px; } .career-inf_box { gap: 6px; width: 100%; } .switch-top { margin-bottom: 15px; } .loadmore { margin-top: 24px; } .delivery-box { width: 326px; min-width: 326px; } .addToCard-row { margin-top: 25px; margin-bottom: 11px; padding-left: 15px; padding-right: 15px; } .addToCard__pic { width: 73px; height: 47px; } .addToCard-block__title { font-size: 17px; line-height: 19px; } .addToCard-block__text { margin-bottom: 0; font-size: 12px; line-height: 18px; } .addToCard-block_row { padding-left: 15px; padding-right: 15px; gap: 15px; } .addToCard-control { margin-left: auto; } .addToCard-prices .price { font-size: 17px; } .addToCard-bottom_box { display: none; } .addToCard-bottom { padding: 12px 15px; } .addToCard-bottom_row { width: 100%; flex-direction: column-reverse; gap: 9px; } .addToCard__btn { width: 100%; height: 44px; } .addToCard-close { font-size: 14px; } .catalog-content_banner5 { padding-left: 92px; padding-top: 13px; padding-right: 12px; padding-bottom: 14px; gap: 11px; background: radial-gradient(60% 316.7% at 7.33% 19%, #004392 0%, #2399DC 100%); } .catalog-content_banner5__bg { left: -51px; width: 180px; } .catalog-content_banner5--l { max-width: 279px; } .catalog-content_banner5__title { font-size: 16px; line-height: 18px; } .catalog-content_banner5--mid { padding: 3px 15px; } .catalog-content_banner5--mid span { font-size: 15px; line-height: 21px; } .catalog-content_banner5__text { font-size: 13px; line-height: 16px; max-width: 239px; } .fg-tablet_full { width: 100%!important; } .product-cart_tag { padding-left: 4px; padding-right: 4px; height: 15px; } .product-cart_tag span { font-size: 9px; } } @media(max-width: 769px) { .logo { height: 41px; } .header-row { gap: 16px; } .header-mid_l { gap: 16px; } .header-row._hide_elems .header-icons_wrap, .header-row._hide_elems .header-mid_l { display: none; } .consult-l { left: -51px; width: 447px; z-index: 1; } } @media(min-width: 768px) { .footer-menu { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } } @media(max-width: 767px) { .footer-payments_row, .footer-rating { gap: 9px; } .footer-logo__text { display: none; } .footer-mid { padding-bottom: 0; } .footer-l { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; width: 100%; } .footer-box { width: 100%; position: relative; } .footer-menu { display: none; gap: 5px; } .footer-menu a { -webkit-transition: none; -o-transition: none; transition: none; } .footer-box__title { margin-bottom: 0; position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; } .footer-box__title::after { content: ''; width: 10px; height: 10px; background-image: url('/local/templates/xmotors_new_design/css/../img/footer/chevron.svg'); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .footer-box__title.active::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .footer-block_wrapper { margin-top: 15px; } .footer>.footer-block_wrapper { padding-left: 25px; padding-right: 25px; } .footer-rating_inner { display: none; } /* .footer-box__title.active+.footer-rating { display: flex; } */ .footer-rating_box { width: calc(100% / 3); } .footer-rating_box--bottom { flex-wrap: wrap; justify-content: flex-start; gap: 6px; } .footer-rating_box--bottom img { height: auto; width: 100%; min-width: 90%; max-height: unset; } .footer-rating_stars { margin-left: 0; } /* .footer-rating_box:not(:first-child) { margin-top: 15px; } */ .footer-payments { display: none; } .footer-payments_row { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-bottom__text { text-align: center; } .footer-contacts { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-contacts__phone { width: 100%; } .footer-payments span { display: none; } .subscribe-l { min-width: 250px; width: 250px; } .megamenu-container { gap: 15px; } .submenu-container { grid-gap: 10px; } .megamenu-content { max-width: calc(100% - 245px); } .submenu-items { gap: 10px; } .submenu-items>li>a { font-size: 14px; } .submenu-items>li>ul li a { font-size: 13px; } .wishlist-empty_top { flex-direction: column; } .wishlist-empty_info { margin-top: 15px; } .wishlist-empty_pic { width: 89px; min-width: 89px; } .wishlist-empty_content { flex-direction: column; } .wishlist-empty_row { flex-direction: column; gap: 5px; } .wishlist-empty_text { text-align: center; } .wishlist-empty_block { max-width: 100%; } .wishlist-empty__btn { height: 42px; } } @media(max-width: 755px) { .sort-block_list { left: 0; right: auto; min-width: auto!important; } .product-reviews .product-reviews_branch .sort-block_list { width: calc(100vw - 50px); } } @media(max-width: 750px) { .catalog-content_banner5--l { max-width: 100%; } .catalog-content_banner5__text { display: none; } } @media(max-width: 730px) { .info-slider_progress { display: none; } .info-slider_container { display: flex; gap: 10px; overflow-x: auto; width: calc(100% + 50px); margin-left: -25px; margin-bottom: 0; opacity: 1; } .info-slider_container::before, .info-slider_container::after { content: ''; display: block; min-width: 15px; } .info-slider_item { width: 229px; min-width: 229px; display: flex; padding: 8px; background-color: var(--xm-light-grey4); border-radius: 5px; } .info-slider__icon { width: 19px; min-width: 19px; } .info-slider_block p { line-height: 172.7272%; } .info-slider_block span { display: block; line-height: 13px; font-size: 11px!important; } .bottom-block { padding-top: 30px; } } @media(max-width: 695px) { .cities-list { grid-template-columns: repeat(3, 1fr); } .modal-cities__title { padding: 15px; text-align: center; } .modal-cities_row { flex-direction: column; gap: 10px; padding: 15px; } .modal-cities_row .block-search { width: 100%; } } @media(max-width: 680px) { .block-top_switch_wrapper { width: calc(100% + 50px); overflow-x: auto; padding-right: 25px; padding-left: 25px; margin-left: -25px; padding-bottom: 4px; } .header__catalog { display: none; } .header-search input { border-left: 2px solid #004392; border-radius: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .megamenu { position: fixed; top: 0; height: 100vh; height: -webkit-fill-available; min-height: 0; } .megamenu-container { display: block; padding: 0; height: 100%; } .megamenu-content { position: static; max-width: 100%; width: 100%; } .megamenu-l { width: 100%; } .megamenu-items { min-width: 0; width: 100%; gap: 0; height: 100%; overflow: hidden; overflow-y: auto; display: block; padding: 0; } .megamenu-items>li>a, .megamenu-items>li.active>a, .megamenu-items>li:hover>a { background-color: var(--xm-bg-body); border-bottom: 1px solid var(--xm-bd-menu--mobile); color: var(--xm-color-dark); } .megamenu-items>li>a { padding: 12px 20px 12px 15px; gap: 15px; } .megamenu-items>li>a::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .megamenu-items>li.active>a::after, .megamenu-items>li:hover>a::after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjkiIHZpZXdCb3g9IjAgMCA2IDkiIGZpbGw9Im5vbmUiPg0KPHBhdGggZD0iTTUuNDI0MjYgNC45MjQyNkM1LjY1ODU4IDQuNjg5OTUgNS42NTg1OCA0LjMxMDA1IDUuNDI0MjYgNC4wNzU3NEwxLjYwNTg5IDAuMjU3MzU5QzEuMzcxNTcgMC4wMjMwNDQ0IDAuOTkxNjc0IDAuMDIzMDQ0MyAwLjc1NzM1OSAwLjI1NzM1OUMwLjUyMzA0NSAwLjQ5MTY3NCAwLjUyMzA0NSAwLjg3MTU3MiAwLjc1NzM1OSAxLjEwNTg5TDQuMTUxNDcgNC41TDAuNzU3MzU5IDcuODk0MTFDMC41MjMwNDQgOC4xMjg0MyAwLjUyMzA0NCA4LjUwODMzIDAuNzU3MzU5IDguNzQyNjRDMC45OTE2NzMgOC45NzY5NiAxLjM3MTU3IDguOTc2OTYgMS42MDU4OSA4Ljc0MjY0TDUuNDI0MjYgNC45MjQyNlpNNCA1LjFMNSA1LjFMNSAzLjlMNCAzLjlMNCA1LjFaIiBmaWxsPSIjQUNCM0JEIi8+DQo8L3N2Zz4=); } .megamenu__link, .megamenu-logos { display: none; } .megamenu-links { padding: 0; } .submenu { margin-top: 0; } .submenu-container { display: block; -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.11) inset; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.11) inset; } .submenu-items { display: block; } .submenu-items>li a, .submenu-items>li>ul li a { padding: 10px 25px 10px 56px; background-color: var(--xm-bg-submenu--mobile); display: block; border-bottom: 1px solid var(--xm-bd-menu--mobile); font-weight: 400; font-size: 14px; } .submenu-items>li>ul { gap: 0; display: none; } .consult-block { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .consult-l { position: static; width: calc(100% + 25px); margin-left: -25px; } .consult-r { margin-left: 0; max-width: 100%; } .subscribe-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .subscribe-block::before { right: unset; top: 30%; left: 0; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate(45deg) translate(-50%, -50%); -ms-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%); width: 100%; height: calc(100vw - 30px); } .subscribe-l { width: 100%; } .block-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 6px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .file__title>span>span { margin-left: 0; } .mobile-catalog .megamenu-logos { display: flex; } } @media(min-width: 591px) { .policy-list { display: block!important; } } @media(max-width: 590px) { .oldprice { font-size: 11px; } .btn.btn-medium { font-size: 11px; } .min-product_price .min-product_price--l>span { display: none; } .text20-mobile { font-size: 20px; } .text19-mobile { font-size: 19px; } .text18-mobile { font-size: 18px; } .text17-mobile { font-size: 17px; } .text16-mobile { font-size: 16px; } .text15-mobile { font-size: 15px; } .text14-mobile { font-size: 14px; } .text13-mobile { font-size: 13px; } .text12-mobile { font-size: 12px; } .text11-mobile { font-size: 11px; } .h1, .h2 { font-size: 15px; line-height: 146.6%; } .d-none_mobile, .d-none_mobile.d-dark-mode-block { display: none !important; } .d-block_mobile { display: block !important; } .d-flex_mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .fg-3, .fg-2 { width: 100%; } .modal-inner { width: calc(100% - 30px); } .modal__title { font-size: 15px; } .container { padding-left: 10px; padding-right: 10px; } .m-page { padding-top: 115px; } .sort { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .sort-block_list { width: auto; } .sort-block_list li { /* white-space: nowrap; */ } .header-row { gap: 10px; } .header-mid { padding-top: 7px; padding-bottom: 7px; } .header-search input { border-left: 2px solid #004392; border-radius: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .header-icons_wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .header-search__btn.btn { width: 36px; min-width: 36px; } .header-search input { height: 36px; padding-left: 10px; padding-right: 10px; } .header-mid_block, .header-search, .header-search input { -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; width: 100%; } .header-address { gap: 3px; } .header-address svg { width: 15px; height: auto; } .header-top_l { gap: 7px; } .header-mid_block._show .header-search input { border-bottom-left-radius: 0; } .header-search_content { max-height: calc((100 * var(--vh)) - 110px); top: calc(100% - 4px); box-shadow: unset; padding: 12px; padding-right: 4px; } .header-search_content--inner { max-height: calc((100 * var(--vh)) - 138px); overflow: hidden; overflow-y: auto; padding-right: 15px; } .header-mid_block._show .header-search input { flex-grow: 1; } .header-search_content--inner { padding-right: 3px; } .header-search__title { font-size: 14px; line-height: 85.714%; } .header-search_history--items { flex-wrap: nowrap; overflow-x: auto; } .header-search_history--item { gap: 3px; padding: 4px 7px; } .header-search_history--item span { font-size: 13px; } .header-search_block:not(:last-child) { margin-bottom: 15px; } .header-search_categories--items { gap: 4px; } .header-search_categories--items li a { padding: 3px 7px; font-size: 12px; line-height: 150%; } .header-search_brands { margin-top: 5px; } .header-search_products--list { grid-template-columns: 1fr; grid-gap: 9px; } .header-search_product__pic { width: 52px; min-width: 52px; height: 34px; } .header-search_product__price { font-size: 14px; line-height: 114.286%; } .header-search_products { display: flex; flex-direction: column; } .header-search_block__link { align-self: center; font-size: 13px; line-height: 130.769%; margin-top: 11px; } .header-search_brand { gap: 9px; } .header-search_brand__icon { width: 108px; height: 48px; } .header-search_videos--list { grid-template-columns: 1fr; gap: 9px; } .header-search_video__pic { width: 52px; min-width: 52px; height: 34px; } .header-search_videos { display: flex; flex-direction: column; } .header-search_post { gap: 4px; } .header-search_post>span { font-size: 13px; line-height: 138.462%; } .page-numbers { padding: 9px 11px; } .subscribe-block { padding: 15px; } .subscribe-form_row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; border-radius: 0; } .subscribe-form input { border: 2px solid #004392; border-radius: 4px; } .subscribe__btn.btn { height: 46px; border-radius: 3px; } .consult-block { padding: 12px; padding-bottom: 15px; } .consult-block>svg { right: 0; width: 100%; } .consult-l img { margin-top: -25px; width: 121%; } .consult__title { font-size: 14px; margin-top: 5px; } .consult__title span { display: inline; } .consult__btn { height: 34px; } .footer-logo { height: 46px; max-width: 145px; } .footer__btn { padding: 13px 15px; letter-spacing: -1px; } .footer>.footer-block_wrapper { padding-left: 15px; padding-right: 15px; } .footer-rating { gap: 8px; } .footer-rating_box { padding: 9px; } .footer-rating_box--bottom { grid-column-gap: 0; grid-row-gap: 6px; } .footer-rating_stars svg { width: 12px; } .video-cats { margin-bottom: 20px; } .video-cats_slider { width: calc(100% + 15px); } .video-cat { padding-bottom: 5px; } .video-cat__pic { height: 75px; } .video-cat__title { font-size: 9px; height: 25px; margin-top: 4px; } .videos-modal__title { font-size: 15px; } .videos-modal_inner { margin-top: 10px; } .file { margin-top: 15px; } .block-top_switch_wrapper { width: calc(100% + 30px); padding-right: 15px; padding-left: 15px; margin-left: -15px; } .videos-grid .video-review:first-child .video-top, .videos-grid .video-review:nth-child(2) .video-top, .videos-grid .video-review .video-top { height: 53vw; } .modal-end .modal-inner { width: calc(100% - 10px); } .modal-end .close-modal { top: -25px; } .modal-end .close-modal svg { width: 20px; } .modal-buy__btn { padding-left: 5px; padding-right: 5px; flex-grow: 1; } .modal-oncredit__btn { width: 100%; } .tooltip-file { transform: none; left: unset; right: -20px; } .tooltip-file::after { transform: none; left: unset; right: 20px; } .cities-list { grid-template-columns: 1fr; } .cities-list_wrapper { padding: 15px; } .header-mid_r { padding-left: 18px; padding-right: 18px; } .header-bottom>.container, .mobile-catalog_wrapper { max-width: 100%; } .header-bottom_close, .mobile-catalog_close { right: 11px; } .mobile-catalog_close { position: absolute; } .header-bottom_inner { max-width: calc(100% - 41px); } .discount-block_bottom::before { height: 65px; } .mobile-catalog_inner { max-width: 100%; } .mobile-catalog__title { padding-right: 20px; } .form-modal__text { font-size: 13px; } .form-modal__btn { width: 100%; height: 49px; } .form-modal_bottom span { font-size: 12px; } .modal__title { padding-left: 20px; padding-right: 20px; } .policy-list { display: none; width: 100%; min-width: 0; border: none; border-radius: 0; border-top: 1px solid var(--xm-bd-grey); height: calc((100 * var(--vh)) - 216px); overflow-y: auto; } .policy-list::-webkit-scrollbar { width: 4px; } .policy-list::-webkit-scrollbar-track { background: rgba(101, 110, 119, 0.1); } .policy-list::-webkit-scrollbar-thumb { background-color: var(--xm-dark-grey9); cursor: pointer; } .policy-list::-webkit-scrollbar-button { width: 4px; height: 10px; } .policy-list::-webkit-scrollbar-button:single-button { background-color: transparent; display: block; border-style: solid; height: 8px; width: 8px; cursor: pointer; } .policy-list::-webkit-scrollbar-button:single-button:vertical:decrement { border: 2px solid transparent; border-bottom: 4px solid rgba(101, 110, 119, 0.1);; } .policy-list::-webkit-scrollbar-button:single-button:vertical:increment { border: 2px solid transparent; border-top: 4px solid rgba(101, 110, 119, 0.1);; } [data-theme=dark] .policy-list::-webkit-scrollbar-button:single-button:vertical:decrement { border-bottom: 4px solid #EBEBEB; } [data-theme=dark] .policy-list::-webkit-scrollbar-button:single-button:vertical:increment { border-top: 4px solid #EBEBEB; } .policy-list_wrapper { position: fixed; top: calc(100 * var(--vh) - 71px); width: calc(100% - 30px); left: 50%; transform: translate(-50%, -100%); border-radius: 6px; background: #fff; box-shadow: 0px 0px 26px 0px rgba(0, 0, 0, 0.15); z-index: 100; overflow: hidden; max-height: calc((100 * var(--vh)) - 165px); padding-right: 10px; } .policy-list_wrapper.active { padding-bottom: 10px; } [data-theme=dark] .policy-list_wrapper { background-color: #1C1D1E; } .policy-list_button { display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 15px; font-weight: 500; line-height: 166.667%; color: var(--xm-dirty-blue); padding-top: 8px; padding-bottom: 8px; cursor: pointer; } .policy-list_button svg { transition: .3s; } .policy-list_wrapper.active .policy-list_button svg { transform: rotate(180deg); } .policy-list_button svg path { fill: var(--xm-dirty-blue); } .policy-list a { padding: 9px 20px; } .info-slider { padding-top: 15px; padding-bottom: 15px; } .info-slider_container { width: calc(100% + 30px); margin-left: -15px; } .info-slider_container::before, .info-slider_container::after { min-width: 5px; } .brands-slide_wrapper { flex-direction: column; gap: 5px; } .brands-block__title { text-align: center; } .brands-slide__pic { background-color: #fff; } .career-inf>.container { padding-bottom: 155px; } .career-inf_l, .career-inf__subtitle { max-width: 100%; } .career-inf__bg1 { right: unset; left: -95px; bottom: -43px; width: 290px; } .career-inf__bg2 { opacity: 0.25; width: 72vw; right: -36px; } .career-inf_block-inner { grid-template-columns: repeat(2, 1fr); } .career-inf_box img { width: 15px; min-width: 15px; } .slider-tags, .slider-top .slider-tags { margin-left: -15px; gap: 20px; } .slider-top .slider-tags { margin-top: 10px; } .slider-items { margin-left: -15px; gap: 8px; } .slider-items::before, .slider-items::after { min-width: 7px; } .slider-item { width: 160px; min-width: 160px; } .product-cart_top { padding: 0; } .product-cart_bottom { padding-left: 0; padding-right: 0; padding-bottom: 0; } .price { font-size: 17px; line-height: 19px; } .product-cart__title { font-size: 13px; font-weight: 500; margin-bottom: 0; height: 31px; } .product-cart__btn2 { height: 36px; } .product-cart__btn2.btn-cart { font-size: 0; width: 40px; min-width: 40px; height: 36px; display: block; } .product-cart_btns2 { display: flex; flex-direction: row-reverse; } .slider-top { gap: 10px; margin-bottom: 0; } .product-cart_credits { margin-top: 4px; } .product-cart_btns2 { margin-top: 4px; } .product-cart { /* background: transparent; */ background: #fff; padding: 8px; border-radius: 7px; border: 1px solid var(--xm-bd-grey4); } .slider { padding-top: 20px; padding-bottom: 20px; } .home-page .slider-items, .materials, .slider-videos { margin-top: 20px; } .materials .slider-item { width: 245px; min-width: 245px; } .material { height: 166px; } .slider-videos .slider-item { width: 245px; min-width: 245px; } .slider-item .video-top { height: 138px; } .bottom-block_content { max-width: 100%; } .bottom-block { padding-bottom: 120px; } .bottom-block_layer { right: 0; } .bottom-block__bg { right: 0; } .breadcrumbs { margin-left: -15px; } .breadcrumbs::before, .breadcrumbs::after { min-width: 9px; } .review-reply { padding-left: 15px; padding-right: 15px; } .delivery-box { width: 100%; min-width: 0; } .slider-items2 { margin-left: -15px; gap: 8px; } .slider-items2::before, .slider-items2::after { min-width: 7px; } .slider-items2 .product-cart { border: none; } .slider-items2 .product-cart_prices { justify-content: flex-start; } .product-cart_pic { height: 106px; } .close-modal { width: 29px; height: 29px; } .close-modal svg { width: 19px; } .addToCard-qty { width: 103px; min-width: 103px; height: 44px; } .addToCard-qty__input { width: 42px; } .addToCard-block_row { gap: 10px; } .wishlist-empty_block { margin-left: -8px; } .wishlist-empty_text .block-search { flex-direction: column; gap: 8px; } .wishlist-empty_text .block-search .input { border: 1px solid var(--xm-bd-inp); border-radius: 4px; } .wishlist-empty_text .block-search .block-search__btn { width: 100%; height: 51px; border-radius: 4px; } .product-removed { right: 20px; top: 120px; } .fg-error span { font-size: 13px; } .shops-search__count { max-width: 120px; text-align: right; } .header-search_product__title { -webkit-line-clamp: 1; } .header-search_product--r { width: calc(100% - 43px); } .discount { padding: 0 2px; font-size: 10px; } .product-cart_prices { flex-wrap: wrap; gap: 3px; margin-top: 7px; margin-bottom: 7px; } .product-cart_tags>span { gap: 2px; padding: 2px 2px; } .product-cart_tags > span svg { width: 15px; } .product-cart_tags>span span { font-size: 11px; line-height: normal; } .slider__link { gap: 4px; width: 44px; height: 23px; } .product-cart_credits { /* background-color: transparent; */ } .product-cart_row { display: none; } [data-theme=dark] .product-cart { /* background-color: transparent!important; */ } .product-cart_sale { width: 20px; height: 20px; justify-content: center; border-radius: 50%; padding: 0; } .product-cart_sale span { display: none; } .side-menu { top: 110px; } .product-cart_outofstock--row { padding-bottom: 9px; } } @media(max-width: 440px) { .catalog-content_banner5--l { max-width: 193px; } .catalog-content_banner5__title { font-size: 14px; line-height: 14px; } .catalog-content_banner5--mid { padding: 2px 8px; position: absolute; right: 9px; top: 23px; } } @media(max-width: 358px) { .footer-rating { flex-direction: column; } .footer-rating_box { width: 100%; } .footer-rating_box--bottom img { min-width: 0; width: auto; } .footer-rating_box--bottom { justify-content: space-between; } .footer-rating_stars { margin-left: auto; } .header-mid_r { gap: 10px; padding-left: 10px; padding-right: 10px; } .header-action { min-width: 50px; } .form-modal__text br { display: none; } .product-removed { right: 15px; top: 100px; padding-right: 10px; } .product-removed_box p { max-width: 170px; } } @media(max-width: 350px) { .header__phone { font-size: 12px; } .footer-logo { height: 39px; max-width: 124px; } .min-product { gap: 2px; } .min-product_l { width: 100px; min-width: 100px; } .review-reply__icon { width: 35px; min-width: 35px; height: 35px; } .review-reply__top { font-size: 12px; } .catalog-content_banner5 { padding-left: 60px; } .catalog-content_banner5__bg { left: -53px; width: 150px; } } /* End */ /* Start:/local/templates/xmotors_new_design/css/seoven/utilities.css?1766005313217*/ /* Стили которые можно переиспользовать */ .mt-0 { margin-top: 0; } .mr-0 { margin-right: 0; } .mb-0 { margin-bottom: 0; } .ml-0 { margin-left: 0; } /* End */ /* Start:/local/templates/xmotors_new_design/css/seoven/modal.css?17660053132110*/ /* Стили для модального окна */ .base-form { position: relative; } .modal-form .fg-captcha { align-items: center; } .modal-form .fg-error-container { text-align: center; } .reviews-form .fg-captcha { margin-top: 25px; align-items: center; } .reviews-form .fg-error-container { text-align: center; } .fg-error-container { color: #E30016; font-size: 15px; } label.modal-general-error-base { color: #E30016; font-size: 13px; font-weight: 300; line-height: 123.077%; display: block; } input.modal-general-error-base, textarea.modal-general-error-base { border-color: #E30016; } .disabled-class-for-elements { pointer-events: none; } .modal-inner--xl { max-width: 882px; } .modal-repair { max-width: 766px; } .modal-repair .file { margin-top: 0; } .modal-repair__text { margin-top: 2px; font-size: 16px; line-height: 156.25%; color: var(--xm-dark-grey5); } .modal-repair_form { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 20px; } @media screen and (min-width: 1921px) { .modal-repair { max-width: 39.896vw; padding: 1.823vw; } .modal-repair__text { margin-top: 0.104vw; font-size: 0.833vw; } .modal-repair_form { margin-top: 1.042vw; gap: 1.042vw; } } @media (max-width: 1130px) { .modal-repair__text { font-size: 14px; } } @media (max-width: 991px) { .modal-inner--xl { max-width: calc(100% - 30px); } .modal-repair { max-width: calc(100% - 126px); } .modal-repair_form { gap: 15px; margin-top: 15px; } .modal-repair .contacts-form_bottom { align-items: flex-start; } .modal-repair .contacts-form__btn { width: 233px; align-self: center; } } @media (max-width: 590px) { .modal-repair { max-width: calc(100% - 30px); } } /* End */ /* Start:/local/templates/xmotors_new_design/css/seoven/classes/QuizManager.css?17660053137309*/ #quizModal .form-inner {position: relative;width: 100%;box-sizing: border-box;padding: 0;} #quizModal .form-inner h2 {display: none;} #quizModal .form-inner .quiz-categories-wrapper .steps {display: none;} #quizModal .form-inner .quiz-categories-wrapper .content {margin: 0;height: auto;max-width: unset;background-color: transparent;transform: unset;box-shadow: unset;} #quizModal .form-inner .quiz-categories-wrapper .content:before, #quizModal .form-inner .quiz-categories-wrapper .content:after {display: none;} #quizModal .form-inner .quiz-categories-wrapper .form-step .title {color: var(--xm-color-black); text-align: center; font-family: "Halvar Breitschrift", sans-serif; font-size: 28px; font-weight: 800; line-height: 146.429%; text-transform: uppercase; margin-bottom: 20px;} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields {display: flex;flex-wrap: wrap;margin: 0 -10px;} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field {padding: 0 10px;width: 50%;box-sizing: border-box;margin-bottom: 20px;} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner {display: flex;align-items: flex-start;border-radius: 5px; border: 1px solid var(--xm-bd-grey); background-color: var(--xm-bg-header); padding: 19px;} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner:hover {cursor: pointer;border-color: var(--xm-color-read);} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .default-checkbox {position: absolute;z-index: -1;opacity: 0;} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .default-checkbox:checked + .checkbox-check {border-color: #003B82; background-color: #004392; background-image: url(/local/templates/xmotors_new_design/css/seoven/classes/../../../img/icons/checked.svg); background-size: cover; background-repeat: no-repeat; background-position: 50% 0;} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .default-radio {position: absolute;z-index: -1;opacity: 0;} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner:has(:checked){border-color: var(--xm-color-read); outline: 1px solid var(--xm-color-read);} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .default-radio:checked + .default-check:after {content: '';display: block; width: 12px; height: 12px; border-radius: 50%; background-color: var(--xm-color-read); transition: .3s;} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .default-radio:checked + .default-check {border-color: var(--xm-color-read);} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .text {font-weight: 400;font-size: 16px;} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .default-check {position: relative;display: flex; align-items: center; justify-content: center; width: 24px;height: 24px;margin-right: 10px;flex-shrink: 0; border-radius: 50%; border: 1px solid var(--xm-bd-inp); background-color: var(--xm-bg-body);} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .default-check:after {content: '';transition: background-color 0.3s;} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .checkbox-check {position: relative;display: block;width: 24px;height: 24px;;margin-right: 10px;flex-shrink: 0;border-radius: 4px; border: 1px solid var(--xm-bd-inp); background: #FFFFFF;} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field .inner .checkbox-check:after {content: '';transition: background-color 0.3s;} #quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper {display: flex;justify-content: center;} #quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner {top: 0;} #quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .form-title {top: 0;font-size: 20px;text-align: center;font-weight: 500;line-height: 1.5;margin-bottom: 15px;} #quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance {padding: 0;} #quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance .form-row {top: 0;} #quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance .form-row .form-label {display: block;margin-bottom: 7px;font-weight: 600;font-size: 13px;color: #999999;line-height: 1.2;} #quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance .form-row label.error-rbz {display: block;margin-bottom: 7px;font-weight: 600;font-size: 13px;color: red;line-height: 1.2;} #quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance .form-row input.error-rbz {border: 1px solid red;} #quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance .submit-row {top: 0;} #quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance .form-politika-konf {font-size: 13px;line-height: 18px;font-weight: 400;margin-top: 30px;color: #707070;} #quizModal .form-inner .quiz-categories-wrapper .form-step .form-wrapper .form-instance-inner .instance .error-container {color: red;margin-bottom: 10px;} #quizModal .form-inner .bottom {border-top: 1px solid #dddde1;} #quizModal .form-inner .bottom .wrapper {display: flex;align-items: center;padding: 25px 0 0;} #quizModal .form-inner .bottom .wrapper .wrap-progress-n-text {width: 60%;} #quizModal .form-inner .bottom .wrapper .wrap-progress-n-text .done {margin-bottom: 10px;} #quizModal .form-inner .bottom .wrapper .progress-bar-for-quiz {height: 4px;background-color: #EAEAEA;position: relative;margin-right: 20px;} #quizModal .form-inner .bottom .wrapper .progress-bar-for-quiz .progress {width: 0;background-color: #e30016;height: 4px;position: absolute;z-index: 10;transition: 300ms linear;} #quizModal .form-inner .bottom.none {display: none;} #quizModal .form-inner .bottom .wrapper .buttons-quiz {width: 40%;display: flex;justify-content: flex-end;} #quizModal .form-inner .bottom .wrapper .buttons-quiz .none {display: none;} #quizModal .form-inner .bottom .wrapper .buttons-quiz .btn-quiz {padding: 10px;} #quizModal .form-inner .bottom .wrapper .buttons-quiz .btn-quiz:disabled {cursor: not-allowed!important; opacity: 0.6; pointer-events: none;} #quizModal .form-inner .bottom .wrapper .buttons-quiz .next {margin-left: 10px;} @media screen and (max-width: 590px) { #quizModal .form-inner .quiz-categories-wrapper .form-step .fields{flex-direction: column;} #quizModal .form-inner .quiz-categories-wrapper .form-step .fields .default-field{width: 100%;} #quizModal .form-inner .quiz-categories-wrapper .form-step .title { font-size: 15px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } #quizModal .form-inner .bottom .wrapper .wrap-progress-n-text{width: auto; flex: 1; margin-right: 20px;} } /* End */ /* Start:/local/templates/xmotors_new_design/css/custom.css?17660053139859*/ .minicart-item .minicart-box{flex: 0 0 74%;} .hidden{display: none;} .product-cart_tag-hit{background-color: #F90;} .product-cart_tag-new{background-color: #178F23;} .product-cart_tag-archived{background-color: #727C87;} .product-cart_pic video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .product-cart_pic .vjs-poster img{ object-fit: cover; } .loading { position: fixed; z-index: 101; left: 0; right: 0; top: 0; bottom: 0; background: url(/local/templates/xmotors_new_design/css/../img/loading.svg) no-repeat center center / auto 50px var(--xm-bg-body); opacity: 0.8; } .loading2 { position: absolute; z-index: 101; left: 0; right: 0; top: 0; bottom: 0; background: url(/local/templates/xmotors_new_design/css/../img/loading.svg) no-repeat center center / auto 50px var(--xm-bg-body); opacity: 0.8; } .app-loading { position: fixed; z-index: 1600; left: 0; right: 0; top: 0; bottom: 0; background: url(/local/templates/xmotors_new_design/css/../img/loading.svg) no-repeat center center / auto 50px var(--xm-bg-body); opacity: 0.8; } .text-dark{color: var(--xm-color-dark);} .fg-LOGIN, .fg-CONFIRM_PASSWORD{display: none;} button{font-family: inherit;} .input:-webkit-autofill, input:-webkit-autofill:focus { transition: all 0s 5000s; transition: background-color 0s 600000s, color 0s 600000s !important; } .tippy-box[data-theme="product-tooltip"]{ background-color: var(--xm-bg-header); border-radius: 4px; box-shadow: 0px 4px 18px 0px rgba(34, 41, 50, 0.25); } .tippy-box[data-placement^=top][data-theme="product-tooltip"]>.tippy-arrow::before{ border-top-color: var(--xm-bg-header); bottom: -6px; border-width: 6px 6px 0; } .product-cart_tags .tippy-arrow::before { bottom: -8px!important; } .tippy-box[data-placement^=bottom]>.tippy-arrow:before { color: #333; } .tippy-arrow::before{ color: rgba(0,0,0,.8); } .tippy-box[data-theme="product-tooltip"] .tippy-content{ padding: 0; font-size: 13px; line-height: 169.23%; color: var(--xm-color-submenu--item); } .tippy-box[data-theme="product-tooltip"] .tippy-content:not(:has(.tooltip-product)){ padding: 15px; } .tippy-box[data-theme="product-tooltip"] .tippy-content .tooltip-product_inner{ background: none; box-shadow: none; } .tippy-box[data-theme="product-tooltip"] .tippy-content .tooltip-product::after{ content: none; } .tippy-box .tooltip-product{ position: relative; opacity: 1; visibility: visible; } .tippy-box[data-theme="prop-tooltip"]{ background: rgba(0,0,0,.8); border-radius: 4px; } .tippy-box[data-theme="prop-tooltip"] .tippy-content{ padding: 10px; } .tippy-box[data-theme="prop-tooltip"] .tippy-content svg path{ fill: #fff; } .order-cities_modal { width: 679px; padding: 0; } .order-cities_top { padding: 20px 25px; background-color: var(--xm-bg-section--gray2); border-radius: 5px 5px 0 0; } .order-cities__title { color: var(--xm-color-dark); font-size: 20px; font-weight: 600; line-height: 25px; margin-bottom: 10px; } .order-cities_body { padding: 25px; } .order-cities_list { max-height: calc((100 * var(--vh)) - 216px); overflow: hidden; overflow-y: auto; display: flex; flex-direction: column; gap: 20px; } .order-cities_list::-webkit-scrollbar { width: 4px; height: 100%; } .order-cities_list::-webkit-scrollbar-track { background: rgba(101, 110, 119, 0.1); } .order-cities_list::-webkit-scrollbar-thumb { background-color: var(--xm-dark-grey9); cursor: pointer; } .order-cities_list::-webkit-scrollbar-button { width: 4px; height: 5px; } .order-cities_list::-webkit-scrollbar-button:single-button { background-color: transparent; display: block; border-style: solid; height: 6px; width: 6px; cursor: pointer; } .order-cities_list::-webkit-scrollbar-button:single-button:vertical:decrement { border: 2px solid transparent; border-bottom: 4px solid rgba(101, 110, 119, 0.3); } .order-cities_list::-webkit-scrollbar-button:single-button:vertical:increment { border: 2px solid transparent; border-top: 4px solid rgba(101, 110, 119, 0.3); } [data-theme=dark] .order-cities_list::-webkit-scrollbar-button:single-button:vertical:decrement { border-bottom: 4px solid #EBEBEB; } [data-theme=dark] .order-cities_list::-webkit-scrollbar-button:single-button:vertical:increment { border-top: 4px solid #EBEBEB; } .order-cities_empty { font-weight: 600; font-size: 20px; line-height: 25px; color: var(--xm-color-dark); text-align: center; } .order-city { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; } .order-city .tooltip-city { order: -1; mask-image: url(/local/templates/xmotors_new_design/css/../img/icons/icon-shop.svg); -webkit-mask-image: url(/local/templates/xmotors_new_design/css/../img/icons/icon-shop.svg); background-color: var(--xm-color-grey); } .order-city>a { order: 0; font-weight: 600; } .order-city__count { order: 1; height: 27px; padding-left: 7px; padding-right: 7px; display: flex; align-items: center; justify-content: center; border-radius: 900px; background-color: var(--xm-bd-grey4); color: var(--xm-dirty-blue); font-size: 14px; font-weight: 500; line-height: 21px; } .order-city__text { order: 2; width: 100%; color: var(--xm-color-grey); font-size: 15px; line-height: 21px; margin-top: -3px; } .order-cities__btn.btn { width: 151px; height: 36px; line-height: 0; gap: 5px; } .order-cities__btn-wrapper { order: 3; } .order-city__title { font-size: 14px; font-weight: 500; color: var(--xm-color-read); line-height: 150%; } .btn-choose-analog{ padding: 0 15px; height: 36px; line-height: 0; margin-top: 15px; } .orders-prod__status.blue { background-color: #F0F5FA; color: var(--xm-color-read); } .orders-prod__status.green { background-color: #F0FAF1; color: #178F23; } .orders-prod__status.red { background-color: #FAF0F1; color: #E30016; } .breadcrumbs { white-space: nowrap; overflow: hidden; overflow-x: auto; } .breadcrumbs::-webkit-scrollbar { display: none; } .slider-items.owl-carousel .owl-stage-outer{ padding: 20px 20px 200px; margin: -20px -20px -200px; z-index: 2; pointer-events: none; } .slider-items2.owl-carousel .owl-stage-outer { padding: 40px 80px 250px; margin: -40px -80px -250px; z-index: 20; pointer-events: none; } .banner-products.owl-carousel .owl-stage-outer { z-index: 20; pointer-events: none; } .slider-items2.owl-carousel .owl-item, .banner-products.owl-carousel .owl-item{ opacity: 0; } .slider-items2.owl-carousel .owl-item.active, .banner-products.owl-carousel .owl-item.active{ opacity: 1; pointer-events: all; } .slider-items2.owl-carousel .owl-item.active:hover, .banner-products.owl-carousel .owl-item.active:hover{ z-index: 2; } .owl-loaded{ opacity: 1; } .whitespace-n, .whitespace-n a{ white-space: normal; } .modal-inner .tooltip-product{ display: block; } .is-o-hidden { overflow: hidden; } .tippy-box, .tooltip-product, .tooltip-product_inner, .tippy-content { z-index: 10000!important; } .product-cart_garant-info>span>span { white-space: nowrap; } .spare-sidebar_list li a:hover { color: var(--xm-color-read); } .nice-select>.current { overflow: hidden; text-overflow: ellipsis; padding: 13px 32px 13px 14px; } .nice-select .option { white-space: normal; } .suggestions-suggestions {background: var(--xm-bg-body)!important; color:var(--xm-color-dark)} .slider__link{flex-shrink: 0;} .h1-pravila { margin-bottom: 20px; } .text-d { color: var(--xm-color-dark); line-height: 156.25%; letter-spacing: -0.16px; } .print-view .fancybox__content{padding: 0;} .print-view .close-modal{display: none;} @media (max-width: 1130px) { .bottom-block__bg { width: 44vw; } } @media(max-width: 991px) { .order-cities_modal { width: calc(100% - 50px); } } @media (max-width: 768px) { .b24-widget-button-position-bottom-right { right: -9px!important; bottom: 70px!important; } .b24-widget-button-inner-mask { height: 62px!important; } .b24-widget-button-block { width: 46px!important; height: 46px!important; } .b24-widget-button-inner-block { height: 46px!important; } .b24-widget-button-inner-item svg { transform: scale(0.8)!important; } } @media (max-width: 590px) { .order-cities_modal { width: calc(100% - 30px); } .order-cities_top, .order-cities_body { padding: 15px; } .order-cities_body { padding-right: 10px; } .order-city { padding-right: 10px; } .order-city__text { font-size: 14px; line-height: 17px; } .order-city__count { font-size: 12px; height: 23px; } .brands-slide__pic { position: relative; height: auto; padding-top: 40%; } .brands-slide__pic img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: 100%; margin: 0 auto; padding: 4px; object-fit: contain; } } /* End */ /* Start:/local/templates/xmotors_new_design/components/bitrix/sale.basket.basket.line/top-cart/style.min.css?17660053133569*/ .bx-basket-block{font-size:12px;padding-bottom:5px;white-space:nowrap;position:relative;padding-left:20px}.bx-basket-block>.fa{color:#97a1ab;width:12px;position:absolute;left:0;top:3px}.bx-basket-block a{color:#039be5;border-bottom:1px dashed;margin-right:10px}.bx-basket-block a:hover{text-decoration:none;border-bottom-color:transparent}@media(min-width:768px){.bx-basket-fixed{width:200px;position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;z-index:1100;background:#fff;padding-top:10px;border:1px solid #f0f0f0;box-shadow:0 7px 10px rgba(0,0,0,0.15);border-radius:1px;overflow:hidden;bottom:0;left:0;right:0}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;padding-bottom:20px;border-top:1px solid #f7f7f7;overflow:hidden}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;bottom:0;left:0;right:0}.bx-closed .bx-basket-item-list{height:20px;overflow:hidden}.bx-basket-item-list-action{cursor:pointer;background:#f7f7f7;position:absolute;bottom:0;right:0;left:0;z-index:120;height:20px;line-height:14px;vertical-align:middle;text-align:center;font-size:12px;color:#4f4f4f;padding:3px 0}.bx-basket-item-list-button-container{text-align:center;position:absolute;bottom:20px;border-top:1px solid #f7f7f7;padding:10px 0;background:#fff;left:0;right:0}.bx-basket-item-list-button-container a.btn{color:#ddd;text-decoration:none}.bx-basket-item-list-button-container a.btn:hover,.bx-basket-item-list-button-container a.btn:active{color:#fff}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{padding-top:15px;position:relative;padding-right:10px;padding-left:10px;margin-bottom:15px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{border-bottom:0;margin-bottom:0}.bx-basket-item-list-item-status{font-weight:bold;padding:3px;background:#ebebeb;margin:0 10px 20px;line-height:16px;font-size:13px;border-radius:3px;text-align:center;white-space:normal}.bx-basket-item-list-item-img{text-align:center;position:relative;padding-bottom:5px}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;color:#3f3f3f;text-decoration:none;white-space:normal;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;right:10px;top:-7px;width:20px;height:20px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center;opacity:.5}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;text-decoration:line-through;color:#b0b0b0}.bx_cart_login_top .bx-hdr-profile a{text-decoration:none}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} /* End */ /* Start:/local/css/reaspekt/reaspekt.geobase/style.css?1737010358571*/ .ReaspektPopupOverlay { height: 100%; left: 0; opacity: 0.6; position: fixed; top: 0; width: 100%; z-index: 500; background-color: #000; filter: alpha(opacity=60); /*Filter for IE*/ } #ReaspektPopupBody { position: fixed; padding: 30px 50px; /*width: 500px; min-height: 100%; height: 1000px;*/ z-index: 9998; background-color: #fff; box-shadow: 0px 0px 15px #000000; box-sizing: border-box; } #ReaspektPopupBody .ReaspektClosePosition { position: relative; } #ReaspektPopupContainer { max-width: 1100px; } /* End */ /* /local/templates/xmotors_new_design/js/libs/video-js/video-js.min.css?176600531446906 */ /* /local/templates/xmotors_new_design/css/libs/nice-select.css?17660053137292 */ /* /local/templates/xmotors_new_design/css/libs/owl.carousel.min.css?17660053133346 */ /* /local/templates/xmotors_new_design/css/libs/fancybox.css?176600531325343 */ /* /local/templates/xmotors_new_design/css/fonts.css?176600531341706 */ /* /local/templates/xmotors_new_design/css/base.css?1766005313341770 */ /* /local/templates/xmotors_new_design/css/seoven/utilities.css?1766005313217 */ /* /local/templates/xmotors_new_design/css/seoven/modal.css?17660053132110 */ /* /local/templates/xmotors_new_design/css/seoven/classes/QuizManager.css?17660053137309 */ /* /local/templates/xmotors_new_design/css/custom.css?17660053139859 */ /* /local/templates/xmotors_new_design/components/bitrix/sale.basket.basket.line/top-cart/style.min.css?17660053133569 */ /* /local/css/reaspekt/reaspekt.geobase/style.css?1737010358571 */