/* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-Black.eot"); src: url("../fonts/RobotoCondensed-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Black.woff2") format("woff2"), url("../fonts/RobotoCondensed-Black.woff") format("woff"), url("../fonts/RobotoCondensed-Black.ttf") format("truetype"), url("../fonts/RobotoCondensed-Black.svg#RobotoCondensed-Black") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-BlackItalic.eot"); src: url("../fonts/RobotoCondensed-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-BlackItalic.woff2") format("woff2"), url("../fonts/RobotoCondensed-BlackItalic.woff") format("woff"), url("../fonts/RobotoCondensed-BlackItalic.ttf") format("truetype"), url("../fonts/RobotoCondensed-BlackItalic.svg#RobotoCondensed-BlackItalic") format("svg"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-Bold.eot"); src: url("../fonts/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Bold.woff2") format("woff2"), url("../fonts/RobotoCondensed-Bold.woff") format("woff"), url("../fonts/RobotoCondensed-Bold.ttf") format("truetype"), url("../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-ExtraBoldItalic.eot"); src: url("../fonts/RobotoCondensed-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/RobotoCondensed-ExtraBoldItalic.woff") format("woff"), url("../fonts/RobotoCondensed-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/RobotoCondensed-ExtraBoldItalic.svg#RobotoCondensed-ExtraBoldItalic") format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-BoldItalic.eot"); src: url("../fonts/RobotoCondensed-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-BoldItalic.woff2") format("woff2"), url("../fonts/RobotoCondensed-BoldItalic.woff") format("woff"), url("../fonts/RobotoCondensed-BoldItalic.ttf") format("truetype"), url("../fonts/RobotoCondensed-BoldItalic.svg#RobotoCondensed-BoldItalic") format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-ExtraLight.eot"); src: url("../fonts/RobotoCondensed-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-ExtraLight.woff2") format("woff2"), url("../fonts/RobotoCondensed-ExtraLight.woff") format("woff"), url("../fonts/RobotoCondensed-ExtraLight.ttf") format("truetype"), url("../fonts/RobotoCondensed-ExtraLight.svg#RobotoCondensed-ExtraLight") format("svg"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-ExtraBold.eot"); src: url("../fonts/RobotoCondensed-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-ExtraBold.woff2") format("woff2"), url("../fonts/RobotoCondensed-ExtraBold.woff") format("woff"), url("../fonts/RobotoCondensed-ExtraBold.ttf") format("truetype"), url("../fonts/RobotoCondensed-ExtraBold.svg#RobotoCondensed-ExtraBold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-Medium.eot"); src: url("../fonts/RobotoCondensed-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Medium.woff2") format("woff2"), url("../fonts/RobotoCondensed-Medium.woff") format("woff"), url("../fonts/RobotoCondensed-Medium.ttf") format("truetype"), url("../fonts/RobotoCondensed-Medium.svg#RobotoCondensed-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-Light.eot"); src: url("../fonts/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Light.woff2") format("woff2"), url("../fonts/RobotoCondensed-Light.woff") format("woff"), url("../fonts/RobotoCondensed-Light.ttf") format("truetype"), url("../fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-ExtraLightItalic.eot"); src: url("../fonts/RobotoCondensed-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-ExtraLightItalic.woff2") format("woff2"), url("../fonts/RobotoCondensed-ExtraLightItalic.woff") format("woff"), url("../fonts/RobotoCondensed-ExtraLightItalic.ttf") format("truetype"), url("../fonts/RobotoCondensed-ExtraLightItalic.svg#RobotoCondensed-ExtraLightItalic") format("svg"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-Italic.eot"); src: url("../fonts/RobotoCondensed-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Italic.woff2") format("woff2"), url("../fonts/RobotoCondensed-Italic.woff") format("woff"), url("../fonts/RobotoCondensed-Italic.ttf") format("truetype"), url("../fonts/RobotoCondensed-Italic.svg#RobotoCondensed-Italic") format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-LightItalic.eot"); src: url("../fonts/RobotoCondensed-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-LightItalic.woff2") format("woff2"), url("../fonts/RobotoCondensed-LightItalic.woff") format("woff"), url("../fonts/RobotoCondensed-LightItalic.ttf") format("truetype"), url("../fonts/RobotoCondensed-LightItalic.svg#RobotoCondensed-LightItalic") format("svg"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-MediumItalic.eot"); src: url("../fonts/RobotoCondensed-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-MediumItalic.woff2") format("woff2"), url("../fonts/RobotoCondensed-MediumItalic.woff") format("woff"), url("../fonts/RobotoCondensed-MediumItalic.ttf") format("truetype"), url("../fonts/RobotoCondensed-MediumItalic.svg#RobotoCondensed-MediumItalic") format("svg"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-SemiBoldItalic.eot"); src: url("../fonts/RobotoCondensed-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-SemiBoldItalic.woff2") format("woff2"), url("../fonts/RobotoCondensed-SemiBoldItalic.woff") format("woff"), url("../fonts/RobotoCondensed-SemiBoldItalic.ttf") format("truetype"), url("../fonts/RobotoCondensed-SemiBoldItalic.svg#RobotoCondensed-SemiBoldItalic") format("svg"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-ThinItalic.eot"); src: url("../fonts/RobotoCondensed-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-ThinItalic.woff2") format("woff2"), url("../fonts/RobotoCondensed-ThinItalic.woff") format("woff"), url("../fonts/RobotoCondensed-ThinItalic.ttf") format("truetype"), url("../fonts/RobotoCondensed-ThinItalic.svg#RobotoCondensed-ThinItalic") format("svg"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-Black.eot"); src: url("../fonts/RobotoSemiCondensed-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-Black.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-Black.woff") format("woff"), url("../fonts/RobotoSemiCondensed-Black.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-Black.svg#RobotoSemiCondensed-Black") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-SemiBold.eot"); src: url("../fonts/RobotoCondensed-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-SemiBold.woff2") format("woff2"), url("../fonts/RobotoCondensed-SemiBold.woff") format("woff"), url("../fonts/RobotoCondensed-SemiBold.ttf") format("truetype"), url("../fonts/RobotoCondensed-SemiBold.svg#RobotoCondensed-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-Regular.eot"); src: url("../fonts/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Regular.woff2") format("woff2"), url("../fonts/RobotoCondensed-Regular.woff") format("woff"), url("../fonts/RobotoCondensed-Regular.ttf") format("truetype"), url("../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto Condensed"; src: url("../fonts/RobotoCondensed-Thin.eot"); src: url("../fonts/RobotoCondensed-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoCondensed-Thin.woff2") format("woff2"), url("../fonts/RobotoCondensed-Thin.woff") format("woff"), url("../fonts/RobotoCondensed-Thin.ttf") format("truetype"), url("../fonts/RobotoCondensed-Thin.svg#RobotoCondensed-Thin") format("svg"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-ExtraBoldItalic.eot"); src: url("../fonts/RobotoSemiCondensed-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-ExtraBoldItalic.woff") format("woff"), url("../fonts/RobotoSemiCondensed-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-ExtraBoldItalic.svg#RobotoSemiCondensed-ExtraBoldItalic") format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-Bold.eot"); src: url("../fonts/RobotoSemiCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-Bold.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-Bold.woff") format("woff"), url("../fonts/RobotoSemiCondensed-Bold.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-Bold.svg#RobotoSemiCondensed-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-ExtraBold.eot"); src: url("../fonts/RobotoSemiCondensed-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-ExtraBold.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-ExtraBold.woff") format("woff"), url("../fonts/RobotoSemiCondensed-ExtraBold.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-ExtraBold.svg#RobotoSemiCondensed-ExtraBold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-BlackItalic.eot"); src: url("../fonts/RobotoSemiCondensed-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-BlackItalic.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-BlackItalic.woff") format("woff"), url("../fonts/RobotoSemiCondensed-BlackItalic.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-BlackItalic.svg#RobotoSemiCondensed-BlackItalic") format("svg"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-Italic.eot"); src: url("../fonts/RobotoSemiCondensed-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-Italic.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-Italic.woff") format("woff"), url("../fonts/RobotoSemiCondensed-Italic.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-Italic.svg#RobotoSemiCondensed-Italic") format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-ExtraLight.eot"); src: url("../fonts/RobotoSemiCondensed-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-ExtraLight.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-ExtraLight.woff") format("woff"), url("../fonts/RobotoSemiCondensed-ExtraLight.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-ExtraLight.svg#RobotoSemiCondensed-ExtraLight") format("svg"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-ExtraLightItalic.eot"); src: url("../fonts/RobotoSemiCondensed-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-ExtraLightItalic.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-ExtraLightItalic.woff") format("woff"), url("../fonts/RobotoSemiCondensed-ExtraLightItalic.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-ExtraLightItalic.svg#RobotoSemiCondensed-ExtraLightItalic") format("svg"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-BoldItalic.eot"); src: url("../fonts/RobotoSemiCondensed-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-BoldItalic.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-BoldItalic.woff") format("woff"), url("../fonts/RobotoSemiCondensed-BoldItalic.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-BoldItalic.svg#RobotoSemiCondensed-BoldItalic") format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-Medium.eot"); src: url("../fonts/RobotoSemiCondensed-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-Medium.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-Medium.woff") format("woff"), url("../fonts/RobotoSemiCondensed-Medium.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-Medium.svg#RobotoSemiCondensed-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-LightItalic.eot"); src: url("../fonts/RobotoSemiCondensed-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-LightItalic.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-LightItalic.woff") format("woff"), url("../fonts/RobotoSemiCondensed-LightItalic.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-LightItalic.svg#RobotoSemiCondensed-LightItalic") format("svg"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-Light.eot"); src: url("../fonts/RobotoSemiCondensed-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-Light.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-Light.woff") format("woff"), url("../fonts/RobotoSemiCondensed-Light.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-Light.svg#RobotoSemiCondensed-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-Regular.eot"); src: url("../fonts/RobotoSemiCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-Regular.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-Regular.woff") format("woff"), url("../fonts/RobotoSemiCondensed-Regular.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-Regular.svg#RobotoSemiCondensed-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-SemiBold.eot"); src: url("../fonts/RobotoSemiCondensed-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-SemiBold.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-SemiBold.woff") format("woff"), url("../fonts/RobotoSemiCondensed-SemiBold.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-SemiBold.svg#RobotoSemiCondensed-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-MediumItalic.eot"); src: url("../fonts/RobotoSemiCondensed-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-MediumItalic.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-MediumItalic.woff") format("woff"), url("../fonts/RobotoSemiCondensed-MediumItalic.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-MediumItalic.svg#RobotoSemiCondensed-MediumItalic") format("svg"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-SemiBoldItalic.eot"); src: url("../fonts/RobotoSemiCondensed-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-SemiBoldItalic.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-SemiBoldItalic.woff") format("woff"), url("../fonts/RobotoSemiCondensed-SemiBoldItalic.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-SemiBoldItalic.svg#RobotoSemiCondensed-SemiBoldItalic") format("svg"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-BlackItalic.eot"); src: url("../fonts/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-BlackItalic.woff2") format("woff2"), url("../fonts/Roboto-BlackItalic.woff") format("woff"), url("../fonts/Roboto-BlackItalic.ttf") format("truetype"), url("../fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic") format("svg"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-Thin.eot"); src: url("../fonts/RobotoSemiCondensed-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-Thin.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-Thin.woff") format("woff"), url("../fonts/RobotoSemiCondensed-Thin.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-Thin.svg#RobotoSemiCondensed-Thin") format("svg"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Black.eot"); src: url("../fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Black.woff2") format("woff2"), url("../fonts/Roboto-Black.woff") format("woff"), url("../fonts/Roboto-Black.ttf") format("truetype"), url("../fonts/Roboto-Black.svg#Roboto-Black") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Bold.eot"); src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto-Bold.svg#Roboto-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto SemiCondensed"; src: url("../fonts/RobotoSemiCondensed-ThinItalic.eot"); src: url("../fonts/RobotoSemiCondensed-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSemiCondensed-ThinItalic.woff2") format("woff2"), url("../fonts/RobotoSemiCondensed-ThinItalic.woff") format("woff"), url("../fonts/RobotoSemiCondensed-ThinItalic.ttf") format("truetype"), url("../fonts/RobotoSemiCondensed-ThinItalic.svg#RobotoSemiCondensed-ThinItalic") format("svg"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-BoldItalic.eot"); src: url("../fonts/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-BoldItalic.woff2") format("woff2"), url("../fonts/Roboto-BoldItalic.woff") format("woff"), url("../fonts/Roboto-BoldItalic.ttf") format("truetype"), url("../fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic") format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Italic.eot"); src: url("../fonts/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Italic.woff2") format("woff2"), url("../fonts/Roboto-Italic.woff") format("woff"), url("../fonts/Roboto-Italic.ttf") format("truetype"), url("../fonts/Roboto-Italic.svg#Roboto-Italic") format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-ExtraLight.eot"); src: url("../fonts/Roboto-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-ExtraLight.woff2") format("woff2"), url("../fonts/Roboto-ExtraLight.woff") format("woff"), url("../fonts/Roboto-ExtraLight.ttf") format("truetype"), url("../fonts/Roboto-ExtraLight.svg#Roboto-ExtraLight") format("svg"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-ExtraBoldItalic.eot"); src: url("../fonts/Roboto-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Roboto-ExtraBoldItalic.woff") format("woff"), url("../fonts/Roboto-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/Roboto-ExtraBoldItalic.svg#Roboto-ExtraBoldItalic") format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-ExtraBold.eot"); src: url("../fonts/Roboto-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-ExtraBold.woff2") format("woff2"), url("../fonts/Roboto-ExtraBold.woff") format("woff"), url("../fonts/Roboto-ExtraBold.ttf") format("truetype"), url("../fonts/Roboto-ExtraBold.svg#Roboto-ExtraBold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-ExtraLightItalic.eot"); src: url("../fonts/Roboto-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Roboto-ExtraLightItalic.woff") format("woff"), url("../fonts/Roboto-ExtraLightItalic.ttf") format("truetype"), url("../fonts/Roboto-ExtraLightItalic.svg#Roboto-ExtraLightItalic") format("svg"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-LightItalic.eot"); src: url("../fonts/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-LightItalic.woff2") format("woff2"), url("../fonts/Roboto-LightItalic.woff") format("woff"), url("../fonts/Roboto-LightItalic.ttf") format("truetype"), url("../fonts/Roboto-LightItalic.svg#Roboto-LightItalic") format("svg"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Medium.eot"); src: url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.ttf") format("truetype"), url("../fonts/Roboto-Medium.svg#Roboto-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Light.eot"); src: url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto-Light.svg#Roboto-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Regular.eot"); src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-Thin.eot"); src: url("../fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Thin.woff2") format("woff2"), url("../fonts/Roboto-Thin.woff") format("woff"), url("../fonts/Roboto-Thin.ttf") format("truetype"), url("../fonts/Roboto-Thin.svg#Roboto-Thin") format("svg"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-ThinItalic.eot"); src: url("../fonts/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-ThinItalic.woff2") format("woff2"), url("../fonts/Roboto-ThinItalic.woff") format("woff"), url("../fonts/Roboto-ThinItalic.ttf") format("truetype"), url("../fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic") format("svg"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-SemiBold.eot"); src: url("../fonts/Roboto-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-SemiBold.woff2") format("woff2"), url("../fonts/Roboto-SemiBold.woff") format("woff"), url("../fonts/Roboto-SemiBold.ttf") format("truetype"), url("../fonts/Roboto-SemiBold.svg#Roboto-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-MediumItalic.eot"); src: url("../fonts/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-MediumItalic.woff2") format("woff2"), url("../fonts/Roboto-MediumItalic.woff") format("woff"), url("../fonts/Roboto-MediumItalic.ttf") format("truetype"), url("../fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic") format("svg"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Roboto"; src: url("../fonts/Roboto-SemiBoldItalic.eot"); src: url("../fonts/Roboto-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Roboto-SemiBoldItalic.woff") format("woff"), url("../fonts/Roboto-SemiBoldItalic.ttf") format("truetype"), url("../fonts/Roboto-SemiBoldItalic.svg#Roboto-SemiBoldItalic") format("svg"); font-weight: 600; font-style: italic; font-display: swap; } *, *::before, *::after { box-sizing: inherit; margin: 0; padding: 0; outline: none; } html { box-sizing: border-box; scroll-behavior: smooth; } a, a:hover { text-decoration: none; color: inherit; } p, ul { margin: 0; padding: 0; } ul, li { list-style-type: none; } button { cursor: pointer; } button, input { outline: none; border: none; } body { overflow-x: hidden; } body, body * { font-family: "Roboto"; } body.overflow-hidden { overflow: hidden; } body.background-opacity::after { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 2; } .container, .container--small { width: 100%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 1680px) { .container, .container--small { max-width: 1680px; } } @media (max-width: 1679px) { .container, .container--small { max-width: 1280px; } } @media (max-width: 1280px) { .container, .container--small { max-width: 1024px; } } @media (max-width: 1024px) { .container, .container--small { max-width: 768px; } } @media (max-width: 768px) { .container, .container--small { max-width: 100%; } } .container--small { max-width: 830px; } @media (max-width: 1024px) { .container--small { max-width: 768px; } } @media (max-width: 768px) { .container--small { max-width: 100%; } } .btn, .btn--black, .btn--small { border-radius: 8px; border: 2px solid #ffffff; padding: 13px 54px; color: #ffffff; font-size: 24px; font-weight: 500; display: inline-block; transition: all 0.3s; text-wrap: nowrap; } @media (max-width: 992px) { .btn, .btn--black, .btn--small { padding: 13px 20px; font-size: 16px; } } .btn:hover, .btn--black:hover, .btn--small:hover { color: #000000; background-color: #ffffff; } .btn--small { padding: 10px 20px; font-size: 16px; } .btn--black { border-color: #000000; color: #000000; } .btn--black:hover { color: #ffffff; background-color: #000000; } .error-page { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 100px; gap: 30px; } .error-page h1 { color: #000000; font-size: 48px; font-weight: 700; text-align: center; } @media (max-width: 992px) { .error-page h1 { font-size: 38px; } } header { position: relative; z-index: 999; } @media (max-width: 992px) { header { margin-bottom: 90px; } } header .search { background-color: transparent; cursor: pointer; } header .search-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 500px; background: #ffffff; z-index: 9999; } header .search-overlay .container, header .search-overlay .container--small { padding-top: 40px; } header .search-overlay .container > div, header .search-overlay .container--small > div { display: flex; align-items: center; flex-direction: column; } header .search-overlay .search-suggestions { width: 500px; } header .search-overlay .search-suggestions h4 { font-size: 16px; font-weight: 400; color: #000000; margin-bottom: 24px; } header .search-overlay .search-suggestions a { font-size: 16px; font-weight: 500; color: #000000; padding: 8px; display: block; transition: all 0.3s; } header .search-overlay .search-suggestions a:hover { font-weight: 600; } header .search-form { margin-bottom: 50px; } header .search-input__wrapper { position: relative; } header .search-input__wrapper svg { position: absolute; top: 50%; transform: translateY(-50%); left: 20px; width: 24px; height: 24px; } header .search-input__wrapper .search-input { width: 500px; padding: 12px 20px 12px 54px; border-radius: 5px; border: 1px solid #000000; color: #000000; font-size: 16px; font-weight: 300; } header .close-btn { position: absolute; top: 40px; left: 100px; font-size: 32px; background: none; border: none; cursor: pointer; } header .header__top { background-color: #f2f2f2; border-bottom: 1px solid #da1a1a; } header .header__top .header__top-wrapper { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; } @media (max-width: 992px) { header .header__top .header__top-wrapper { justify-content: center; } } header .header__top .header__text { display: flex; } @media (max-width: 992px) { header .header__top .header__text { flex-direction: column; } } header .header__top .header__text p { color: #000000; font-size: 16px; font-weight: 400; padding-right: 10px; margin-right: 10px; border-right: 1px solid #000000; } @media (max-width: 992px) { header .header__top .header__text p { display: none; } header .header__top .header__text p.text-red { display: block; border: none; padding: 0; margin: 0; } } @media (min-width: 992px) { header .header__top .header__text p:last-of-type { border-right: none; } } header .header__top .header__text p span { font-size: 18px; font-weight: 700; } header .header__top .header__text p.text-red { color: #da1a1a; } header .header__top .header__action { display: flex; gap: 5px; } @media (max-width: 992px) { header .header__top .header__action { display: none; } } header .header__top .header__action p, header .header__top .header__action a { color: #000000; font-size: 18px; font-weight: 400; } header .header__bottom { padding: 50px 0; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 992px) { header .header__bottom { padding: 30px 15px; flex-wrap: wrap; position: absolute; background-color: #ffffff; width: 100%; margin: 0 -15px; } header .header__bottom.open { border-bottom: 2px solid #da1a1a; } } @media (max-width: 992px) { header .header__bottom .logo img { width: 200px; } } header .header__bottom ul { display: flex; gap: 55px; } @media (max-width: 992px) { header .header__bottom ul { gap: 20px; } } header .header__bottom ul li { color: #848484; font-size: 16px; font-weight: 700; transition: all 0.3s; text-transform: uppercase; position: relative; } header .header__bottom ul li.active, header .header__bottom ul li:hover, header .header__bottom ul li.current-menu-item { color: #da1a1a; } header .header__bottom ul li ul { display: none; width: 200px; position: absolute; top: 40px; z-index: 2; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.2); } @media (max-width: 992px) { header .header__bottom ul li ul { display: flex; flex-direction: column; gap: 20px; width: 100%; position: relative; top: auto; background-color: transparent; border: none; margin-top: 20px; margin-left: 20px; } } header .header__bottom ul li ul li { text-transform: none; } @media (max-width: 992px) { header .header__bottom ul li ul li.current_page_item { color: #da1a1a; } } @media (min-width: 992px) { header .header__bottom ul li ul li.current_page_item a { background-color: #da1a1a; color: #ffffff; } } @media (min-width: 992px) { header .header__bottom ul li ul li a { padding: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); transition: all 0.3s; color: #000000; font-size: 16px; font-weight: 400; display: block; } } header .header__bottom ul li ul li a:hover { background-color: #da1a1a; color: #ffffff; } header .header__bottom ul li.open > ul { display: block; } header .header__bottom .header__bottom-actions { display: flex; align-items: center; gap: 30px; } @media (max-width: 992px) { header .header__bottom .header__bottom-actions { display: none; } } header .header__bottom .header__bottom-actions .service-button { color: #000000; font-size: 16px; font-weight: 700; padding: 5px 20px; text-transform: uppercase; border-radius: 20px; border: 1px solid #da1a1a; transition: all 0.3s; } header .header__bottom .header__bottom-actions .service-button:hover, header .header__bottom .header__bottom-actions .service-button.active { background-color: #da1a1a; color: #ffffff; } header .header__bottom .header__bottom-actions svg { width: 24px; height: 24px; } .menubar { display: inline-block; height: 100%; position: relative; } .menubar a { position: relative; width: 20px; display: block; } .menubar a.active span:nth-child(1) { top: 8px; transform: rotate(45deg); } .menubar a.active span:nth-child(2) { opacity: 0; } .menubar a.active span:nth-child(3) { top: -8px; transform: rotate(-45deg); } .menubar a span { position: relative; display: block; width: 100%; height: 3px; background-color: #da1a1a; border-radius: 20px; transition: all 0.3s; margin-bottom: 5px; } .menubar a span:last-child { margin-bottom: 0; } @media (min-width: 992px) { .menubar { display: none; } } .header__nav .header__bottom-actions { display: none !important; } @media (max-width: 992px) { .header__nav { display: none; width: 100%; margin-top: 50px; } .header__nav.open { display: block; } .header__nav ul { flex-direction: column; } .header__nav .header__bottom-actions { display: flex !important; flex-direction: column; margin-top: 55px; gap: 10px; } } .banner { display: flex; gap: 20px; } @media (max-width: 992px) { .banner { flex-direction: column-reverse; gap: 0; } } .banner .banner__contact { padding: 74px 10%; background-size: 100% 100%, cover; background-position: center; background-repeat: no-repeat; flex: 1; display: flex; flex-direction: column; justify-content: center; } @media (max-width: 992px) { .banner .banner__contact { padding: 60px 15px; width: 100%; } } .banner .banner__contact .banner__title { font-size: 32px; font-weight: 400; color: #da1a1a; margin-bottom: 30px; } @media (max-width: 992px) { .banner .banner__contact .banner__title { font-size: 24px; } } .banner .banner__contact .banner__title span { font-size: 48px; font-weight: 700; display: block; margin-bottom: 8px; } @media (max-width: 992px) { .banner .banner__contact .banner__title span { font-size: 36px; } } .banner .banner__contact .form__wrapper { display: flex; gap: 20px; row-gap: 14px; flex-wrap: wrap; } .banner .banner__contact .form__wrapper input { border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.2); background: #ffffff; flex-basis: calc(50% - 10px); max-width: calc(50% - 10px); padding: 24px 20px; color: #000000; font-size: 16px; font-weight: 400; } @media (max-width: 992px) { .banner .banner__contact .form__wrapper input { padding: 16px 10px; } } .banner .banner__contact .form__wrapper input::placeholder { color: rgba(0, 0, 0, 0.2); } .banner .banner__contact .form__wrapper textarea { flex-basis: 100%; padding: 24px 20px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; background: #ffffff; resize: none; height: 150px; font-size: 16px; } .banner .banner__contact .form__wrapper textarea::placeholder { color: rgba(0, 0, 0, 0.2); } .banner .banner__contact .form__wrapper button { width: 100%; padding: 15px; border-radius: 5px; border: 1px solid #000000; color: #000000; font-size: 16px; font-weight: 500; background-color: transparent; transition: all 0.3s; } .banner .banner__contact .form__wrapper button:hover { background-color: #000000; color: #ffffff; } @media (max-width: 992px) { .banner .banner__contact .form__wrapper button { background-color: #000000; color: #ffffff; } .banner .banner__contact .form__wrapper button:hover { background-color: #ffffff; color: #000000; } } .banner .banner__slider { width: 50%; } @media (max-width: 992px) { .banner .banner__slider { width: 100%; } } .banner .banner__slider img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .banner .banner__slider .slick-list, .banner .banner__slider .slick-track { height: 100%; } .about-us { padding: 66px 0; } @media (max-width: 992px) { .about-us { padding: 30px 0; } } .about-us .about-us__title { font-size: 32px; font-weight: 700; color: #da1a1a; margin-bottom: 24px; } @media (max-width: 992px) { .about-us .about-us__title { font-size: 24px; margin-bottom: 16px; } } .about-us .about-us__subtitle { font-size: 18px; font-weight: 700; color: #000000; } @media (max-width: 992px) { .about-us .about-us__subtitle { font-size: 16px; } } .about-us p { font-size: 16px; font-weight: 400; color: #000000; margin-bottom: 16px; } @media (max-width: 992px) { .about-us p { font-size: 14px; margin-bottom: 14px; } } .about-us p:last-of-type { margin-bottom: 24px; } @media (max-width: 992px) { .about-us .btn--small { width: 100%; text-align: center; background-color: #000000; color: #ffffff; } } .slider { height: 700px; } @media (max-width: 992px) { .slider { height: 375px; } } .slider .slick-list, .slider .slick-track { height: 100%; } .slider .slick-slide { object-fit: cover; } .slider .slick-dots { position: absolute; bottom: 35px; left: 50%; display: flex; gap: 6px; transform: translateX(-50%); } @media (max-width: 992px) { .slider .slick-dots { bottom: 30px; } } .slider .slick-dots li { background-color: #ffffff; width: 20px; height: 20px; border-radius: 50%; } @media (max-width: 992px) { .slider .slick-dots li { width: 12px; height: 12px; } } .slider .slick-dots li button { display: none; } .slider .slick-dots li.slick-active { opacity: 0.2; } .products { background-color: #f2f2f2; padding: 100px 0; } @media (max-width: 992px) { .products { padding: 32px 0; } } .products .products__nav { display: flex; gap: 30px; overflow: scroll; padding-bottom: 20px; margin-bottom: 30px; } @media (max-width: 992px) { .products .products__nav { display: none; } } .products .products__nav::-webkit-scrollbar { display: none; } .products .products__nav a { color: #000000; font-size: 18px; font-weight: 400; text-decoration: underline; transition: all 0.3s; text-wrap: nowrap; } .products .products__nav a.active, .products .products__nav a:hover { color: #da1a1a; text-decoration: none; } .products .products__nav-mobile { display: flex; align-items: center; justify-content: space-between; margin-bottom: 34px; } @media (min-width: 992px) { .products .products__nav-mobile { display: none; } } .products .products__nav-mobile #filter.open::after { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 2; } .products .products__nav-mobile .products__nav-filter { position: fixed; bottom: -100%; left: 0; width: 100%; background-color: #ffffff; transition: all 0.3s; padding: 28px; margin: 0; flex-direction: column; gap: 12px; display: flex; z-index: 999; border-radius: 20px 20px 0px 0px; } .products .products__nav-mobile .products__nav-filter.open { bottom: 0; } .products .products__nav-mobile .products__nav-filter .products__close { background: transparent; display: flex; justify-content: end; } .products .products__nav-mobile .products__nav-filter .products__checkbox { display: flex; align-items: center; margin-bottom: 12px; cursor: pointer; position: relative; padding-left: 46px; } .products .products__nav-mobile .products__nav-filter .products__checkbox input[type="checkbox"] { display: none; } .products .products__nav-mobile .products__nav-filter .products__checkbox .checkmark { position: absolute; left: 0; top: 0; height: 20px; width: 20px; background-color: #ffffff; border: 2px solid #da1a1a; border-radius: 4px; } .products .products__nav-mobile .products__nav-filter .products__checkbox input:checked + .checkmark { background-color: #da1a1a; background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L5 9L13 1' stroke='white' stroke-width='2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .products .products__nav-mobile .products__nav-filter .btn, .products .products__nav-mobile .products__nav-filter .btn--small, .products .products__nav-mobile .products__nav-filter .btn--black { background-color: #000000; } .products .products__nav-mobile p { font-size: 18px; font-weight: 700; color: #000000; } .products .card-slider { margin: 0 -12px; overflow: scroll; display: flex; cursor: grab; } .products .card-slider::-webkit-scrollbar { display: none; } .products .card-slider.active { cursor: grabbing; } .card__item { display: flex; padding: 32px 26px 36px 26px; flex-direction: column; align-items: flex-start; border-radius: 20px; background: #ffffff; margin: 0 12px; min-width: 405px; } .card__item:hover .card__header img, .card__item:hover .card__header--white img, .card__item:hover .card__header--black img, .card__item:hover .card__header--blue img, .card__item:hover .card__header--red img { transform: scale(1.1); } .card__item .card__header, .card__item .card__header--white, .card__item .card__header--black, .card__item .card__header--blue, .card__item .card__header--red { border-radius: 26px; margin-bottom: 92px; } .card__item .card__header--red { background: #910300; } .card__item .card__header--blue { background: #222c5a; } .card__item .card__header--black { background: #000207; } .card__item .card__header--white { background: #b5b7b6; } .card__item .card__header h2, .card__item .card__header--red h2, .card__item .card__header--blue h2, .card__item .card__header--black h2, .card__item .card__header--white h2 { font-size: 24px; font-weight: 700; color: #ffffff; text-align: center; margin-bottom: 50px; margin-top: 22px; } @media (max-width: 992px) { .card__item .card__header h2, .card__item .card__header--red h2, .card__item .card__header--blue h2, .card__item .card__header--black h2, .card__item .card__header--white h2 { font-size: 18px; } } .card__item .card__header img, .card__item .card__header--red img, .card__item .card__header--blue img, .card__item .card__header--black img, .card__item .card__header--white img { width: 90%; margin: 0 5% -45px; pointer-events: auto; user-drag: none; -webkit-user-drag: none; object-fit: contain; transition: all 0.425s; } .card__item .price { color: #000000; text-align: center; font-size: 14px; font-weight: 400; margin: 0 auto 14px; } @media (max-width: 992px) { .card__item .price { font-size: 10px; margin: 0 auto 10px; } } .card__item .btn, .card__item .btn--small, .card__item .btn--black { margin-bottom: 50px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; padding: 10px; width: 100%; color: rgba(0, 0, 0, 0.5); font-size: 16px; font-weight: 400; text-align: center; } .card__item .btn:hover, .card__item .btn--small:hover, .card__item .btn--black:hover { border-color: #000000; color: #000000; } @media (max-width: 992px) { .card__item .btn, .card__item .btn--small, .card__item .btn--black { font-size: 12px; margin-bottom: 22px; padding: 8px; } } .card__item .description { color: rgba(0, 0, 0, 0.5); font-size: 14px; font-weight: 400; text-align: center; } .card__item .description p { margin-bottom: 14px; } .card__item .description p:last-of-type { margin-bottom: 0; } .card__item .description span, .card__item .description strong { font-weight: 400; color: #000000; } .comparison { padding: 75px 0; } @media (max-width: 992px) { .comparison { padding: 32px 0; } } .comparison .comparison__wrapper { display: flex; gap: 20px; flex-wrap: wrap; } .comparison .comparison__wrapper .comparison__item { flex: 1; height: 850px; position: relative; overflow: hidden; } @media (max-width: 992px) { .comparison .comparison__wrapper .comparison__item { flex-basis: 100%; height: 400px; } .comparison .comparison__wrapper .comparison__item::after { opacity: 1; } } .comparison .comparison__wrapper .comparison__item::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( 180deg, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.5) 100% ); opacity: 0; transition: all 0.525s; } .comparison .comparison__wrapper .comparison__item:hover::after { opacity: 1; } .comparison .comparison__wrapper .comparison__item:hover .comparison__content { bottom: 55px; } .comparison .comparison__wrapper .comparison__item:hover .comparison__content .btn, .comparison .comparison__wrapper .comparison__item:hover .comparison__content .btn--small, .comparison .comparison__wrapper .comparison__item:hover .comparison__content .btn--black { opacity: 1; } .comparison .comparison__wrapper .comparison__item:hover img { transform: scale(1.3); } .comparison .comparison__wrapper .comparison__item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; object-fit: cover; object-position: center center; transition: all 0.525s; } .comparison .comparison__wrapper .comparison__item .btn, .comparison .comparison__wrapper .comparison__item .btn--small, .comparison .comparison__wrapper .comparison__item .btn--black { opacity: 0; } .comparison .comparison__wrapper .comparison__item .comparison__content { position: absolute; left: 50%; transform: translateX(-50%); bottom: -60px; transition: all 0.525s; z-index: 2; } @media (max-width: 992px) { .comparison .comparison__wrapper .comparison__item .comparison__content { bottom: 20px; } .comparison .comparison__wrapper .comparison__item .comparison__content .btn, .comparison .comparison__wrapper .comparison__item .comparison__content .btn--small, .comparison .comparison__wrapper .comparison__item .comparison__content .btn--black { opacity: 1; font-size: 10px; padding: 8px 20px; } } .comparison .comparison__wrapper .comparison__item .comparison__text { font-size: 48px; font-weight: 700; color: #ffffff; text-align: center; margin-bottom: 50px; } @media (max-width: 992px) { .comparison .comparison__wrapper .comparison__item .comparison__text { font-size: 24px; margin-bottom: 12px; } } .feature-banner { height: 90vh; position: relative; padding: 85px 120px; } @media (max-width: 992px) { .feature-banner { height: 414px; padding: 40px 30px; } } .feature-banner img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; z-index: -1; } .feature-banner .feature-banner__title { font-size: 48px; font-weight: 700; color: #ffffff; margin-bottom: 22px; } @media (max-width: 992px) { .feature-banner .feature-banner__title { font-size: 18px; margin-bottom: 10px; } } .feature-banner .feature-banner__subtitle { font-size: 32px; font-weight: 700; color: #ffffff; margin-top: -10px; margin-bottom: 24px; } @media (max-width: 992px) { .feature-banner .feature-banner__subtitle { font-size: 16px; margin-bottom: 10px; margin-top: 0; } } @media (max-width: 992px) { .feature-banner .btn, .feature-banner .btn--small, .feature-banner .btn--black { font-size: 14px; padding: 8px 20px; } } .company-connect, .company-connect--small { display: flex; height: 400px; flex-wrap: wrap; } @media (max-width: 992px) { .company-connect, .company-connect--small { height: auto; } } .company-connect--small { height: 300px; } @media (max-width: 992px) { .company-connect--small { height: auto; } } .company-connect .company-connect__item, .company-connect--small .company-connect__item { flex: 1; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; background-repeat: no-repeat; background-size: cover; background-position: center center; } @media (max-width: 992px) { .company-connect .company-connect__item, .company-connect--small .company-connect__item { flex-basis: 100%; height: 234px; } } .company-connect .company-connect__item::after, .company-connect--small .company-connect__item::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; transition: all 0.525s; } .company-connect .company-connect__item:hover::after, .company-connect--small .company-connect__item:hover::after { background-color: rgba(218, 26, 26, 0.7); } .company-connect .company-connect__item:hover .company-connect__text::after, .company-connect--small .company-connect__item:hover .company-connect__text::after, .company-connect .company-connect__item:hover .company-connect__text::before, .company-connect--small .company-connect__item:hover .company-connect__text::before { width: 150px; } .company-connect .company-connect__item .company-connect__text, .company-connect--small .company-connect__item .company-connect__text { font-size: 24px; font-weight: 700; color: #ffffff; text-align: center; text-transform: uppercase; z-index: 2; position: relative; } .company-connect .company-connect__item .company-connect__text::after, .company-connect--small .company-connect__item .company-connect__text::after, .company-connect .company-connect__item .company-connect__text::before, .company-connect--small .company-connect__item .company-connect__text::before { content: ""; position: absolute; top: 52px; left: 50%; width: 24px; border-bottom: 1px solid white; transition: all 0.525s; transform: translateX(-50%); } .company-connect .company-connect__item .company-connect__text::before, .company-connect--small .company-connect__item .company-connect__text::before { top: auto; bottom: 52px; } .news { background-color: #f2f2f2; padding: 100px 0 40px; } @media (max-width: 992px) { .news { padding: 50px 0 20px; } } .news .news__title { font-size: 32px; font-weight: 700; text-align: center; color: #da1a1a; margin-bottom: 50px; } .news .news__grid { display: flex; flex-wrap: wrap; gap: 20px; row-gap: 38px; } @media (max-width: 992px) { .news .news__grid.small-grid { overflow: scroll; flex-wrap: nowrap; } .news .news__grid.small-grid::-webkit-scrollbar { display: none; } .news .news__grid.small-grid .news__item { flex-basis: 290px; min-width: 290px; } } .news .news__grid .news__item { flex-basis: calc((100% - 40px) / 3); } @media (max-width: 992px) { .news .news__grid .news__item { flex-basis: 100%; } } .news .news__grid .news__item .news__image { width: 100%; height: 390px; object-fit: cover; object-position: center center; margin-bottom: 32px; } @media (max-width: 992px) { .news .news__grid .news__item .news__image { height: 240px; margin-bottom: 20px; } } .news .news__grid .news__item .news__headline { position: relative; font-size: 24px; font-weight: 700; color: #000000; margin-bottom: 32px; } @media (max-width: 992px) { .news .news__grid .news__item .news__headline { font-size: 20px; margin-bottom: 20px; } } .news .news__grid .news__item .news__headline::after { content: ""; width: 128px; height: 8px; background-color: #da1a1a; display: block; margin-top: 32px; } @media (max-width: 992px) { .news .news__grid .news__item .news__headline::after { margin-top: 16px; height: 6px; } } .news .news__grid .news__item .news__date { font-size: 18px; font-weight: 400; color: #000000; } @media (max-width: 992px) { .news .news__grid .news__item .news__date { font-size: 16px; } } .features { background-color: #f2f2f2; padding: 55px 0; } .features .features__wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 992px) { .features .features__wrapper { gap: 100px; } } .features .features__wrapper .feature { display: flex; flex-direction: column; align-items: center; gap: 24px; width: 22%; } @media (max-width: 992px) { .features .features__wrapper .feature { width: 100%; } } .features .features__wrapper .feature svg { width: 50px; height: 50px; } .features .features__wrapper .feature .feature__title { color: #000000; text-align: center; font-size: 18px; font-weight: 700; } @media (max-width: 992px) { .features .features__wrapper .feature .feature__title { font-size: 16px; } } .features .features__wrapper .feature .feature__text { color: #000000; text-align: center; font-size: 16px; font-weight: 400; } @media (max-width: 992px) { .features .features__wrapper .feature .feature__text { font-size: 14px; } } .banner-image { padding: 218px 0; background-repeat: no-repeat; background-size: cover; } @media (max-width: 992px) { .banner-image { padding: 90px 0; } } .banner-image h1 { color: #ffffff; font-size: 48px; font-weight: 700; margin-bottom: 10px; } @media (max-width: 992px) { .banner-image h1 { font-size: 38px; } } .banner-image p { color: #ffffff; font-size: 18px; font-weight: 400; } @media (max-width: 992px) { .banner-image p { font-size: 16px; } } .team { padding: 96px 0; } @media (max-width: 992px) { .team { padding: 66px 0; } } .team .team__title { font-size: 48px; font-weight: 700; color: #000000; text-align: center; margin-bottom: 120px; position: relative; } @media (max-width: 992px) { .team .team__title { font-size: 32px; margin-bottom: 40px; } } .team .team__title::after { content: ""; position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); width: 70px; height: 5px; background: #da1a1a; } .team .team__members { display: flex; gap: 20px; } @media (max-width: 992px) { .team .team__members { flex-direction: column; gap: 40px; } } .team .team__members .team__member { flex: 1; } .team .team__members .team__member img { width: 100%; height: 240px; margin-bottom: 24px; object-fit: cover; } .team .team__members .team__member .team__member-info { padding: 48px 44px 44px; background-color: #f2f2f2; } .team .team__members .team__member .team__member-info .team__member-name { color: #000; text-align: center; font-size: 24px; font-weight: 700; margin-bottom: 10px; } .team .team__members .team__member .team__member-info .team__member-position { color: #000; text-align: center; font-size: 16px; font-weight: 400; } .testimonial { background-color: #f2f2f2; padding: 100px 0 80px; } @media (max-width: 992px) { .testimonial { padding: 50px 0 15px; } } .testimonial .testimonial__container { display: flex; gap: 20px; } @media (max-width: 992px) { .testimonial .testimonial__container { flex-direction: column; } } .testimonial .testimonial__container h3 { font-size: 42px; font-weight: 700; color: #da1a1a; margin-bottom: 50px; } @media (max-width: 992px) { .testimonial .testimonial__container h3 { font-size: 36px; margin-bottom: 20px; } } .testimonial .testimonial__container .faq__wrapper .faq__item { background-color: #ffffff; padding: 24px 24px 0; border-radius: 20px; margin-bottom: 12px; cursor: pointer; transition: all 0.3s; height: 88px; overflow: hidden; } .testimonial .testimonial__container .faq__wrapper .faq__item:last-of-type { margin-bottom: 0; } .testimonial .testimonial__container .faq__wrapper .faq__item.open .faq__icon { transform: rotate(180deg); } .testimonial .testimonial__container .faq__wrapper .faq__item .faq__header { display: flex; gap: 24px; justify-content: space-between; align-items: center; padding-bottom: 24px; } .testimonial .testimonial__container .faq__wrapper .faq__item .faq__header .faq__title { font-size: 18px; font-weight: 700; color: #000000; max-width: calc(100% - 50px); } @media (max-width: 992px) { .testimonial .testimonial__container .faq__wrapper .faq__item .faq__header .faq__title { font-size: 16px; margin-bottom: 3px; } } .testimonial .testimonial__container .faq__wrapper .faq__item .faq__header .faq__icon { background-color: #da1a1a; min-width: 40px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; position: relative; transition: all 0.3s; } .testimonial .testimonial__container .faq__wrapper .faq__item .faq__header .faq__icon svg { position: absolute; top: calc(50% + 2px); left: 50%; transform: translate(-50%, -50%); } .testimonial .testimonial__container .faq__wrapper .faq__item .faq__body { border-top: 1px solid rgba(42, 52, 122, 0.5); padding-top: 24px; padding-bottom: 24px; } .testimonial .testimonial__container .testimonial__wrapper { width: 50%; } @media (max-width: 992px) { .testimonial .testimonial__container .testimonial__wrapper { width: 100%; } } .testimonial .testimonial__container .testimonial__wrapper .testimonial__slider { border-radius: 20px; background: #ffffff; padding: 61px 57px; } @media (max-width: 992px) { .testimonial .testimonial__container .testimonial__wrapper .testimonial__slider { padding: 20px 30px; } } .testimonial .testimonial__container .testimonial__wrapper .testimonial__slider .testimonial__item p { font-size: 16px; font-weight: 400; color: #000000; margin-bottom: 30px; } .testimonial .testimonial__container .testimonial__wrapper .testimonial__slider .testimonial__item h4 { font-size: 18px; font-weight: 700; color: #000000; } .testimonial .testimonial__container .testimonial__wrapper .testimonial__slider .slick-arrow { position: absolute; right: 50px; bottom: 32px; width: 50px; height: 50px; border-radius: 4px; background-color: #ffffff; border: 1px solid #ffffff; transition: all 0.3s; z-index: 99; } @media (max-width: 992px) { .testimonial .testimonial__container .testimonial__wrapper .testimonial__slider .slick-arrow { width: 30px; height: 30px; } .testimonial .testimonial__container .testimonial__wrapper .testimonial__slider .slick-arrow svg { height: 28px; } } .testimonial .testimonial__container .testimonial__wrapper .testimonial__slider .slick-arrow:hover { border-color: #000000; } .testimonial .testimonial__container .testimonial__wrapper .testimonial__slider .slick-arrow.slick-prev { right: 107px; } .gallery { padding: 104px 0; background-color: #2c2c2c; } @media (max-width: 992px) { .gallery { padding: 60px 0; } } .gallery .gallery__title { font-size: 48px; font-weight: 700; color: #ffffff; text-align: center; margin-bottom: 120px; position: relative; } @media (max-width: 992px) { .gallery .gallery__title { font-size: 38px; margin-bottom: 80px; } } .gallery .gallery__title::after { content: ""; position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); width: 70px; height: 5px; background: #da1a1a; } .gallery .gallery__slider { margin: 0 -10px; } .gallery .gallery__slider .slick-list { padding-bottom: 100px; } @media (max-width: 992px) { .gallery .gallery__slider .slick-list { padding-bottom: 50px; } } .gallery .gallery__slider .slick-slide { margin: 0 10px; height: 265px; } .gallery .gallery__slider .slick-arrow { position: absolute; right: calc(50% - 174px); bottom: -23px; width: 50px; height: 50px; border-radius: 4px; z-index: 9; background-color: transparent; border: 1px solid transparent; transform: translateX(-50%); transition: all 0.3s; } @media (max-width: 992px) { .gallery .gallery__slider .slick-arrow { right: calc(50% - 210px); } } @media (max-width: 768px) { .gallery .gallery__slider .slick-arrow { right: 0; bottom: -14px; width: 30px; height: 30px; } } @media (max-width: 768px) { .gallery .gallery__slider .slick-arrow svg { height: 24px; } } .gallery .gallery__slider .slick-arrow svg path { fill: rgba(255, 255, 255, 0.5); } .gallery .gallery__slider .slick-arrow:hover { border-color: #ffffff; } .gallery .gallery__slider .slick-arrow.slick-prev { right: calc(50% + 74px); } @media (max-width: 992px) { .gallery .gallery__slider .slick-arrow.slick-prev { right: calc(50% + 110px); } } @media (max-width: 768px) { .gallery .gallery__slider .slick-arrow.slick-prev { right: auto; left: 30px; } } .gallery .gallery__slider .slick-dots { position: absolute; bottom: 0; left: 50%; display: flex; gap: 24px; transform: translateX(-50%); } @media (max-width: 768px) { .gallery .gallery__slider .slick-dots { gap: 10px; } } .gallery .gallery__slider .slick-dots li { background-color: rgba(0, 0, 0, 0.2); width: 10px; height: 10px; border-radius: 50%; } @media (max-width: 992px) { .gallery .gallery__slider .slick-dots li { width: 6px; height: 6px; } } .gallery .gallery__slider .slick-dots li button { display: none; } .gallery .gallery__slider .slick-dots li.slick-active { background-color: #da1a1a; } .content-with-image { background-color: #f2f2f2; padding: 50px 0; } .content-with-image .content-with-image__wrapper, .content-with-image .content-with-image__wrapper--left { display: flex; gap: 50px; } @media (max-width: 992px) { .content-with-image .content-with-image__wrapper, .content-with-image .content-with-image__wrapper--left { flex-direction: column; } } .content-with-image .content-with-image__wrapper.large-gap, .content-with-image .large-gap.content-with-image__wrapper--left { gap: 180px; } @media (max-width: 992px) { .content-with-image .content-with-image__wrapper.large-gap, .content-with-image .large-gap.content-with-image__wrapper--left { gap: 50px; } } .content-with-image .content-with-image__wrapper--left { flex-direction: row-reverse; } @media (max-width: 992px) { .content-with-image .content-with-image__wrapper--left { flex-direction: column-reverse; } } .content-with-image .content-with-image__wrapper .image, .content-with-image .content-with-image__wrapper--left .image { flex: 1; } .content-with-image .content-with-image__wrapper .image img, .content-with-image .content-with-image__wrapper--left .image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 10px; } .content-with-image .content-with-image__wrapper .content, .content-with-image .content-with-image__wrapper--left .content { flex: 1; } .content-with-image .content-with-image__wrapper h3, .content-with-image .content-with-image__wrapper--left h3 { color: #da1a1a; font-size: 32px; font-weight: 700; margin-bottom: 24px; } .content-with-image .content-with-image__wrapper h4, .content-with-image .content-with-image__wrapper--left h4 { color: #da1a1a; font-size: 24px; font-weight: 700; margin-bottom: 24px; } .content-with-image .content-with-image__wrapper .content > p, .content-with-image .content-with-image__wrapper--left .content > p { color: #000000; font-size: 16px; font-weight: 400; margin-bottom: 18px; } .content-with-image .content-with-image__wrapper .list__item, .content-with-image .content-with-image__wrapper--left .list__item { margin-bottom: 24px; display: flex; gap: 10px; align-items: flex-start; } .content-with-image .content-with-image__wrapper .list__item:last-of-type, .content-with-image .content-with-image__wrapper--left .list__item:last-of-type { margin-bottom: 0; } .content-with-image .content-with-image__wrapper .list__item .list__icon, .content-with-image .content-with-image__wrapper--left .list__item .list__icon { width: 24px; height: 24px; } .content-with-image .content-with-image__wrapper .list__item p, .content-with-image .content-with-image__wrapper--left .list__item p { font-size: 16px; font-weight: 400; color: #000000; } .content-with-image .content-with-image__wrapper .list__item p.list__title, .content-with-image .content-with-image__wrapper--left .list__item p.list__title { font-size: 18px; font-weight: 700; margin-bottom: 10px; } .contact { background-color: #f2f2f2; padding: 100px 0; text-align: center; } .contact h1 { font-size: 32px; font-weight: 700; color: #da1a1a; margin-bottom: 24px; } .contact .contact-wrapper { display: flex; gap: 74px; } @media (max-width: 992px) { .contact .contact-wrapper { flex-direction: column-reverse; } } .contact .contact-wrapper > * { flex: 1; display: flex; flex-direction: column; gap: 60px; } .contact button { flex-basis: 100%; text-align: center; border-radius: 5px; border: 1px solid #000000; color: #000000; font-size: 16px; font-weight: 500; padding: 10px; transition: all 0.3s; max-height: 40px; } .contact button:hover { background-color: #000000; color: #ffffff; } .contact .glsr-summary { max-width: 100%; } .contact .glsr-field[data-field="title"], .contact .glsr-field[data-field="terms"], .contact .glsr-field[data-field="rating"] label { display: none !important; } .contact .glsr-summary .glsr-bar-background:before { height: 4px; transform: translateY(5.6px); } .contact .glsr-bar-background-percent { height: 4px !important; } .contact .glsr-button.wp-block-button__link { flex-basis: 100%; text-align: center; border-radius: 5px; border: 1px solid #000000; color: #000000; font-size: 16px; font-weight: 500; padding: 10px; transition: all 0.3s; max-height: 40px; background-color: transparent; display: flex !important; justify-content: center; } .contact .glsr-button.wp-block-button__link:hover { background-color: #000000; color: #ffffff; } .contact #review-close { position: absolute; top: 50px; right: 50px; cursor: pointer; } @media (max-width: 992px) { .contact #review-close { top: 10px; right: 20px; } .contact #review-close svg { width: 24px; height: 24px; } } .contact .glsr-review-form { display: flex !important; flex-wrap: wrap; gap: 24px !important; font-size: 18px !important; } .contact .glsr-review-form div[data-field="rating"] { order: 1; flex-basis: 100%; } .contact .glsr-review-form div[data-field="name"] { order: 2; flex-basis: calc(50% - 12px); } .contact .glsr-review-form div[data-field="email"] { order: 3; flex-basis: calc(50% - 12px); } .contact .glsr-review-form div[data-field="content"] { order: 4; flex-basis: 100%; } .contact .glsr-review-form div[data-field="submit-button"] { order: 5; flex-basis: 100%; } .contact .wp-block-button { width: 100%; text-align: center; } .contact .glsr-review-form { text-align: left; } .contact .review-wrapper { display: flex; gap: 48px; padding: 130px 80px; border-radius: 50px; background: #ffffff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90vw; z-index: 999; opacity: 0; visibility: hidden; transition: all 0.3s; } @media (max-width: 992px) { .contact .review-wrapper { flex-direction: column; padding: 30px 15px; top: 15px; transform: translate(0, 0); left: 15px; width: calc(100% - 30px); overflow: scroll; height: calc(100% - 30px); border-radius: 20px; } } .contact .review-wrapper.open { opacity: 1; visibility: visible; } .contact .review-wrapper h3 { color: #da1a1a; font-size: 42px; font-weight: 700; margin-bottom: 24px; text-align: left; } @media (max-width: 992px) { .contact .review-wrapper h3 { font-size: 32px; } } .contact .review-wrapper .review-content { width: 40%; flex-basis: 40%; padding: 76px 33px; border-radius: 50px; border: 2px solid rgba(0, 0, 0, 0.2); text-align: left; } @media (max-width: 992px) { .contact .review-wrapper .review-content { width: 100%; flex-basis: 100%; padding: 36px 16px; } } .contact .review-wrapper .review-content h2 { color: #da1a1a; font-size: 32px; font-weight: 700; margin-bottom: 28px; } @media (max-width: 992px) { .contact .review-wrapper .review-content h2 { font-size: 24px; margin-bottom: 16px; } } .contact .review-wrapper .review-content p { color: #000000; font-size: 18px; font-weight: 400; margin-bottom: 48px; text-align: left; } .contact .review-wrapper .review-content .list { color: #000000; font-size: 24px; font-weight: 700; margin-bottom: 48px; display: flex; gap: 14px; } @media (max-width: 992px) { .contact .review-wrapper .review-content .list { font-size: 20px; margin-bottom: 32px; } } .contact .review-wrapper .review-content .list span { color: #da1a1a; font-size: 32px; font-weight: 700; } .contact .review-form { flex-basis: calc(60% - 48px); } @media (max-width: 992px) { .contact .review-form { width: 100%; flex-basis: 100%; } } .contact p { font-size: 24px; font-weight: 400; color: #000000; text-align: center; margin: 0 auto 24px; max-width: 1114px; } @media (max-width: 992px) { .contact p { font-size: 20px; } } .contact p:last-of-type { margin-bottom: 100px; } .contact .contact-form__wrapper { max-width: 830px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 24px; } .contact .contact-form__wrapper .input__wrapper { flex-basis: calc(50% - 12px); display: flex; flex-direction: column; align-items: baseline; justify-content: end; text-align: left; } .contact .contact-form__wrapper .input__wrapper.textarea { flex-basis: 100%; } .contact .contact-form__wrapper .input__wrapper.textarea textarea { resize: none; height: 288px; width: 100%; background-color: transparent; padding: 16px; border-radius: 10px; border: 1px solid #313852; } .contact .contact-form__wrapper .input__wrapper label { font-size: 18px; font-weight: 400; color: #313852; margin-bottom: 10px; } .contact .contact-form__wrapper .input__wrapper input { padding: 16px; border-radius: 10px; border: 1px solid #313852; background-color: transparent; width: 100%; } .car-details { background-color: #f2f2f2; padding: 100px 0; } .car-details h3 { color: #da1a1a; text-align: center; font-size: 32px; font-weight: 700; margin-bottom: 30px; } @media (max-width: 992px) { .car-details h3 { font-size: 24px; } } .car-details > div > p { color: #000000; text-align: center; font-size: 18px; font-weight: 400; max-width: 1386px; margin: auto; } .car-details .car-details__wrapper { margin-top: 100px; display: flex; gap: 55px; } @media (max-width: 992px) { .car-details .car-details__wrapper { flex-direction: column; gap: 0; } } .car-details .car-details__wrapper > img { width: 34%; object-fit: contain; object-position: center center; } @media (max-width: 992px) { .car-details .car-details__wrapper > img { display: none; } } .car-details .car-details__wrapper .details__side, .car-details .car-details__wrapper .details__side--right, .car-details .car-details__wrapper .details__side--left { flex: 1; max-width: 33%; display: flex; justify-content: space-between; flex-direction: column; gap: 55px; } @media (max-width: 992px) { .car-details .car-details__wrapper .details__side, .car-details .car-details__wrapper .details__side--right, .car-details .car-details__wrapper .details__side--left { max-width: 100%; } } .car-details .car-details__wrapper .details__side h4, .car-details .car-details__wrapper .details__side--right h4, .car-details .car-details__wrapper .details__side--left h4 { color: #181818; font-size: 32px; font-weight: 700; margin-bottom: 20px; } .car-details .car-details__wrapper .details__side p, .car-details .car-details__wrapper .details__side--right p, .car-details .car-details__wrapper .details__side--left p { color: #454545; font-size: 16px; font-weight: 400; } .car-details .car-details__wrapper .details__side .icon__wrapper, .car-details .car-details__wrapper .details__side--right .icon__wrapper, .car-details .car-details__wrapper .details__side--left .icon__wrapper { margin-bottom: 20px; display: flex; gap: 23px; } .car-details .car-details__wrapper .details__side .icon__wrapper .icon, .car-details .car-details__wrapper .details__side--right .icon__wrapper .icon, .car-details .car-details__wrapper .details__side--left .icon__wrapper .icon { display: inline-block; background: #ffffff; box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.05); width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; } .car-details .car-details__wrapper .details__side .icon__wrapper .icon img, .car-details .car-details__wrapper .details__side--right .icon__wrapper .icon img, .car-details .car-details__wrapper .details__side--left .icon__wrapper .icon img { width: 60px; height: 60px; object-fit: contain; } .car-details .car-details__wrapper .details__side .icon__wrapper .line, .car-details .car-details__wrapper .details__side--right .icon__wrapper .line, .car-details .car-details__wrapper .details__side--left .icon__wrapper .line { margin-top: 30px; } @media (max-width: 992px) { .car-details .car-details__wrapper .details__side .icon__wrapper .line, .car-details .car-details__wrapper .details__side--right .icon__wrapper .line, .car-details .car-details__wrapper .details__side--left .icon__wrapper .line { display: none; } } .car-details .car-details__wrapper .details__side .icon__wrapper .line svg, .car-details .car-details__wrapper .details__side--right .icon__wrapper .line svg, .car-details .car-details__wrapper .details__side--left .icon__wrapper .line svg { width: 100%; } .car-details .car-details__wrapper .details__side .icon__wrapper .line.bottom, .car-details .car-details__wrapper .details__side--right .icon__wrapper .line.bottom, .car-details .car-details__wrapper .details__side--left .icon__wrapper .line.bottom { margin-top: -50px; } .car-details .car-details__wrapper .details__side--left { margin-bottom: 55px; } @media (min-width: 992px) { .car-details .car-details__wrapper .details__side--right { text-align: right; margin-bottom: 36px; } } .car-details .car-details__wrapper .details__side--right .icon__wrapper { flex-direction: row-reverse; } @media (max-width: 992px) { .car-details .car-details__wrapper .details__side--right .icon__wrapper { flex-direction: row; } } .services-overview { background-color: #f2f2f2; padding: 100px 0 50px; } .services-overview h2 { font-size: 32px; font-weight: 700; color: #da1a1a; margin-bottom: 50px; text-align: center; } .services-overview .services-overview__wrapper { display: flex; gap: 20px; } @media (max-width: 992px) { .services-overview .services-overview__wrapper { flex-direction: column; } } .services-overview .services-overview__wrapper .services-overview__item { flex: 1; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.2); background: transparent; overflow: hidden; display: flex; flex-direction: column; transition: all 0.425s; } .services-overview .services-overview__wrapper .services-overview__item:hover { border-color: #da1a1a; } .services-overview .services-overview__wrapper .services-overview__item:hover img { transform: scale(1.05); } .services-overview .services-overview__wrapper .services-overview__item:hover h3 { color: #da1a1a; } .services-overview .services-overview__wrapper .services-overview__item:hover .services-overview__content { background-color: #ffffff; } .services-overview .services-overview__wrapper .services-overview__item .services-overview__image { overflow: hidden; height: 410px; } @media (max-width: 992px) { .services-overview .services-overview__wrapper .services-overview__item .services-overview__image { height: 200px; } } .services-overview .services-overview__wrapper .services-overview__item .services-overview__image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: all 0.425s; } .services-overview .services-overview__wrapper .services-overview__item .services-overview__content { padding: 24px 24px 40px; transition: all 0.425s; height: calc(100% - 410px); } @media (max-width: 992px) { .services-overview .services-overview__wrapper .services-overview__item .services-overview__content { height: calc(100% - 200px); } } .services-overview .services-overview__wrapper .services-overview__item h3 { font-size: 24px; font-weight: 700; color: #000000; text-align: center; margin-bottom: 24px; display: flex; align-items: center; justify-content: center; gap: 24px; transition: all 0.425s; } @media (max-width: 992px) { .services-overview .services-overview__wrapper .services-overview__item h3 { font-size: 20px; } .services-overview .services-overview__wrapper .services-overview__item h3 svg { height: 70px; } } .services-overview .services-overview__wrapper .services-overview__item p { font-size: 18px; font-weight: 400; color: #000000; text-align: center; margin-bottom: 24px; } .services-overview .services-overview__wrapper .services-overview__item .btn--black { width: 100%; text-align: center; } .services-content { background-color: #f2f2f2; } .services-content .services-content__item { display: flex; gap: 20px; margin-bottom: 50px; align-items: center; justify-content: center; } @media (max-width: 992px) { .services-content .services-content__item { flex-direction: column !important; margin-bottom: 20px; } } .services-content .services-content__item.left { flex-direction: row-reverse; } .services-content .services-content__item:last-of-type { margin-bottom: 0; } .services-content .services-content__item .services-content__content { width: 30%; margin: 0 10%; } @media (max-width: 992px) { .services-content .services-content__item .services-content__content { width: 100%; margin: 0 15px; } } .services-content .services-content__item .services-content__content:hover h4 { color: #da1a1a; } .services-content .services-content__item .services-content__content h4 { font-size: 24px; font-weight: 700; color: #000000; margin-bottom: 24px; display: flex; align-items: center; gap: 24px; transition: all 0.425s; } @media (max-width: 992px) { .services-content .services-content__item .services-content__content h4 svg { height: 60px; } } .services-content .services-content__item .services-content__content p { font-size: 18px; font-weight: 400; color: #000000; margin-bottom: 24px; } .services-content .services-content__item .services-content__image { width: 50%; height: 500px; border-radius: 10px; overflow: hidden; } @media (max-width: 992px) { .services-content .services-content__item .services-content__image { width: 100%; height: 100%; } } .services-content .services-content__item .services-content__image:hover img { transform: scale(1.05); } .services-content .services-content__item .services-content__image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transform: scale(1); transition: all 0.425s; } .video { position: relative; display: block; } .video video { width: 100%; height: auto; display: block; } .video .video-actions { position: absolute; bottom: 44px; left: 120px; border-radius: 77px; background: #ffffff; display: flex; gap: 8px; padding: 9px 12px; } .video .video-actions .video-play svg:nth-child(1), .video .video-actions .video-mute svg:nth-child(1) { display: block; } .video .video-actions .video-play.is-playing svg:nth-child(1), .video .video-actions .video-mute.is-muted svg:nth-child(1) { display: none; } .video .video-actions .video-play.is-playing svg:nth-child(2), .video .video-actions .video-mute.is-muted svg:nth-child(2) { display: block; } .video .video-actions .video-play svg:nth-child(2), .video .video-actions .video-mute svg:nth-child(2) { display: none; } .video .video-actions > div { width: 44px; height: 44px; cursor: pointer; } .video .video-actions > div svg:nth-of-type(2) { display: none; } .sale { background-position: center center; background-size: cover; background-repeat: no-repeat; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 90vh; } @media (max-width: 992px) { .sale { height: 70vh; padding: 15px; } } .sale h2 { font-size: 52px; font-weight: 700; color: #ffffff; margin-bottom: 50px; text-align: center; } @media (max-width: 992px) { .sale h2 { font-size: 36px; margin-bottom: 30px; } } .sale h3 { font-size: 42px; font-weight: 700; color: #ffffff; margin-bottom: 50px; text-align: center; } @media (max-width: 992px) { .sale h3 { font-size: 26px; margin-bottom: 30px; } } .sale p { font-size: 24px; font-weight: 700; color: #ffffff; text-align: center; margin-bottom: 24px; max-width: 770px; } @media (max-width: 992px) { .sale p { font-size: 16px; } } .sale p:last-of-type { margin-bottom: 0; } .favourite-products { background-color: #f2f2f2; padding: 50px 0; } .favourite-products h2 { font-size: 48px; font-weight: 700; text-align: center; color: #da1a1a; margin-bottom: 50px; } @media (max-width: 992px) { .favourite-products h2 { font-size: 38px; margin-bottom: 30px; } } .favourite-products .favourite-products__wrapper { display: flex; } @media (max-width: 992px) { .favourite-products .favourite-products__wrapper { overflow: scroll; } } .favourite-products .favourite-products__wrapper > * { flex: 1; min-width: auto; } @media (max-width: 992px) { .favourite-products .favourite-products__wrapper > * { min-width: 80%; } } .sale-videos { background-color: #000000; padding: 94px 0; } @media (max-width: 992px) { .sale-videos { padding: 45px 0; } } .sale-videos h3 { font-size: 42px; font-weight: 700; color: #ffffff; margin-bottom: 24px; transition: all 0.3s; } @media (max-width: 992px) { .sale-videos h3 { font-size: 32px; } } .sale-videos p { font-size: 18px; font-weight: 400; color: rgba(255, 255, 255, 0.5); transition: all 0.3s; } @media (max-width: 992px) { .sale-videos p { font-size: 16px; } } .sale-videos .sale-videos__item { display: flex; align-items: end; margin-bottom: 100px; } @media (max-width: 992px) { .sale-videos .sale-videos__item { flex-direction: column-reverse; margin-bottom: 30px; } } .sale-videos .sale-videos__item:hover h3 { color: #da1a1a; } .sale-videos .sale-videos__item:hover p { color: #ffffff; } @media (max-width: 992px) { .sale-videos .sale-videos__item:nth-child(2) { flex-direction: column; } } .sale-videos .sale-videos__item:nth-child(2) .sale-videos__content { left: 150px; } @media (max-width: 992px) { .sale-videos .sale-videos__item:nth-child(2) .sale-videos__content { left: 0; } } .sale-videos .sale-videos__item:nth-child(2) .video { height: 450px; } @media (min-width: 992px) { .sale-videos .sale-videos__item:nth-child(2) .video { height: 835px; flex: 1; } } .sale-videos .sale-videos__item:nth-child(2) .video .video-actions { left: auto; right: 74px; } .sale-videos .sale-videos__item:last-of-type { margin-bottom: 0; } .sale-videos .sale-videos__item .sale-videos__content { width: 565px; margin-bottom: 55px; left: -150px; z-index: 2; position: relative; } @media (max-width: 992px) { .sale-videos .sale-videos__item .sale-videos__content { left: 0; width: 100%; margin-bottom: 20px; } } .sale-videos .sale-videos__item .video { height: 450px; } @media (min-width: 992px) { .sale-videos .sale-videos__item .video { height: 835px; flex: 1; } } .sale-videos .sale-videos__item .video video { object-fit: cover; height: 100%; } .sale-videos .sale-videos__item .video .video-actions { left: 60px; } .test-drive-features { background-color: #f2f2f2; padding: 100px 0 0; } @media (max-width: 992px) { .test-drive-features { padding: 60px 0 0; } } .test-drive-features .test-drive-features__wrapper { display: flex; gap: 20px; } @media (max-width: 992px) { .test-drive-features .test-drive-features__wrapper { flex-direction: column; } } .test-drive-features .test-drive-features__wrapper h3 { font-size: 24px; font-weight: 700; color: #da1a1a; margin: 24px 0; text-align: center; transition: all 0.3s; } .test-drive-features .test-drive-features__wrapper p { font-size: 18px; font-weight: 400; text-align: center; color: #000000; transition: all 0.3s; } .test-drive-features .test-drive-features__wrapper svg, .test-drive-features .test-drive-features__wrapper .feature-icon { width: 100px; height: 100px; transition: all 0.3s; object-fit: contain; } .test-drive-features .test-drive-features__wrapper .test-drive-features__item { flex: 1; border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.2); background: #ffffff; padding: 63px 52px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.3s; } @media (max-width: 992px) { .test-drive-features .test-drive-features__wrapper .test-drive-features__item { padding: 30px; } } .test-drive-features .test-drive-features__wrapper .test-drive-features__item:hover { background-color: #da1a1a; } .test-drive-features .test-drive-features__wrapper .test-drive-features__item:hover h3, .test-drive-features .test-drive-features__wrapper .test-drive-features__item:hover p { color: #ffffff; } .test-drive-features .test-drive-features__wrapper .test-drive-features__item:hover svg, .test-drive-features .test-drive-features__wrapper .test-drive-features__item:hover .feature-icon { filter: invert(100%); } .visit-auto-parts, .visit-auto-parts--small { padding: 42px 0; text-align: center; } .visit-auto-parts--small p { max-width: 740px; margin: 0 auto 32px; } .visit-auto-parts h2, .visit-auto-parts--small h2 { font-size: 38px; font-weight: 700; color: #da1a1a; margin-bottom: 32px; } @media (max-width: 992px) { .visit-auto-parts h2, .visit-auto-parts--small h2 { font-size: 32px; } } .visit-auto-parts p, .visit-auto-parts--small p { font-size: 24px; font-weight: 700; color: #000000; margin-bottom: 32px; } @media (max-width: 992px) { .visit-auto-parts p, .visit-auto-parts--small p { font-size: 20px; } } .partners { background-color: #f2f2f2; padding: 100px 0; } @media (max-width: 992px) { .partners { min-height: 300px; } } .partners h2 { font-size: 32px; font-weight: 700; color: #da1a1a; text-align: center; margin-bottom: 50px; } @media (max-width: 992px) { .partners h2 { font-size: 28px; margin-bottom: 40px; } } .partners .partners__slider .slick-track { display: flex !important; justify-content: center; align-items: center; } .partners .partners__slider .slick-slide { margin: 0 32px; } .auto-parts { background-color: #f2f2f2; padding-top: 100px; } .auto-parts h2 { font-size: 32px; font-weight: 700; color: #da1a1a; text-align: center; margin-bottom: 50px; } @media (max-width: 992px) { .auto-parts h2 { font-size: 28px; margin-bottom: 40px; } } .auto-parts p { font-size: 16px; font-weight: 400; color: #000000; text-align: center; margin: 0 auto 50px; max-width: 1208px; } .auto-parts .auto-parts__wrapper, .auto-parts .auto-parts__banner .auto-parts__wrapper--left, .auto-parts .auto-parts__banner--top .auto-parts__wrapper--left, .auto-parts__banner .auto-parts .auto-parts__wrapper--left, .auto-parts__banner--top .auto-parts .auto-parts__wrapper--left { display: flex; flex-wrap: wrap; gap: 20px; } .auto-parts .auto-parts__wrapper .auto-parts__item, .auto-parts .auto-parts__banner .auto-parts__wrapper--left .auto-parts__item, .auto-parts .auto-parts__banner--top .auto-parts__wrapper--left .auto-parts__item, .auto-parts__banner .auto-parts .auto-parts__wrapper--left .auto-parts__item, .auto-parts__banner--top .auto-parts .auto-parts__wrapper--left .auto-parts__item { border-radius: 4px; border: 2px solid rgba(0, 0, 0, 0.1); padding: 0 52px 0 58px; display: flex; align-items: center; justify-content: center; flex-direction: column; flex-basis: calc((100% - 100px) / 6); flex: 1; min-width: 250px; transition: all 0.3s; height: 160px; } @media (max-width: 992px) { .auto-parts .auto-parts__wrapper .auto-parts__item, .auto-parts .auto-parts__banner .auto-parts__wrapper--left .auto-parts__item, .auto-parts .auto-parts__banner--top .auto-parts__wrapper--left .auto-parts__item, .auto-parts__banner .auto-parts .auto-parts__wrapper--left .auto-parts__item, .auto-parts__banner--top .auto-parts .auto-parts__wrapper--left .auto-parts__item { min-width: calc(50% - 10px); padding: 0; } } .auto-parts .auto-parts__wrapper .auto-parts__item:hover, .auto-parts .auto-parts__banner .auto-parts__wrapper--left .auto-parts__item:hover, .auto-parts .auto-parts__banner--top .auto-parts__wrapper--left .auto-parts__item:hover, .auto-parts__banner .auto-parts .auto-parts__wrapper--left .auto-parts__item:hover, .auto-parts__banner--top .auto-parts .auto-parts__wrapper--left .auto-parts__item:hover { border-color: #046398; } .auto-parts .auto-parts__wrapper .auto-parts__item:hover svg, .auto-parts .auto-parts__banner .auto-parts__wrapper--left .auto-parts__item:hover svg, .auto-parts .auto-parts__banner--top .auto-parts__wrapper--left .auto-parts__item:hover svg, .auto-parts__banner .auto-parts .auto-parts__wrapper--left .auto-parts__item:hover svg, .auto-parts__banner--top .auto-parts .auto-parts__wrapper--left .auto-parts__item:hover svg, .auto-parts .auto-parts__wrapper .auto-parts__item:hover img, .auto-parts .auto-parts__banner .auto-parts__wrapper--left .auto-parts__item:hover img, .auto-parts .auto-parts__banner--top .auto-parts__wrapper--left .auto-parts__item:hover img, .auto-parts__banner .auto-parts .auto-parts__wrapper--left .auto-parts__item:hover img, .auto-parts__banner--top .auto-parts .auto-parts__wrapper--left .auto-parts__item:hover img { transform: translateY(-10px); } .auto-parts .auto-parts__wrapper .auto-parts__item:hover p, .auto-parts .auto-parts__banner .auto-parts__wrapper--left .auto-parts__item:hover p, .auto-parts .auto-parts__banner--top .auto-parts__wrapper--left .auto-parts__item:hover p, .auto-parts__banner .auto-parts .auto-parts__wrapper--left .auto-parts__item:hover p, .auto-parts__banner--top .auto-parts .auto-parts__wrapper--left .auto-parts__item:hover p { color: #046398; } .auto-parts .auto-parts__wrapper .auto-parts__item svg, .auto-parts .auto-parts__banner .auto-parts__wrapper--left .auto-parts__item svg, .auto-parts .auto-parts__banner--top .auto-parts__wrapper--left .auto-parts__item svg, .auto-parts__banner .auto-parts .auto-parts__wrapper--left .auto-parts__item svg, .auto-parts__banner--top .auto-parts .auto-parts__wrapper--left .auto-parts__item svg, .auto-parts .auto-parts__wrapper .auto-parts__item img, .auto-parts .auto-parts__banner .auto-parts__wrapper--left .auto-parts__item img, .auto-parts .auto-parts__banner--top .auto-parts__wrapper--left .auto-parts__item img, .auto-parts__banner .auto-parts .auto-parts__wrapper--left .auto-parts__item img, .auto-parts__banner--top .auto-parts .auto-parts__wrapper--left .auto-parts__item img { width: 50px; height: 50px; object-fit: contain; margin-bottom: 24px; transition: all 0.3s; position: relative; } .auto-parts .auto-parts__wrapper .auto-parts__item p, .auto-parts .auto-parts__banner .auto-parts__wrapper--left .auto-parts__item p, .auto-parts .auto-parts__banner--top .auto-parts__wrapper--left .auto-parts__item p, .auto-parts__banner .auto-parts .auto-parts__wrapper--left .auto-parts__item p, .auto-parts__banner--top .auto-parts .auto-parts__wrapper--left .auto-parts__item p { font-size: 18px; font-weight: 700; color: #000000; text-align: center; margin: 0; transition: all 0.3s; } .auto-parts__content, .auto-parts__content--red { padding: 98px 0; } @media (max-width: 992px) { .auto-parts__content, .auto-parts__content--red { padding: 60px 0; } } .auto-parts__content p, .auto-parts__content--red p { color: #000000; text-align: center; font-size: 24px; font-weight: 700; margin: 0 auto 24px; max-width: 1114px; } @media (max-width: 992px) { .auto-parts__content p, .auto-parts__content--red p { font-size: 18px; } } .auto-parts__content p:last-of-type, .auto-parts__content--red p:last-of-type { margin-bottom: 0; } .auto-parts__content--red { padding: 47px 0; } .auto-parts__content--red p { color: #da1a1a; font-size: 38px; max-width: 100%; } @media (max-width: 992px) { .auto-parts__content--red p { font-size: 24px; } } .auto-parts__banner, .auto-parts__banner--top { height: 80vh; background-repeat: no-repeat; background-size: cover; background-position: center center; } @media (max-width: 992px) { .auto-parts__banner, .auto-parts__banner--top { height: 60vh; } } .auto-parts__banner > *, .auto-parts__banner--top > * { height: 100%; } .auto-parts__banner .auto-parts__wrapper, .auto-parts__banner--top .auto-parts__wrapper, .auto-parts__banner .auto-parts__wrapper--left, .auto-parts__banner--top .auto-parts__wrapper--left { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: end; padding-bottom: 100px; } @media (max-width: 992px) { .auto-parts__banner .auto-parts__wrapper, .auto-parts__banner--top .auto-parts__wrapper, .auto-parts__banner .auto-parts__wrapper--left, .auto-parts__banner--top .auto-parts__wrapper--left { padding-bottom: 60px; } } .auto-parts__banner .auto-parts__wrapper--left, .auto-parts__banner--top .auto-parts__wrapper--left { min-width: 688px; width: 35%; margin-left: auto; } @media (max-width: 992px) { .auto-parts__banner .auto-parts__wrapper--left, .auto-parts__banner--top .auto-parts__wrapper--left { width: 100%; min-width: 100%; } } .auto-parts__banner .auto-parts__wrapper--left h1, .auto-parts__banner--top .auto-parts__wrapper--left h1 { font-size: 52px; } @media (max-width: 992px) { .auto-parts__banner .auto-parts__wrapper--left h1, .auto-parts__banner--top .auto-parts__wrapper--left h1 { font-size: 36px; } } .auto-parts__banner--top .auto-parts__wrapper, .auto-parts__banner--top .auto-parts__wrapper--left { justify-content: unset; padding-top: 100px; } .auto-parts__banner h1, .auto-parts__banner--top h1 { font-size: 42px; font-weight: 700; color: #ffffff; margin-bottom: 24px; } @media (max-width: 992px) { .auto-parts__banner h1, .auto-parts__banner--top h1 { font-size: 36px; } } .auto-parts__banner p, .auto-parts__banner--top p { font-size: 24px; font-weight: 700; color: #ffffff; max-width: 710px; } .auto-paint-content { background-color: #f2f2f2; padding: 100px 0; } .auto-paint-content.auto-service-content { padding: 200px 0 100px; } @media (max-width: 992px) { .auto-paint-content.auto-service-content { padding: 100px 0 50px; } } .auto-paint-content.auto-service-content .auto-paint-content__item { align-items: flex-start; } .auto-paint-content.auto-service-content .auto-paint-content__item .auto-paint-content__content { width: 50%; } @media (max-width: 992px) { .auto-paint-content.auto-service-content .auto-paint-content__item .auto-paint-content__content { width: 100%; } } .auto-paint-content.auto-service-content .auto-paint-content__item .auto-paint-content__content p { margin-bottom: 16px; } .auto-paint-content.auto-service-content .auto-paint-content__item .auto-paint-content__content p:last-of-type { margin-bottom: 100px; } .auto-paint-content.auto-service-content .auto-paint-content__item .auto-paint-content__list p:last-of-type { margin-bottom: 24px; } .auto-paint-content.auto-service-content .banner__contact { padding: 74px 164px 86px 0; background-size: 100% 100%, cover; background-position: center; background-repeat: no-repeat; width: 50%; } @media (max-width: 992px) { .auto-paint-content.auto-service-content .banner__contact { padding: 60px 15px; width: 100%; } } .auto-paint-content.auto-service-content .banner__contact .banner__title { font-size: 32px; font-weight: 400; color: #da1a1a; margin-bottom: 30px; } @media (max-width: 992px) { .auto-paint-content.auto-service-content .banner__contact .banner__title { font-size: 24px; } } .auto-paint-content.auto-service-content .banner__contact .banner__title span { font-size: 48px; font-weight: 700; display: block; margin-bottom: 8px; } @media (max-width: 992px) { .auto-paint-content.auto-service-content .banner__contact .banner__title span { font-size: 36px; } } .auto-paint-content.auto-service-content .banner__contact .form__wrapper { display: flex; gap: 20px; row-gap: 14px; flex-wrap: wrap; } .auto-paint-content.auto-service-content .banner__contact .form__wrapper input { border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.2); background: #ffffff; flex-basis: calc(50% - 10px); max-width: calc(50% - 10px); padding: 24px 20px; color: #000000; font-size: 16px; font-weight: 400; } @media (max-width: 992px) { .auto-paint-content.auto-service-content .banner__contact .form__wrapper input { padding: 16px 10px; } } .auto-paint-content.auto-service-content .banner__contact .form__wrapper input::placeholder { color: rgba(0, 0, 0, 0.2); } .auto-paint-content.auto-service-content .banner__contact .form__wrapper textarea { flex-basis: 100%; padding: 24px 20px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; background: #ffffff; resize: none; height: 150px; font-size: 16px; } .auto-paint-content.auto-service-content .banner__contact .form__wrapper textarea::placeholder { color: rgba(0, 0, 0, 0.2); } .auto-paint-content.auto-service-content .banner__contact .form__wrapper button { width: 100%; padding: 15px; border-radius: 5px; border: 1px solid #000000; color: #000000; font-size: 16px; font-weight: 500; background-color: transparent; transition: all 0.3s; } .auto-paint-content.auto-service-content .banner__contact .form__wrapper button:hover { background-color: #000000; color: #ffffff; } .auto-paint-content .auto-paint-content__item { display: flex; gap: 90px; margin-bottom: 50px; align-items: center; justify-content: center; } @media (max-width: 992px) { .auto-paint-content .auto-paint-content__item { flex-direction: column; gap: 40px; } .auto-paint-content .auto-paint-content__item:nth-child(2) { flex-direction: column-reverse; } } .auto-paint-content .auto-paint-content__item.left { flex-direction: row-reverse; } .auto-paint-content .auto-paint-content__item:last-of-type { margin-bottom: 0; } .auto-paint-content .auto-paint-content__item .auto-paint-content__content { width: 45%; } @media (max-width: 992px) { .auto-paint-content .auto-paint-content__item .auto-paint-content__content { width: 100%; } } .auto-paint-content .auto-paint-content__item .auto-paint-content__content h4 { color: #da1a1a; font-size: 32px; font-weight: 700; margin-bottom: 24px; transition: all 0.425s; } @media (max-width: 992px) { .auto-paint-content .auto-paint-content__item .auto-paint-content__content h4 { font-size: 28px; } } .auto-paint-content .auto-paint-content__item .auto-paint-content__content p { font-size: 16px; font-weight: 400; color: #000000; margin-bottom: 50px; } .auto-paint-content .auto-paint-content__item .auto-paint-content__list p { font-size: 24px; font-weight: 700; display: flex; gap: 24px; align-items: center; margin-bottom: 24px; } @media (max-width: 992px) { .auto-paint-content .auto-paint-content__item .auto-paint-content__list p { font-size: 22px; } } .auto-paint-content .auto-paint-content__item .auto-paint-content__list svg { min-width: fit-content; } .auto-paint-content .auto-paint-content__item .auto-paint-content__list .auto-paint-content__list-content { font-size: 18px; font-weight: 400; } .auto-paint-content .auto-paint-content__item .auto-paint-content__image { width: 50%; height: 620px; border-radius: 10px; overflow: hidden; } @media (max-width: 992px) { .auto-paint-content .auto-paint-content__item .auto-paint-content__image { width: 100%; height: 400px; } } .auto-paint-content .auto-paint-content__item .auto-paint-content__image:hover img { transform: scale(1.05); } .auto-paint-content .auto-paint-content__item .auto-paint-content__image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; transform: scale(1); transition: all 0.425s; } .single-news__wrapper img { height: 80vh; width: 100%; object-fit: cover; object-position: center center; } .single-news__wrapper img.image-large { height: 100vh; } .single-news__wrapper h1 { font-size: 32px; font-weight: 700; padding: 50px; background-color: #f2f2f2; color: #da1a1a; text-align: center; } .single-news__wrapper .content-with-image--news { display: flex; background-color: #f2f2f2; } @media (max-width: 992px) { .single-news__wrapper .content-with-image--news { flex-direction: column; } } .single-news__wrapper .content-with-image--news > * { flex: 1; width: 50%; } @media (max-width: 992px) { .single-news__wrapper .content-with-image--news > * { width: 100%; } } .single-news__wrapper .content-with-image--news div { margin: 0 10%; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (max-width: 992px) { .single-news__wrapper .content-with-image--news div { margin: 0; padding: 15px; } } .single-news__wrapper .content-with-image--news div p { color: #000000; font-size: 18px; font-weight: 400; margin-bottom: 18px; } .single-news__wrapper .content-with-image--news img { height: 550px; object-fit: cover; object-position: center center; } .single-news__wrapper > p { font-size: 24px; font-weight: 700; color: #000000; text-align: center; margin: 115px auto; max-width: 80%; } .cars { display: flex; background-color: #f2f2f2; } @media (max-width: 992px) { .cars { flex-direction: column; } } .cars .filter-sidebar { width: 100%; padding: 30px 15px; background-color: #ffffff; overflow-y: auto; } @media (min-width: 992px) { .cars .filter-sidebar { position: sticky; min-width: 470px; max-width: 470px; height: 100vh; padding: 50px 50px 20px 100px; top: 0; } } .cars .filter-sidebar .used-models { font-size: 18px; font-weight: 500; margin-bottom: 25px; color: rgba(0, 0, 0, 0.5); display: flex; justify-content: space-between; align-items: center; transition: all 0.3s; } .cars .filter-sidebar .used-models svg path { transition: all 0.3s; } .cars .filter-sidebar .used-models:hover { color: #000000; } .cars .filter-sidebar .used-models:hover svg path { fill-opacity: 1; } .cars .filter-sidebar .filter-group { margin-bottom: 24px; } .cars .filter-sidebar .filter-group .filter-title { display: block; font-size: 16px; font-weight: 500; margin-bottom: 10px; } .cars .filter-sidebar .filter-group .filter-tags { display: flex; flex-wrap: wrap; gap: 12px; } .cars .filter-sidebar .filter-tag { padding: 10px; font-size: 16px; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.5); cursor: pointer; transition: all 0.3s; } .cars .filter-sidebar .filter-tag:hover, .cars .filter-sidebar .filter-tag.selected { color: #000000; border-color: #000000; } .cars .cars__wrapper { padding: 60px 60px 60px 120px; } @media (max-width: 992px) { .cars .cars__wrapper { padding: 30px 15px; } } .cars .cars__wrapper.used-cars { display: flex; flex-wrap: wrap; gap: 20px; padding: 0; } .cars .cars__wrapper.used-cars .used-cars-header { flex-basis: 100%; margin-bottom: 80px; margin-top: 60px; display: flex; align-items: center; justify-content: space-between; } .cars .cars__wrapper.used-cars .used-cars-header .back-btn { border: 1px solid #da1a1a; color: #da1a1a; display: flex; align-items: center; gap: 20px; padding: 10px 13px 10px 30px; width: fit-content; transition: all 0.3s; background-color: transparent; } .cars .cars__wrapper.used-cars .used-cars-header .back-btn:hover { background-color: #ffffff; color: #da1a1a; } .cars .cars__wrapper.used-cars .used-cars-header p { font-size: 24px; font-weight: 700; color: #000000; } .cars .cars__wrapper.used-cars .card__item { flex-basis: calc(25% - 15px); min-width: 380px; margin: 0; padding: 0; position: relative; } .cars .cars__wrapper.used-cars .card__item .card__header, .cars .cars__wrapper.used-cars .card__item .card__header--red, .cars .cars__wrapper.used-cars .card__item .card__header--blue, .cars .cars__wrapper.used-cars .card__item .card__header--black, .cars .cars__wrapper.used-cars .card__item .card__header--white { margin: 0; border-radius: 20px; overflow: hidden; } .cars .cars__wrapper.used-cars .card__item .card__header img, .cars .cars__wrapper.used-cars .card__item .card__header--red img, .cars .cars__wrapper.used-cars .card__item .card__header--blue img, .cars .cars__wrapper.used-cars .card__item .card__header--black img, .cars .cars__wrapper.used-cars .card__item .card__header--white img { margin: 0; width: 100%; height: 100%; object-fit: cover; } .cars .cars__wrapper.used-cars .card__item .content { padding: 26px 26px 44px 26px; } .cars .cars__wrapper.used-cars .card__item .content .btn, .cars .cars__wrapper.used-cars .card__item .content .btn--small, .cars .cars__wrapper.used-cars .card__item .content .btn--black { margin-bottom: 40px; } .cars .cars__wrapper .all-models { font-size: 16px; font-weight: 400; color: #000000; margin-bottom: 55px; } .cars .cars__wrapper .car-type__wrapper { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 50px; } .cars .cars__wrapper .car-type__wrapper h3 { font-size: 24px; font-weight: 700; color: #da1a1a; margin-bottom: 24px; flex-basis: 100%; } .cars .cars__wrapper .car-type__wrapper .card__item { min-width: 400px; max-width: 400px; margin: 0; } .single-cars__wrapper { background-color: #f2f2f2; } .single-cars__wrapper .single-cars__banner { width: 100%; height: 80vh; padding: 50px 0; position: relative; } .single-cars__wrapper .single-cars__banner > div { height: 100%; } .single-cars__wrapper .single-cars__banner .single-cars-banner__wrapper { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .single-cars__wrapper .single-cars__banner .single-cars-banner__wrapper .back-btn { border: 1px solid #ffffff; color: #ffffff; display: flex; align-items: center; gap: 20px; padding: 10px 13px 10px 30px; width: fit-content; transition: all 0.3s; background-color: transparent; } .single-cars__wrapper .single-cars__banner .single-cars-banner__wrapper .back-btn:hover { background-color: #ffffff; color: #da1a1a; } .single-cars__wrapper .single-cars__banner .content { max-width: 966px; } .single-cars__wrapper .single-cars__banner h1 { font-size: 52px; font-weight: 700; color: #ffffff; margin-bottom: 24px; } @media (max-width: 992px) { .single-cars__wrapper .single-cars__banner h1 { font-size: 42px; } } .single-cars__wrapper .single-cars__banner .single-cars__actions { display: flex; gap: 20px; margin-bottom: 24px; } @media (max-width: 992px) { .single-cars__wrapper .single-cars__banner .single-cars__actions { flex-direction: column; } } .single-cars__wrapper .single-cars__banner p { font-size: 18px; font-weight: 400; color: #ffffff; } .single-cars__wrapper .single-cars__banner p.price { font-size: 24px; font-weight: 700; margin-bottom: 24px; } .single-cars__wrapper h2 { font-size: 38px; font-weight: 700; color: #da1a1a; margin-bottom: 24px; } @media (max-width: 992px) { .single-cars__wrapper h2 { font-size: 32px; } } .single-cars__wrapper .single-cars__content, .single-cars__wrapper .single-cars__content--left { display: flex; gap: 84px; padding: 50px 0 0 0; } @media (max-width: 992px) { .single-cars__wrapper .single-cars__content, .single-cars__wrapper .single-cars__content--left { flex-direction: column !important; padding: 20px 0 0 0; gap: 30px; } } .single-cars__wrapper .single-cars__content:first-of-type, .single-cars__wrapper .single-cars__content--left:first-of-type { padding-top: 150px; } @media (max-width: 992px) { .single-cars__wrapper .single-cars__content:first-of-type, .single-cars__wrapper .single-cars__content--left:first-of-type { padding-top: 80px; } } .single-cars__wrapper .single-cars__content:last-of-type, .single-cars__wrapper .single-cars__content--left:last-of-type { padding-bottom: 100px; } @media (max-width: 992px) { .single-cars__wrapper .single-cars__content:last-of-type, .single-cars__wrapper .single-cars__content--left:last-of-type { padding-bottom: 60px; } } .single-cars__wrapper .single-cars__content--left { flex-direction: row-reverse; } .single-cars__wrapper .single-cars__content > *, .single-cars__wrapper .single-cars__content--left > * { flex-basis: 50%; } .single-cars__wrapper .single-cars__content img, .single-cars__wrapper .single-cars__content--left img { min-height: 540px; height: 100%; width: 100%; object-fit: cover; object-position: center center; border-radius: 20px; } @media (max-width: 992px) { .single-cars__wrapper .single-cars__content img, .single-cars__wrapper .single-cars__content--left img { min-height: 350px; } } .single-cars__wrapper .single-cars__content p, .single-cars__wrapper .single-cars__content--left p { color: #000000; font-size: 24px; font-weight: 400; margin-bottom: 24px; } @media (max-width: 992px) { .single-cars__wrapper .single-cars__content p, .single-cars__wrapper .single-cars__content--left p { font-size: 18px; margin-bottom: 20px; } } .single-cars__wrapper .single-cars__list { display: flex; gap: 25px; margin-bottom: 24px; } .single-cars__wrapper .single-cars__list svg { width: 42px; min-width: 42px; object-fit: contain; } @media (max-width: 992px) { .single-cars__wrapper .single-cars__list svg { width: 24px; min-width: 24px; } } .single-cars__wrapper .single-cars__list p { color: #000000; font-size: 24px; font-weight: 400; margin: 0; } @media (max-width: 992px) { .single-cars__wrapper .single-cars__list p { font-size: 18px; } } .single-cars__wrapper .single-cars__list p strong { color: #da1a1a; font-weight: 700; } .single-cars__wrapper .single-cars__gallery { height: 80vh; position: relative; } .single-cars__wrapper .single-cars__gallery .slick-list, .single-cars__wrapper .single-cars__gallery .slick-track { height: 100%; } .single-cars__wrapper .single-cars__gallery .slick-slide { object-fit: cover; } .single-cars__wrapper .single-cars__gallery .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); height: 64px; width: 64px; border-radius: 50%; border: 3px solid #da1a1a; right: 44px; z-index: 2; display: flex; align-items: center; justify-content: center; transition: all 0.3s; } @media (max-width: 992px) { .single-cars__wrapper .single-cars__gallery .slick-arrow { right: 15px; height: 48px; width: 48px; } } .single-cars__wrapper .single-cars__gallery .slick-arrow:hover { background-color: #da1a1a; } .single-cars__wrapper .single-cars__gallery .slick-arrow:hover svg path { fill: #ffffff; } .single-cars__wrapper .single-cars__gallery .slick-arrow.slick-prev { right: auto; left: 44px; } @media (max-width: 992px) { .single-cars__wrapper .single-cars__gallery .slick-arrow.slick-prev { left: 15px; } } .single-cars__wrapper .single-cars__gallery .slick-arrow svg path { transition: all 0.3s; } .single-cars__wrapper .single-cars__gallery .slick-dots { position: absolute; bottom: 35px; left: 50%; display: flex; gap: 6px; transform: translateX(-50%); } @media (max-width: 992px) { .single-cars__wrapper .single-cars__gallery .slick-dots { bottom: 10px; } } .single-cars__wrapper .single-cars__gallery .slick-dots li { background-color: #da1a1a; opacity: 0.2; width: 20px; height: 20px; border-radius: 50%; } @media (max-width: 992px) { .single-cars__wrapper .single-cars__gallery .slick-dots li { width: 10px; height: 10px; } } .single-cars__wrapper .single-cars__gallery .slick-dots li button { display: none; } .single-cars__wrapper .single-cars__gallery .slick-dots li.slick-active { opacity: 1; } .single-used-card__wrapper { background-color: #f2f2f2; padding-top: 64px; } .single-used-card__wrapper .back-btn { border: 1px solid #da1a1a; color: #da1a1a; display: flex; align-items: center; gap: 20px; padding: 10px 13px 10px 30px; width: fit-content; transition: all 0.3s; background-color: transparent; } .single-used-card__wrapper .back-btn:hover { background-color: #ffffff; color: #da1a1a; } .single-used-card__wrapper .used-cars-gallery { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 20px; margin: 74px 0 34px 0; height: 560px; } @media (max-width: 992px) { .single-used-card__wrapper .used-cars-gallery { display: flex; overflow: scroll; height: 350px; margin: 50px 0 20px 0; } .single-used-card__wrapper .used-cars-gallery::-webkit-scrollbar { display: none; } } .single-used-card__wrapper .used-cars-gallery > div { width: 100%; height: 100%; overflow: hidden; } @media (max-width: 992px) { .single-used-card__wrapper .used-cars-gallery > div { min-width: 90%; } } .single-used-card__wrapper .used-cars-gallery div:nth-of-type(1) { grid-column: 1/3; grid-row: 1/3; } .single-used-card__wrapper .used-cars-gallery div:nth-of-type(2) { grid-column: 3/4; grid-row: 1/2; } .single-used-card__wrapper .used-cars-gallery div:nth-of-type(3) { grid-column: 3/4; grid-row: 2/3; } .single-used-card__wrapper .used-cars-gallery img { width: 100%; height: 100%; object-fit: cover; } .single-used-card__wrapper h1 { font-size: 52px; font-weight: 700; color: #000000; margin-bottom: 34px; } @media (max-width: 992px) { .single-used-card__wrapper h1 { font-size: 32px; margin-bottom: 20px; } } .single-used-card__wrapper .used-cars-details { padding-top: 50px; padding-bottom: 150px; display: flex; gap: 50px; } @media (max-width: 992px) { .single-used-card__wrapper .used-cars-details { padding-bottom: 80px; flex-direction: column; gap: 30px; } } .single-used-card__wrapper .used-cars-details .details-column { max-width: 500px; } @media (max-width: 992px) { .single-used-card__wrapper .used-cars-details .details-column { max-width: 100%; } } .single-used-card__wrapper .used-cars-details .details-column:nth-child(2) { display: flex; flex-direction: column; gap: 50px; max-width: 550px; } @media (max-width: 992px) { .single-used-card__wrapper .used-cars-details .details-column:nth-child(2) { max-width: 100%; gap: 30px; } } .single-used-card__wrapper .used-cars-details p { font-size: 28px; font-weight: 400; color: #000000; margin-bottom: 30px; } @media (max-width: 992px) { .single-used-card__wrapper .used-cars-details p { font-size: 18px; margin-bottom: 20px; } } .single-used-card__wrapper .used-cars-details h4 { font-size: 28px; font-weight: 700; color: #000000; margin-bottom: 30px; } @media (max-width: 992px) { .single-used-card__wrapper .used-cars-details h4 { font-size: 18px; margin-bottom: 20px; } } .test-drive-contact { display: flex; gap: 80px; padding-bottom: 100px; background-color: #f2f2f2; } @media (max-width: 992px) { .test-drive-contact { flex-direction: column; gap: 0; padding: 0; } } .test-drive-contact .test-drive-contact__image { min-width: 40%; width: 40%; position: relative; } @media (max-width: 992px) { .test-drive-contact .test-drive-contact__image { min-width: 100%; width: 100%; height: 500px; } } .test-drive-contact .test-drive-contact__image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .test-drive-contact .test-drive-contact__image .back-btn { border: 1px solid #ffffff; color: #ffffff; display: flex; align-items: center; gap: 20px; padding: 10px 13px 10px 30px; width: fit-content; transition: all 0.3s; background-color: transparent; position: absolute; left: 120px; top: 74px; } @media (max-width: 992px) { .test-drive-contact .test-drive-contact__image .back-btn { left: 20px; top: 20px; } } .test-drive-contact .test-drive-contact__image .back-btn:hover { background-color: #ffffff; color: #da1a1a; } .test-drive-contact .test-drive-contact__content { min-width: 50%; width: 50%; padding: 74px 0; } @media (max-width: 992px) { .test-drive-contact .test-drive-contact__content { min-width: 100%; width: 100%; padding: 30px 15px; } } .test-drive-contact .test-drive-contact__content h1 { font-size: 52px; font-weight: 700; color: #000000; margin-bottom: 24px; } @media (max-width: 992px) { .test-drive-contact .test-drive-contact__content h1 { font-size: 42px; } } .test-drive-contact .test-drive-contact__content h2 { font-size: 38px; font-weight: 700; color: #000000; margin-bottom: 24px; margin-top: 50px; } @media (max-width: 992px) { .test-drive-contact .test-drive-contact__content h2 { font-size: 30px; margin-top: 24px; margin-bottom: 16px; } } .test-drive-contact .test-drive-contact__content h3 { font-size: 24px; font-weight: 700; color: #000000; } @media (max-width: 992px) { .test-drive-contact .test-drive-contact__content h3 { font-size: 22px; } } .test-drive-contact .test-drive-contact__content p { font-size: 24px; font-weight: 400; color: #000000; margin-bottom: 50px; } @media (max-width: 992px) { .test-drive-contact .test-drive-contact__content p { font-size: 18px; } } .test-drive-contact .test-drive-contact__content .checkbox-group > div { display: flex; align-items: center; margin-bottom: 24px; } .test-drive-contact .test-drive-contact__content .checkbox-group input { width: 24px; height: 24px; cursor: pointer; } .test-drive-contact .test-drive-contact__content .checkbox-group label { font-size: 24px; font-weight: 400; cursor: pointer; padding-left: 12px; } .test-drive-contact .test-drive-contact__content .form-group { display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; } .test-drive-contact .test-drive-contact__content .form-group label { font-size: 18px; font-weight: 400; color: #000000; } .test-drive-contact .test-drive-contact__content .form-group input, .test-drive-contact .test-drive-contact__content .form-group select { border-radius: 10px; border: 1px solid #000000; padding: 10px; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: none; } .test-drive-contact .test-drive-contact__content button { margin-top: 26px; width: 100%; } footer { background-color: #000000; color: #ffffff; padding: 95px 0; position: relative; } @media (max-width: 992px) { footer { padding: 34px 0; } footer > div { display: flex; flex-direction: column; } } footer .footer__top { display: flex; gap: 170px; margin-bottom: 120px; } @media (max-width: 992px) { footer .footer__top { margin-bottom: 48px; gap: 24px; flex-direction: column; } } footer .footer__top .footer__branding { display: flex; flex-direction: column; gap: 28px; } @media (max-width: 992px) { footer .footer__top .footer__branding { border-bottom: 2px solid #ffffff; padding-bottom: 24px; } } @media (min-width: 992px) { footer .footer__top .footer__branding { max-width: 340px; } } footer .footer__top .footer__branding p { font-size: 16px; font-weight: 400; } footer .footer__top .footer__branding .footer__socials { display: flex; gap: 11px; } @media (max-width: 992px) { footer .footer__top .footer__branding .footer__socials { justify-content: center; } } footer .footer__top .footer__branding .footer__socials svg { width: 24px; height: 24px; transition: all 0.3s; } footer .footer__top .footer__branding .footer__socials svg:hover { fill: #da1a1a; } footer .footer__top .footer__links { display: flex; flex-wrap: wrap; row-gap: 50px; column-gap: 20px; justify-content: space-between; flex: 1; } @media (max-width: 992px) { footer .footer__top .footer__links { column-gap: 0; } } @media (max-width: 992px) { footer .footer__top .footer__links .footer__column { flex-basis: 50%; } } footer .footer__top .footer__links .footer__column ul { display: flex; flex-direction: column; gap: 10px; } footer .footer__top .footer__links .footer__column h4 { font-size: 24px; font-weight: 700; margin-bottom: 50px; } footer .footer__bottom { margin-bottom: 35px; display: flex; justify-content: space-between; } @media (min-width: 992px) { footer .footer__bottom { position: relative; } footer .footer__bottom::after { content: ""; width: 100%; height: 2px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background-color: #ffffff; } } @media (max-width: 992px) { footer .footer__bottom { order: 1; text-align: center; margin-top: 50px; margin-bottom: 0; flex-direction: column; } } footer .footer__bottom .footer__toggle { display: flex; align-items: center; gap: 10px; font-size: 18px; background-color: #000000; z-index: 2; padding-left: 16px; } @media (max-width: 992px) { footer .footer__bottom .footer__toggle { justify-content: center; padding: 10px; } } footer .footer__bottom .footer__copy { font-size: 18px; background-color: #000000; z-index: 2; padding-right: 8px; } @media (max-width: 992px) { footer .footer__bottom .footer__copy { border-bottom: 2px solid #ffffff; padding-bottom: 24px; margin-bottom: 24px; } } footer .footer__legal { color: rgba(255, 255, 255, 0.5); font-size: 16px; font-weight: 400; } @media (max-width: 992px) { footer .footer__legal { text-align: center; } } /*# sourceMappingURL=style.css.map */ /* Contact Form Wrapper Layout */ form.wpcf7-form .form__wrapper { display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; } /* Input & Textarea Styling */ form.wpcf7-form input[type="text"], form.wpcf7-form input[type="email"], form.wpcf7-form input[type="tel"], form.wpcf7-form textarea { font-family: "Roboto", sans-serif; font-size: 16px; padding: 16px 20px; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; background-color: #fff; color: #000; box-sizing: border-box; width: 100%; } /* Width Controls */ form.wpcf7-form .half-width { width: calc(50% - 8px); } form.wpcf7-form .full-width { width: 100%; } /* Textarea Specifics */ form.wpcf7-form textarea { resize: vertical; min-height: 150px; } /* Submit Button Styling */ form.wpcf7-form .btn-book { background-color: transparent; color: #000; border: 1px solid #000; font-weight: 600; padding: 16px; text-transform: uppercase; border-radius: 5px; cursor: pointer; transition: all 0.3s ease; width: 100%; } form.wpcf7-form .btn-book:hover { background-color: #000; color: #fff; } /* Responsive */ @media (max-width: 768px) { form.wpcf7-form .half-width { width: 100%; } } form.wpcf7-form .btn-book { background-color: transparent !important; color: #000 !important; border: 1px solid #000 !important; font-weight: 600 !important; padding: 16px !important; text-transform: uppercase !important; border-radius: 5px !important; cursor: pointer !important; transition: all 0.3s ease !important; width: 100% !important; } form.wpcf7-form .btn-book:hover { background-color: #000 !important; color: #fff !important; } @media (max-width: 768px) { /* ========== IMAGE FIX ========== */ .single-cars__gallery .slick-slide img { width: 100% !important; height: auto !important; max-height: 100% !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; padding: 0 !important; } /* ========== SLIDE / TRACK HEIGHT FIX ========== */ .single-cars__gallery, .single-cars__gallery .slick-list, .single-cars__gallery .slick-track, .single-cars__gallery .slick-slide { height: auto !important; min-height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; } .single-cars__gallery .slick-slide { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; } /* ========== ARROWS ========== */ .single-cars__gallery .slick-prev, .single-cars__gallery .slick-next { top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; background-color: #ffffff !important; border-radius: 50% !important; padding: 10px !important; border: 2px solid red !important; width: 40px !important; height: 40px !important; } .single-cars__gallery .slick-prev { left: 10px !important; } .single-cars__gallery .slick-next { right: 10px !important; } .single-cars__gallery .slick-prev svg, .single-cars__gallery .slick-next svg { width: 20px !important; height: 20px !important; } /* ========== PAGINATION DOTS ========== */ .single-cars__gallery .slick-dots { position: relative !important; bottom: 0 !important; width: 100% !important; display: flex !important; justify-content: center !important; gap: 6px !important; padding: 0 !important; margin-top: 10px !important; } .single-cars__gallery .slick-dots li { margin: 0 !important; } .single-cars__gallery .slick-dots li button { width: 10px !important; height: 10px !important; background-color: #ccc !important; border-radius: 50% !important; border: none !important; display: block !important; text-indent: -9999px !important; overflow: hidden !important; } .single-cars__gallery .slick-dots li.slick-active button { background-color: #d60000 !important; } /* ========== OPTIONAL WRAPPER FIX ========== */ .single-cars__gallery { padding: 0 !important; margin: 0 auto !important; } } @media (max-width: 768px) { /* ===== Image Sizing ===== */ .slider .slick-slide img { width: 100% !important; height: auto !important; max-height: 100% !important; object-fit: contain !important; display: block !important; margin: 0 auto !important; } .slider, .slider .slick-list, .slider .slick-track, .slider .slick-slide { height: auto !important; min-height: auto !important; max-height: none !important; padding: 0 !important; margin: 0 !important; } .slider .slick-slide { display: flex !important; justify-content: center !important; align-items: center !important; flex-direction: column !important; } /* ===== Pagination Dots Styling ===== */ .slider .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 15px !important; margin-bottom: 0 !important; padding: 0 !important; display: flex !important; justify-content: center !important; gap: 6px !important; } .slider .slick-dots li { margin: 0 !important; } .slider .slick-dots li button { width: 10px !important; height: 10px !important; background-color: #ccc !important; border-radius: 50% !important; border: none !important; text-indent: -9999px !important; overflow: hidden !important; display: block !important; } .slider .slick-dots li.slick-active button { background-color: #d60000 !important; } /* Optional: Trim excess */ .slider { overflow: hidden !important; padding: 0 !important; margin: 0 auto !important; } }