/* Start:/local/templates/erolaif_2025/src/css/fonts.css?174526387412835*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Black.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Black.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Black.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Black.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Black.ttf') format('truetype');*/ /* font-weight: 900;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-BlackItalic.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-BlackItalic.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-BlackItalic.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-BlackItalic.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-BlackItalic.ttf') format('truetype');*/ /* font-weight: 900;*/ /* font-style: italic;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraBoldItalic.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraBoldItalic.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraBoldItalic.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraBoldItalic.ttf') format('truetype');*/ /* font-weight: 800;*/ /* font-style: italic;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-MediumItalic.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-MediumItalic.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-MediumItalic.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-MediumItalic.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-MediumItalic.ttf') format('truetype');*/ /* font-weight: 500;*/ /* font-style: italic;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Medium.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Medium.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Medium.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Medium.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Medium.ttf') format('truetype');*/ /* font-weight: 500;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-SemiBoldItalic.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-SemiBoldItalic.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-SemiBoldItalic.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-SemiBoldItalic.ttf') format('truetype');*/ /* font-weight: 600;*/ /* font-style: italic;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-BoldItalic.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-BoldItalic.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-BoldItalic.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-BoldItalic.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-BoldItalic.ttf') format('truetype');*/ /* font-weight: bold;*/ /* font-style: italic;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraBold.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraBold.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraBold.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraBold.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraBold.ttf') format('truetype');*/ /* font-weight: 800;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-LightItalic.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-LightItalic.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-LightItalic.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-LightItalic.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-LightItalic.ttf') format('truetype');*/ /* font-weight: 300;*/ /* font-style: italic;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Light.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Light.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Light.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Light.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Light.ttf') format('truetype');*/ /* font-weight: 300;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Bold.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Bold.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Bold.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Bold.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Bold.ttf') format('truetype');*/ /* font-weight: bold;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraLightItalic.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraLightItalic.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraLightItalic.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraLightItalic.ttf') format('truetype');*/ /* font-weight: 200;*/ /* font-style: italic;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Regular.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Regular.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Regular.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Regular.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Regular.ttf') format('truetype');*/ /* font-weight: normal;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraLight.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraLight.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraLight.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraLight.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-ExtraLight.ttf') format('truetype');*/ /* font-weight: 200;*/ /* font-style: normal;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Italic.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Italic.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Italic.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Italic.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-Italic.ttf') format('truetype');*/ /* font-weight: normal;*/ /* font-style: italic;*/ /*}*/ /*@font-face {*/ /* font-family: 'Mulish';*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-SemiBold.eot');*/ /* src: url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-SemiBold.eot?#iefix') format('embedded-opentype'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-SemiBold.woff2') format('woff2'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-SemiBold.woff') format('woff'),*/ /* url('/local/templates/erolaif_2025/src/css/../fonts/Mulish/Mulish-SemiBold.ttf') format('truetype');*/ /* font-weight: 600;*/ /* font-style: normal;*/ /*}*/ /***************************************************************************************************/ @font-face { font-family: 'Geologica Cursive'; src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Light.eot'); src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Light.woff2') format('woff2'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Light.woff') format('woff'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica Cursive'; src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Black.woff2') format('woff2'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Black.woff') format('woff'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica Cursive'; src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraLight.woff2') format('woff2'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraLight.woff') format('woff'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica Cursive'; src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Bold.woff2') format('woff2'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Bold.woff') format('woff'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica Cursive'; src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Medium.woff2') format('woff2'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Medium.woff') format('woff'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica Cursive'; src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraBold.woff2') format('woff2'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraBold.woff') format('woff'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-ExtraBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica Cursive'; src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Thin.eot'); src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Thin.woff2') format('woff2'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Thin.woff') format('woff'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica Cursive'; src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Regular.eot'); src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Regular.woff2') format('woff2'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Regular.woff') format('woff'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Geologica Cursive'; src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-SemiBold.eot'); src: url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-SemiBold.woff2') format('woff2'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-SemiBold.woff') format('woff'), url('/local/templates/erolaif_2025/src/css/../fonts/Geologica Cursive/GeologicaCursive-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } /* End */ /* Start:/local/templates/erolaif_2025/src/fonts/mulish_/mulish.css?17452638743298*/ @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLight.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLight.woff') format('woff'); font-weight: 1; font-style: normal; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLightItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLightItalic.woff') format('woff'); font-weight: 1; font-style: italic; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLight.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLightItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraLightItalic.woff') format('woff'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Light.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-LightItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Regular.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Italic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Italic.woff') format('woff'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Medium.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-MediumItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-MediumItalic.woff') format('woff'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-SemiBold.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-SemiBoldItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-SemiBoldItalic.woff') format('woff'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Bold.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-BoldItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-BoldItalic.woff') format('woff'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraBold.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraBoldItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-ExtraBoldItalic.woff') format('woff'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Black.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-Black.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Mulish'; src: url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-BlackItalic.woff2') format('woff2') url('/local/templates/erolaif_2025/src/fonts/mulish_/Mulish-BlackItalic.woff') format('woff'); font-weight: 900; font-style: italic; } /* End */ /* Start:/local/templates/erolaif_2025/src/libs/slick/slick.css?17452638741895*/ /* 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; } /* End */ /* Start:/local/templates/erolaif_2025/static/css/separate-css/swiper.min.css?174526387413681*/ /** * Swiper 5.3.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 29, 2020 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/local/templates/erolaif_2025/static/css/separate-css/jquery.fancybox.css?174526387422411*/ body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-gradient { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 99994; } @media only screen and (min-width: 768px) { .fancybox-gradient { height: 50vh; } } @media only screen and (max-width: 767px) { .fancybox-gradient { height: 200px; } } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; right: 0; top: 0; } .fancybox-inner { background-color: #FFFFFF; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background-color: rgba(74, 74, 80, 0.6); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); } .fancybox-is-open .fancybox-bg { opacity: 1; transition-timing-function: cubic-bezier(.22, .61, .36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; /*transition: opacity .25s ease, visibility 0s ease .25s;*/ transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; /*transition: opacity .25s ease 0s, visibility 0s ease 0s;*/ visibility: visible; } .fancybox-infobar { display: none; color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; } @media only screen and (min-width: 1920px) { .fancybox-slide--image { padding: 120px 0 160px; } .fancybox-slide--video { padding-top: 96px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .fancybox-slide--image { padding: 80px 0 120px; } .fancybox-slide--video { padding-top: 56px; } } @media only screen and (max-width: 767px) { .fancybox-slide--image { padding: 64px 16px 80px; } .fancybox-slide--video { padding-top: 46px; } } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: none; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 0; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background-color: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: hidden; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } @media only screen and (min-width: 1920px) { .fancybox-slide--image .fancybox-content { border-radius: 32px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .fancybox-slide--image .fancybox-content { border-radius: 24px; } } @media only screen and (max-width: 767px) { .fancybox-slide--image .fancybox-content { border-radius: 16px; } } .fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: none; } .fancybox-slide--map .fancybox-content { background: none; } .fancybox-slide--iframe .fancybox-content { background: none; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ @media only screen and (max-width: 1279px) { .fancybox-navigation { display: none; } } .fancybox-button { display: flex; justify-content: center; align-items: center; border: 0; box-shadow: none; cursor: pointer; margin: 0; position: relative; visibility: inherit; outline: none; padding: 0; transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .fancybox-button--arrow_left, .fancybox-button--arrow_right { background-color: transparent; border: 1px solid transparent; border-radius: 50%; } @media only screen and (min-width: 1920px) { .fancybox-button--arrow_left, .fancybox-button--arrow_right { width: 80px; height: 80px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .fancybox-button--arrow_left, .fancybox-button--arrow_right { width: 56px; height: 56px; } } @media only screen and (max-width: 1279px) { .fancybox-button--arrow_left, .fancybox-button--arrow_right { width: 48px; height: 48px; } } .fancybox-button--arrow_left svg, .fancybox-button--arrow_right svg { stroke: currentColor; } .fancybox-button--arrow_left svg { transform: rotate(-180deg); } .fancybox-button--arrow_left[disabled], .fancybox-button--arrow_right[disabled] { border-color: #8E7D82; cursor: not-allowed; } .fancybox-button--arrow_left[disabled], .fancybox-button--arrow_left[disabled]:visited, .fancybox-button--arrow_left[disabled]:link, .fancybox-button--arrow_right[disabled], .fancybox-button--arrow_right[disabled]:visited, .fancybox-button--arrow_right[disabled]:link { color: #8E7D82; } .fancybox-button--arrow_left:not([disabled]), .fancybox-button--arrow_right:not([disabled]) { border-color: #F27C96; } .fancybox-button--arrow_left:not([disabled]), .fancybox-button--arrow_left:not([disabled]):visited, .fancybox-button--arrow_left:not([disabled]):link, .fancybox-button--arrow_right:not([disabled]), .fancybox-button--arrow_right:not([disabled]):visited, .fancybox-button--arrow_right:not([disabled]):link { color: #F27C96; } .fancybox-button--arrow_left:not([disabled]):hover, .fancybox-button--arrow_right:not([disabled]):hover { border-color: #E9164D; color: #E9164D; } .fancybox-button--close svg { fill: currentColor; } @media only screen and (min-width: 1920px) { .fancybox-button--close svg { width: 48px; height: 48px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .fancybox-button--close svg { width: 36px; height: 36px; } } @media only screen and (max-width: 767px) { .fancybox-button--close svg { width: 24px; height: 24px; } } .fancybox-button--close { background: none; /*transition-property: width, height, background-color, padding;*/ } @media only screen and (min-width: 768px) { .fancybox-button--close { padding: 16px; } } @media only screen and (max-width: 767px) { .fancybox-button--close { padding: 8px; } } .fancybox-button--close, .fancybox-button--close:visited, .fancybox-button--close:link { color: #8E7D82; } .fancybox-button--close:hover { color: #E9164D; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: none; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { /*display: block;*/ /*height: 100%;*/ overflow: visible; /*position: relative;*/ /*width: 100%;*/ } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { display: none; background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { top: 50%; transform: translateY(-50%); } .fancybox-navigation .fancybox-button div { padding: 0; } @media only screen and (min-width: 1920px) { .fancybox-navigation .fancybox-button--arrow_left { left: 64px; } .fancybox-navigation .fancybox-button--arrow_right { right: 64px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .fancybox-navigation .fancybox-button--arrow_left { left: 24px; } .fancybox-navigation .fancybox-button--arrow_right { right: 24px; } } @media only screen and (max-width: 767px) { .fancybox-navigation .fancybox-button--arrow_left { left: 16px; } .fancybox-navigation .fancybox-button--arrow_right { right: 16px; } } /* Caption */ .fancybox-caption { display: none; background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @keyframes fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { display: flex; justify-content: center; background: transparent; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; position: absolute; left: 0; bottom: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; z-index: 99995; } @media only screen and (min-width: 1920px) { .fancybox-thumbs { padding-bottom: 48px; } } @media only screen and (max-width: 1919px) { .fancybox-thumbs { padding-bottom: 24px; } } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-thumbs-x::-webkit-scrollbar { display: none; } .fancybox-thumbs__list { /*width: 100% !important;*/ display: flex; justify-content: center; font-size: 0; line-height: 1; height: auto; list-style: none; position: relative; white-space: nowrap; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; /*background-color: #CBC8C8;*/ /*background-image: none !important;*/ background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; display: inline-block; vertical-align: top; /*max-height: calc(100% - 8px);*/ /*max-width: calc(50% - 4px);*/ outline: none; overflow: hidden; margin: 0 8px; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; text-decoration: none; transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .fancybox-thumbs__list a { width: 98px; height: 109px; border-radius: 32px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .fancybox-thumbs__list a { width: 80px; height: 91px; border-radius: 24px; } } @media only screen and (max-width: 1279px) { .fancybox-thumbs__list a { width: 12px; height: 12px; background-image: none !important; background-color: #F6E2E6; background-clip: content-box; border-radius: 50%; padding: 2px; } } .fancybox-thumbs__list a.fancybox-thumbs-active { opacity: 1; } @media only screen and (max-width: 1279px) { .fancybox-thumbs__list a.fancybox-thumbs-active { background-color: #E9164D; padding: 0; } } /* Styling for Small-Screen Devices */ /*@media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }*/ /* End */ /* Start:/local/templates/erolaif_2025/static/css/main.css?1745560496652289*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ *{ box-sizing: border-box; } html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } .img, .video { display: block; position: relative; height: 0; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } :root { --vh: 1vh; --vw: 1vw; --indent-size: 8px; --grid-size: 8px; --font-size: 18px; --box-size: 4px; --border-radius: 16px; --path-percent: 16%; --helloSliderHeight: 0px; --headerHeight: 0px; } html { height: 100%; } * { letter-spacing: normal; } html, body { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); } html { -ms-overflow-style: scrollbar; -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; -ms-scroll-chaining: none; overscroll-behavior: none; } button { cursor: pointer; padding: 0; margin: 0; } .content { position: relative; width: 100%; margin: 0 auto; } @media only screen and (min-width: 1920px) { .content { max-width: calc(1792px + calc(var(--grid-size) * 8)); padding: 0 calc(var(--grid-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .content { max-width: calc(1792px + calc(var(--grid-size) * 6)); padding: 0 calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .content { max-width: calc(1792px + calc(var(--grid-size) * 4)); padding: 0 calc(var(--grid-size) * 2); } } .content-inner { width: 100%; margin: 0 auto; } @media only screen and (min-width: 1920px) { .content-inner { max-width: 1440px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .content-inner { max-width: 1056px; } } .content-inner--880 { max-width: 880px; } @media (max-width: 1280px) { .content-inner--880 { max-width: 720px; } } .content-inner--content { max-width: calc(100% - 128px); } @media (max-width: 1280px) { .content-inner--content { max-width: 100%; } } /** * Content elements */ h1, h2, h3, h4, h5, h6, p, span, ul, ol { color: inherit; } article, .text { font-weight: 500; } article:first-child, .text:first-child { margin-top: 0; } article:last-child, .text:last-child { margin-bottom: 0; } @media only screen and (min-width: 1920px) { article h1, article h2, article h3, article h4, article h5, article h6, .text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { margin: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { article h1, article h2, article h3, article h4, article h5, article h6, .text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { margin: calc(var(--indent-size) * 6) 0 calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { article h1, article h2, article h3, article h4, article h5, article h6, .text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { margin: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { article h1, article h2, article h3, article h4, article h5, article h6, .text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { margin: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { article p, .text p { margin: calc(var(--indent-size) * 3) 0; } } @media only screen and (max-width: 1919px) { article p, .text p { margin: calc(var(--indent-size) * 2) 0; } } article p:first-child, .text p:first-child { margin-top: 0; } article p:last-child, .text p:last-child { margin-bottom: 0; } article p span, .text p span { color: #8E7D82; } @media only screen and (min-width: 1920px) { article ul, article ol, .text ul, .text ol { margin: calc(var(--indent-size) * 3) 0; } } @media only screen and (max-width: 1919px) { article ul, article ol, .text ul, .text ol { margin: calc(var(--indent-size) * 2) 0; } } article ul:first-child, article ol:first-child, .text ul:first-child, .text ol:first-child { margin-top: 0; } article ul:last-child, article ol:last-child, .text ul:last-child, .text ol:last-child { margin-bottom: 0; } article ul li, article ol li, .text ul li, .text ol li { position: relative; } @media only screen and (min-width: 1920px) { article q, .text q { margin: calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { article q, .text q { margin: calc(var(--indent-size) * 3) 0; } } @media only screen and (max-width: 767px) { article q, .text q { margin: calc(var(--indent-size) * 2) 0; } } article q:first-child, .text q:first-child { margin-top: 0; } article q:last-child, .text q:last-child { margin-bottom: 0; } @media only screen and (min-width: 1920px) { article blockquote, .text blockquote { margin: calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { article blockquote, .text blockquote { margin: calc(var(--indent-size) * 3) 0; } } @media only screen and (max-width: 767px) { article blockquote, .text blockquote { margin: calc(var(--indent-size) * 2) 0; } } article blockquote:first-child, .text blockquote:first-child { margin-top: 0; } article blockquote:last-child, .text blockquote:last-child { margin-bottom: 0; } @media only screen and (min-width: 1920px) { article table, .text table { margin: calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { article table, .text table { margin: calc(var(--indent-size) * 3) 0; } } @media only screen and (max-width: 767px) { article table, .text table { margin: calc(var(--indent-size) * 2) 0; } } article table:first-child, .text table:first-child { margin-top: 0; } article table:last-child, .text table:last-child { margin-bottom: 0; } article { position: relative; } @media only screen and (min-width: 1920px) { article { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { article { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { article { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { article { margin: calc(var(--indent-size) * 15) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { article { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { article { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (max-width: 767px) { article { margin: calc(var(--indent-size) * 6) 0; } } @media only screen and (min-width: 1280px) { article > :not([class]) { max-width: calc(1048 / 1440 * 100%); margin-left: auto; } } @media only screen and (min-width: 1920px) { article > [class]:not(.wow):not(.offset) { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { article > [class]:not(.wow):not(.offset) { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { article > [class]:not(.wow):not(.offset) { margin: calc(var(--indent-size) * 6) 0; } } @media only screen and (max-width: 767px) { article > [class]:not(.wow):not(.offset) { margin: calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 1920px) { article [class$=-s] { margin: calc(var(--indent-size) * 15) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { article [class$=-s] { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { article [class$=-s] { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (max-width: 767px) { article [class$=-s] { margin: calc(var(--indent-size) * 6) 0; } } article > [class]:not(.wow):first-child, article [class$=-s]:first-child { margin-top: 0; } article > [class]:not(.wow):last-child, article [class$=-s]:last-child { margin-bottom: 0; } @media only screen and (min-width: 1920px) { article [class$=-box] { margin-left: calc(-1 * calc(var(--indent-size) * 8)); margin-right: calc(-1 * calc(var(--indent-size) * 8)); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { article [class$=-box] { margin-left: calc(-1 * calc(var(--indent-size) * 3)); margin-right: calc(-1 * calc(var(--indent-size) * 3)); } } @media only screen and (max-width: 767px) { article [class$=-box] { margin-left: calc(-1 * calc(var(--indent-size) * 2)); margin-right: calc(-1 * calc(var(--indent-size) * 2)); } } @media only screen and (min-width: 1280px) { article > .wow, article > .offset { max-width: calc(1048 / 1440 * 100%); margin-left: auto; } } @media only screen and (min-width: 1280px) { article .max-width { max-width: calc(1048 / 1440 * 100%); } } @media only screen and (min-width: 768px) { article ul li:not(:last-child), article ol li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { article ul li:not(:last-child), article ol li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } article ul:not(.list) li { padding-left: calc(var(--indent-size) * 6); } article ul:not(.list) li:before { position: absolute; left: 0; width: 26.827px; height: 19px; background-image: url("/local/templates/erolaif_2025/static/css/../img/content/icons/ul-list.svg"); background-size: 100% 100%; content: ""; } @media only screen and (min-width: 1920px) { article ul:not(.list) li:before { top: 6px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { article ul:not(.list) li:before { top: 4px; } } @media only screen and (max-width: 767px) { article ul:not(.list) li:before { top: 6px; } } article ol:not(.list) { counter-reset: list-counter; } @media only screen and (min-width: 1920px) { article ol:not(.list) li { padding-left: calc(var(--indent-size) * 12); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { article ol:not(.list) li { padding-left: calc(var(--indent-size) * 10); } } @media only screen and (max-width: 1279px) { article ol:not(.list) li { padding-left: calc(var(--indent-size) * 8); } } article ol:not(.list) > li { counter-increment: list-counter; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { article ol:not(.list) > li { min-height: calc(var(--box-size) * 16); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { article ol:not(.list) > li { min-height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1279px) { article ol:not(.list) > li { min-height: calc(var(--box-size) * 12); } } article ol:not(.list) > li:before { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #E9164D; border-radius: 50%; font-weight: 600; color: #FFFFFF; text-align: center; content: counters(list-counter, "."); } @media only screen and (min-width: 1920px) { article ol:not(.list) > li:before { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { article ol:not(.list) > li:before { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1279px) { article ol:not(.list) > li:before { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } article a { color: #E9164D; } @media only screen and (min-width: 1920px) { article blockquote { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { article blockquote { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { article blockquote { margin: calc(var(--indent-size) * 6) 0; } } @media only screen and (max-width: 767px) { article blockquote { margin: calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 1280px) { article blockquote { padding-left: calc(100% - calc(1048 / 1440 * 100%)); } } @media only screen and (min-width: 1920px) { article blockquote { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { article blockquote { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { article blockquote { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { article blockquote { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { article blockquote::before { font-size: 300px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { article blockquote::before { font-size: 150px; } } @media only screen and (max-width: 767px) { article blockquote::before { font-size: 150px; } } @media only screen and (min-width: 1920px) { article table { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { article table { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { article table { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { article table { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .text { margin: calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .text { margin: calc(var(--indent-size) * 3) 0; } } @media only screen and (max-width: 767px) { .text { margin: calc(var(--indent-size) * 2) 0; } } .text:not([data-type=article]) ul:not(.list) li:before { position: absolute; left: 0; width: calc(var(--box-size) / 2 * 3); height: calc(var(--box-size) / 2 * 3); background-color: #E9164D; border-radius: 50%; content: ""; } @media only screen and (min-width: 768px) { .text:not([data-type=article]) ul:not(.list) li:before { top: 13px; } } @media only screen and (max-width: 767px) { .text:not([data-type=article]) ul:not(.list) li:before { top: 9px; } } .text[data-type=article] ul:not(.list) li { padding-left: calc(var(--indent-size) * 6); } .text[data-type=article] ul:not(.list) li:before { position: absolute; left: 0; width: 26.827px; height: 19px; background-image: url("/local/templates/erolaif_2025/static/css/../img/content/icons/ul-list.svg"); background-size: 100% 100%; content: ""; } @media only screen and (min-width: 1920px) { .text[data-type=article] ul:not(.list) li:before { top: 6px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .text[data-type=article] ul:not(.list) li:before { top: 4px; } } @media only screen and (max-width: 767px) { .text[data-type=article] ul:not(.list) li:before { top: 3px; } } @media only screen and (min-width: 768px) { .text ul li:not(:last-child), .text ol li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .text ul li:not(:last-child), .text ol li:not(:last-child) { margin-bottom: var(--indent-size); } } @media only screen and (min-width: 1920px) { .text ul:not(.list) li, .text ol:not(.list) li { padding-left: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .text ul:not(.list) li, .text ol:not(.list) li { padding-left: calc(var(--indent-size) * 2); } } .text ol:not(.list) { counter-reset: list-counter; } .text ol:not(.list) > li { counter-increment: list-counter; } .text ol:not(.list) > li:before { position: absolute; top: 0; left: 0; color: currentColor; content: counters(list-counter, ".") ". "; } .text a { border-bottom: 1px solid currentColor; color: #E9164D; } .document { font-weight: 500; } @media only screen and (min-width: 1920px) { .document h1, .document h2, .document h3, .document h4, .document h5, .document h6 { margin: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .document h1, .document h2, .document h3, .document h4, .document h5, .document h6 { margin: calc(var(--indent-size) * 6) 0 calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .document h1, .document h2, .document h3, .document h4, .document h5, .document h6 { margin: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .document h1, .document h2, .document h3, .document h4, .document h5, .document h6 { margin: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .document p { margin: calc(var(--indent-size) * 3) 0; } } @media only screen and (max-width: 1919px) { .document p { margin: calc(var(--indent-size) * 2) 0; } } .document p:first-child { margin-top: 0; } .document p:last-child { margin-bottom: 0; } @media only screen and (min-width: 1920px) { .document ul, .document ol { margin: calc(var(--indent-size) * 3) 0; } } @media only screen and (max-width: 1919px) { .document ul, .document ol { margin: calc(var(--indent-size) * 2) 0; } } .document ul:first-child, .document ol:first-child { margin-top: 0; } .document ul:last-child, .document ol:last-child { margin-bottom: 0; } .document ul li, .document ol li { position: relative; } @media only screen and (min-width: 1920px) { .document ul > li { padding-left: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .document ul > li { padding-left: calc(var(--indent-size) * 2); } } .document ul > li:before { position: absolute; left: 0; top: 0; content: "-"; } @media only screen and (min-width: 1920px) { .document ul > li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .document ul > li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .document ol { counter-reset: list-counter; } .document ol > li { counter-increment: list-counter; } @media only screen and (min-width: 1920px) { .document ol > li { padding-left: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .document ol > li { padding-left: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .document ol > li { padding-left: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .document ol > li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .document ol > li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .document ol > li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } .document ol > li:before { position: absolute; top: 0; left: 0; font-weight: 600; color: currentColor; content: counters(list-counter, ".") ". "; } @media only screen and (min-width: 1920px) { .document ol > li:before { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .document ol > li:before { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .document ol > li:before { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .document ol > li:before { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .document ol > li > :not(:first-child) { margin-left: calc(-1 * calc(var(--indent-size) * 6)); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .document ol > li > :not(:first-child) { margin-left: calc(-1 * calc(var(--indent-size) * 3)); } } @media only screen and (max-width: 767px) { .document ol > li > :not(:first-child) { margin-left: calc(-1 * calc(var(--indent-size) * 2)); } } .text-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .text-item__count { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); background-color: #E9164D; border-radius: 50%; font-weight: 600; color: #FFFFFF; text-align: center; margin: 0 calc(var(--indent-size) * 2) 0 0; } @media only screen and (min-width: 1920px) { .text-item__count { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .text-item__count { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .text-item__count { font-size: 18px; line-height: 1.5555555556; } } .text-item--column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .text-gray { color: #8E7D82; } @media only screen and (min-width: 1920px) { .text-big { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .text-big { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .text-big { font-size: 18px; line-height: 1.5555555556; } } .text-box { background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .text-box { border-radius: calc(var(--border-radius) * 3); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .text-box { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .text-box { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .text-box { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .text-box { padding: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .text-box { padding: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .text-box { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .text-box { padding: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1280px) { .text-info { position: absolute; left: 0; top: 0; } } .text-info + * { margin-top: 0; } .text-info__item { font-weight: 500; } @media only screen and (min-width: 1920px) { .text-info__item { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .text-info__item { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .text-info__item { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .text-info__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .text-info__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .text-info__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .text-info__title { display: block; margin: 0 0 var(--indent-size); } .text-media { position: relative; } .text-media__size { position: absolute; min-width: calc(656px / 1440px * 100%); } @media only screen and (min-width: 1920px) { .text-media__size { right: calc(var(--indent-size) * 6); bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .text-media__size { right: calc(var(--indent-size) * 3); bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .text-media__size { right: calc(var(--indent-size) * 2); bottom: calc(var(--indent-size) * 2); } } .text-media__size span { display: block; font-weight: 600; } @media only screen and (min-width: 1920px) { .text-media__size span { font-size: 96px; line-height: 1.1875; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .text-media__size span { font-size: 68px; line-height: 1.2941176471; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .text-media__size span { font-size: 54px; line-height: 1.2962962963; } } @media only screen and (max-width: 767px) { .text-media__size span { font-size: 28px; line-height: 1.4285714286; } } .text-media__size p:not(:first-child) { margin-top: 0; } .text-media .img { padding-top: 56.25%; } .text-media .video { padding-top: 56.25%; } .text-media .object-fit { background-color: #F2F2F2; } @media only screen and (min-width: 1920px) { .text-media .object-fit { border-radius: calc(var(--border-radius) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .text-media .object-fit { border-radius: calc(var(--border-radius) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .text-media .object-fit { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (max-width: 767px) { .text-media .object-fit { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .text-hint p { font-size: 48px; line-height: 1.3333333333; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .text-hint p { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .text-hint p { font-size: 30px; line-height: 1.2666666667; } } @media only screen and (max-width: 767px) { .text-hint p { font-size: 22px; line-height: 1.4545454545; } } .text-hint p:not(:last-child) { margin-bottom: calc(var(--indent-size) * 6); } .text-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 1920px) { .text-buttons { margin: calc(-1 * calc(var(--grid-size) * 2)) calc(-1 * var(--grid-size)) 0; } } @media only screen and (max-width: 1919px) { .text-buttons { margin: calc(-1 * var(--grid-size)) calc(-1 * var(--grid-size)) 0; } } @media only screen and (min-width: 1920px) { .text-buttons .btn { margin: calc(var(--grid-size) * 2) var(--grid-size); } } @media only screen and (max-width: 1919px) { .text-buttons .btn { margin: var(--grid-size) calc(var(--grid-size) / 2); } } .text-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 1920px) { .text-btn { margin-top: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .text-btn { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .text-btn { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1920px) { .text-btn .btn-outline { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .text-btn .btn-outline { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .text-btn .btn-outline { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .text-btn .btn-outline { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .text-btn .btn-outline { width: 420px; height: 204px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .text-btn .btn-outline { width: 340px; height: 160px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .text-btn .btn-outline { width: 260px; height: 168px; } } @media only screen and (max-width: 767px) { .text-btn .btn-outline { width: 208px; height: 106px; } } @media only screen and (min-width: 1920px) { .text-btn .btn-outline span { min-width: 300px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .text-btn .btn-outline span { min-width: 210px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .text-btn .btn-outline span { min-width: 160px; } } @media only screen and (max-width: 767px) { .text-btn .btn-outline span { min-width: 172px; } } .text-slider { color: #FFFFFF; } .text-slider .img .object-fit::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0, 0, 0); background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); } @media only screen and (min-width: 768px) and (max-width: 1919px) { .text-arrows { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .text-arrows { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1920px) { .text-arrows:not([data-type=static]) { height: 0; } } @media only screen and (max-width: 1919px) { .text-arrows:not([data-type=static]) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1920px) { .text-arrows:not([data-type=static]) .text-arrow { position: absolute; top: 0; height: 100%; } } @media only screen and (min-width: 1920px) { .text-arrows:not([data-type=static]) .text-arrow[data-type=prev] { left: calc(-1 * (1792px - 1440px) / 2); } } @media only screen and (min-width: 1920px) { .text-arrows:not([data-type=static]) .text-arrow[data-type=next] { right: calc(-1 * (1792px - 1440px) / 2); } } @media only screen and (min-width: 1920px) { .text-arrows:not([data-type=static]) .text-pagination { display: none; } } .text-arrows[data-type=static] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { .text-arrows[data-type=static] { margin-top: calc(var(--indent-size) * 4); } } .text-arrow { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1279px) { .text-row .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .text-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0 none; font-weight: 500; } .text-table th { width: 50%; text-align: left; font-weight: 500; color: #8E7D82; padding: 0 12px 24px; } .text-table th:first-child { padding-left: 0; } .text-table th:last-child { padding-right: 0; } .text-table td { padding: 12px 12px; } .text-table td:first-child { padding-left: 0; } .text-table td:last-child { padding-right: 0; } .text-table tbody tr:first-child td { padding-top: 0; } .text-table tbody tr:last-child td { padding-bottom: 0; } table:not([class]) { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0 none; font-weight: 600; } table:not([class]) thead { position: relative; z-index: 2; } table:not([class]) th { position: relative; background-color: #F6E2E6; text-align: left; font-weight: 600; } @media only screen and (min-width: 768px) { table:not([class]) th { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { table:not([class]) th { padding: var(--indent-size); } } @media only screen and (max-width: 767px) { table:not([class]) th { padding-top: 16px; padding-bottom: 16px; } } @media only screen and (min-width: 1920px) { table:not([class]) th:first-child { padding-left: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { table:not([class]) th:first-child { padding-left: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { table:not([class]) th:first-child { padding-left: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) { table:not([class]) th:first-child { border-top-left-radius: calc(var(--border-radius) / 2 * 3); border-bottom-left-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { table:not([class]) th:first-child { border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { table:not([class]) th:last-child { padding-right: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { table:not([class]) th:last-child { padding-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { table:not([class]) th:last-child { padding-right: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) { table:not([class]) th:last-child { border-top-right-radius: calc(var(--border-radius) / 2 * 3); border-bottom-right-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { table:not([class]) th:last-child { border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } } table:not([class]) td { position: relative; background-color: #FCF4F4; } @media only screen and (min-width: 768px) { table:not([class]) td { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { table:not([class]) td { padding: var(--indent-size); } } @media only screen and (min-width: 1920px) { table:not([class]) td:first-child { padding-left: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { table:not([class]) td:first-child { padding-left: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { table:not([class]) td:first-child { padding-left: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { table:not([class]) td:last-child { padding-right: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { table:not([class]) td:last-child { padding-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { table:not([class]) td:last-child { padding-right: calc(var(--indent-size) * 2); } } table:not([class]) tbody tr td { white-space: nowrap; } @media only screen and (min-width: 1920px) { table:not([class]) tbody tr:first-child td { padding-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { table:not([class]) tbody tr:first-child td { padding-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { table:not([class]) tbody tr:first-child td { padding-top: calc(var(--indent-size) * 2); } } table:not([class]) tbody tr:first-child td::before { content: ""; position: absolute; left: 0; width: 100%; background-color: #FCF4F4; } @media only screen and (min-width: 768px) { table:not([class]) tbody tr:first-child td::before { top: calc(-1 * calc(var(--border-radius) / 2 * 3)); height: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { table:not([class]) tbody tr:first-child td::before { top: calc(-1 * var(--border-radius)); height: var(--border-radius); } } @media only screen and (min-width: 1920px) { table:not([class]) tbody tr:last-child td { padding-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { table:not([class]) tbody tr:last-child td { padding-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { table:not([class]) tbody tr:last-child td { padding-bottom: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) { table:not([class]) tbody tr:last-child td:first-child { border-bottom-left-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { table:not([class]) tbody tr:last-child td:first-child { border-bottom-left-radius: var(--border-radius); } } @media only screen and (min-width: 768px) { table:not([class]) tbody tr:last-child td:last-child { border-bottom-right-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { table:not([class]) tbody tr:last-child td:last-child { border-bottom-right-radius: calc(var(--border-radius) / 2 * 3); } } .table-scroll { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; overflow-x: auto; /*&::-webkit-scrollbar { display: none; }*/ } .table-scroll table { -ms-flex-negative: 0; flex-shrink: 0; } q { display: block; font-weight: 500; } @media only screen and (min-width: 1920px) { q { font-size: 56px; line-height: 1.25; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { q { font-size: 40px; line-height: 1.3; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { q { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (max-width: 767px) { q { font-size: 24px; line-height: 1.4166666667; } } q::before, q::after { display: none; } blockquote { position: relative; min-width: 100%; font-weight: 600; color: #E9164D; border-top: calc(var(--box-size) / 2) solid #F6E2E6; } @media only screen and (min-width: 1920px) { blockquote { padding: calc(var(--indent-size) * 6) 0 0 calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { blockquote { padding: calc(var(--indent-size) * 3) 0 0 calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { blockquote { padding: calc(var(--indent-size) * 2) 0 0 0; } } blockquote::before { content: '"'; position: absolute; left: 0; top: 0; z-index: -1; line-height: 1; } @media only screen and (min-width: 1920px) { blockquote::before { font-size: 150px; } } @media only screen and (max-width: 1919px) { blockquote::before { font-size: 75px; } } @media only screen and (max-width: 767px) { blockquote::before { opacity: 0.1; } } blockquote:first-child { margin-top: 0; } blockquote:last-child { margin-bottom: 0; } figure { margin: 0; } @media only screen and (min-width: 1920px) { figure { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { figure { font-size: 16px; line-height: 1.75; } } @media only screen and (max-width: 767px) { figure { font-size: 14px; line-height: 1.7142857143; } } figure figcaption { color: #8E7D82; margin: calc(var(--indent-size) * 2) 0 0; } h1, h2, h3, h4, h5, h6 { position: relative; } @media only screen and (min-width: 1920px) { h1, h2, h3, h4, h5, h6 { margin: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { h1, h2, h3, h4, h5, h6 { margin: calc(var(--indent-size) * 3) 0 calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { h1, h2, h3, h4, h5, h6 { margin: calc(var(--indent-size) * 2) 0 var(--indent-size); } } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { top: 0; vertical-align: top; font-weight: 500; } h1 span:not([class]), h2 span:not([class]), h3 span:not([class]), h4 span:not([class]), h5 span:not([class]), h6 span:not([class]) { font-weight: 400; } h1, h2, h3 { font-weight: 600; } h4, h5, h6 { font-weight: 600; } @media only screen and (min-width: 1920px) { h1 { font-size: 96px; line-height: 1.1875; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { h1 { font-size: 68px; line-height: 1.2941176471; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { h1 { font-size: 54px; line-height: 1.2962962963; } } @media only screen and (max-width: 767px) { h1 { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 1920px) { h1 sup { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { h1 sup { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { h1 sup { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { h1 sup { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { h2 { font-size: 96px; line-height: 1.1875; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { h2 { font-size: 68px; line-height: 1.2941176471; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { h2 { font-size: 54px; line-height: 1.2962962963; } } @media only screen and (max-width: 767px) { h2 { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 1920px) { h2 sup { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { h2 sup { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { h2 sup { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { h2 sup { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { h3 { font-size: 56px; line-height: 1.25; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { h3 { font-size: 40px; line-height: 1.3; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { h3 { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (max-width: 767px) { h3 { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 1920px) { h3 sup { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { h3 sup { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { h3 sup { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { h4 { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { h4 { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { h4 { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { h4 { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { h5 { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { h5 { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { h5 { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { h6 { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { h6 { font-size: 16px; line-height: 1.75; } } @media only screen and (max-width: 767px) { h6 { font-size: 14px; line-height: 1.7142857143; } } .heading { position: relative; max-width: 1440px; text-align: center; /*&[class*='_level-1'], &[class*='_level-2'] { & + * { @include indent-margin-t-80; } }*/ } .heading:first-child { margin-top: 0; } .heading:last-child { margin-bottom: 0; } .heading[class*=_level] { margin-left: auto; margin-right: auto; } @media only screen and (min-width: 1920px) { .heading_level-1 { font-size: 96px; line-height: 1.1875; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .heading_level-1 { font-size: 68px; line-height: 1.2941176471; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .heading_level-1 { font-size: 54px; line-height: 1.2962962963; } } @media only screen and (max-width: 767px) { .heading_level-1 { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 1920px) { .heading_level-1 { margin: calc(var(--indent-size) * 15) 0 calc(var(--indent-size) * 10); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .heading_level-1 { margin: calc(var(--indent-size) * 10) 0 calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .heading_level-1 { margin: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { .heading_level-1 { margin: calc(var(--indent-size) * 6) 0 calc(var(--indent-size) * 4); } } @media only screen and (min-width: 1920px) { .heading_level-2 { font-size: 96px; line-height: 1.1875; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .heading_level-2 { font-size: 68px; line-height: 1.2941176471; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .heading_level-2 { font-size: 54px; line-height: 1.2962962963; } } @media only screen and (max-width: 767px) { .heading_level-2 { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 1920px) { .heading_level-2 { margin: calc(var(--indent-size) * 15) 0 calc(var(--indent-size) * 10); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .heading_level-2 { margin: calc(var(--indent-size) * 10) 0 calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .heading_level-2 { margin: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { .heading_level-2 { margin: calc(var(--indent-size) * 6) 0 calc(var(--indent-size) * 4); } } @media only screen and (min-width: 1920px) { .heading_level-3 { font-size: 56px; line-height: 1.25; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .heading_level-3 { font-size: 40px; line-height: 1.3; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .heading_level-3 { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (max-width: 767px) { .heading_level-3 { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 1920px) { .heading_level-4 { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .heading_level-4 { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .heading_level-4 { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .heading_level-4 { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .heading_level-5 { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .heading_level-5 { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .heading_level-5 { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .heading_level-6 { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .heading_level-6 { font-size: 16px; line-height: 1.75; } } @media only screen and (max-width: 767px) { .heading_level-6 { font-size: 14px; line-height: 1.7142857143; } } .s { position: relative; } @media only screen and (min-width: 1920px) { .s { margin: calc(var(--indent-size) * 15) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .s { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .s { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (max-width: 767px) { s { margin: calc(var(--indent-size) * 6) 0; } } section.s_full, .s.s_full { min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); } section.s_white, .s.s_white { color: #FFFFFF; } @media only screen and (min-width: 1920px) { section.s_padding, .s.s_padding { padding: calc(var(--indent-size) * 15) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { section.s_padding, .s.s_padding { padding: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { section.s_padding, .s.s_padding { padding: calc(var(--indent-size) * 8) 0; } } @media only screen and (max-width: 767px) { section.s_padding, .s.s_padding { padding: calc(var(--indent-size) * 4) 0; } } section.s__bg, .s.s__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } section.s__bg::after, .s.s__bg::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(67, 3, 21, 0.6); } section.s__bg video, .s.s__bg video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-width: 100%; min-height: 100%; } section.s__line, .s.s__line { width: 100%; } @media only screen and (min-width: 1920px) { section.s__line, .s.s__line { margin: calc(var(--indent-size) * 15) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { section.s__line, .s.s__line { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { section.s__line, .s.s__line { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (max-width: 767px) { section.s__line, .s.s__line { margin: calc(var(--indent-size) * 6) 0; } } section.s__line:first-child, .s.s__line:first-child { margin-top: 0; } section.s__line:last-child, .s.s__line:last-child { margin-bottom: 0; } strong, b { font-weight: 600; } a { color: #430315; text-decoration: none; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } a:not([class]) svg { fill: currentColor; } p { margin: 0; } ul, ol { padding: 0; margin: 0; list-style: none; } .reset:first-child { margin-top: 0; } .reset:last-child { margin-bottom: 0; } /** * Form controls */ input, textarea, button { -webkit-box-shadow: none; box-shadow: none; } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; } input::-ms-clear { display: none; width: 0; height: 0; } input::-ms-reveal { display: none; width: 0; height: 0; } input[type=number] { -moz-appearance: textfield; } input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; } /** * hello */ .hello { position: relative; } @media only screen and (min-width: 1920px) { .hello { padding-bottom: calc(var(--indent-size) * 15); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .hello { padding-bottom: calc(var(--indent-size) * 10); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .hello { padding-bottom: calc(var(--indent-size) * 8); } } @media only screen and (max-width: 767px) { .hello { padding-bottom: calc(var(--indent-size) * 4); } } .hello::before { content: ""; position: absolute; top: -50%; bottom: 0; height: 150%; background-color: #FCF4F4; border-radius: 0 0 50% 50%/0px 0px 50% 50%; } @media only screen and (min-width: 1920px) { .hello::before { left: calc(-1 * var(--path-percent)); right: calc(-1 * var(--path-percent)); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .hello::before { left: calc(-1 * var(--path-percent) / 2 * 7); right: calc(-1 * var(--path-percent) / 2 * 7); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .hello::before { left: calc(-1 * var(--path-percent) / 2 * 11); right: calc(-1 * var(--path-percent) / 2 * 11); } } @media only screen and (max-width: 767px) { .hello::before { left: calc(-1 * var(--path-percent) / 2 * 13); right: calc(-1 * var(--path-percent) / 2 * 13); } } .hello__line { position: relative; width: 100%; } @media only screen and (max-width: 1279px) { .hello-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .hello-slider.swiper-container { overflow: visible; } .hello-slider:not(.swiper-container-initialized) .hello-arrows { opacity: 0; } .hello-slider__btn { position: relative; } .hello-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; } @media only screen and (min-width: 1280px) { .hello-slide:not(.swiper-slide-active) .poster-content { -webkit-transform: translateX(-32px); transform: translateX(-32px); opacity: 0; } } @media only screen and (min-width: 1280px) { .hello-slide:not(.swiper-slide-active) .poster-bg { -webkit-transform: translateX(32px); transform: translateX(32px); opacity: 0; } } .hello-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .hello-item { position: relative; padding-top: calc(var(--indent-size) * 10); } @media only screen and (max-width: 767px) { .hello-item { padding-top: calc(var(--indent-size) * 4); } } .hello-item .poster-base { width: 100%; height: 100%; margin: 0 auto; } @media only screen and (min-width: 1920px) { .hello-item .poster-base { max-width: calc(1440px + calc(var(--grid-size) * 8)); padding: 0 calc(var(--grid-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .hello-item .poster-base { padding: 0 calc(var(--grid-size) * 3); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .hello-item .poster-base { max-width: calc(1056px + calc(var(--grid-size) * 6)); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .hello-item .poster-base { max-width: calc(576px + calc(var(--grid-size) * 6)); } } @media only screen and (max-width: 767px) { .hello-item .poster-base { padding: 0 calc(var(--grid-size) * 2); } } @media only screen and (min-width: 1280px) { .hello-item .poster-content { -webkit-transition: 1.5s cubic-bezier(0.76, 0, 0.24, 1); transition: 1.5s cubic-bezier(0.76, 0, 0.24, 1); } } @media only screen and (min-width: 1280px) { .hello-item .poster-bg { -webkit-transition: 1.5s cubic-bezier(0.76, 0, 0.24, 1); transition: 1.5s cubic-bezier(0.76, 0, 0.24, 1); } } .hello-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .hello-bg__inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .hello-counts { position: absolute; left: 0; top: calc(var(--indent-size) * 10); z-index: 1; width: 100%; } .hello-counts__inner { text-align: right; } .hello-arrows { position: relative; z-index: 2; width: 100%; margin: 0 auto; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .hello-arrows { max-width: calc(1792px + calc(var(--grid-size) * 8)); padding: 0 calc(var(--grid-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .hello-arrows { max-width: calc(1792px + calc(var(--grid-size) * 6)); padding: 0 calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .hello-arrows { max-width: calc(1792px + calc(var(--grid-size) * 4)); padding: 0 calc(var(--grid-size) * 2); } } @media only screen and (max-width: 767px) { .hello-arrows { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) { .hello-pagination { display: none; } } .hello-arrow { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*&::before { content: ''; position: absolute; top: 0; height: 100%; width: calc(250% + calc(var(--grid-size) * 4)); }*/ } @media only screen and (min-width: 768px) { .hello-arrow { position: absolute; top: 0; height: var(--helloSliderHeight); } } .hello-arrow[data-type=prev] { /*&::before { left: calc(-1 * calc(var(--grid-size) * 4)); background: rgb(252,244,244); background: linear-gradient(90deg, rgba(252,244,244,1) 0%, rgba(252,244,244,0) 100%); }*/ } @media only screen and (min-width: 1920px) { .hello-arrow[data-type=prev] { left: calc(var(--grid-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .hello-arrow[data-type=prev] { left: calc(var(--grid-size) * 3); } } .hello-arrow[data-type=next] { /*&::before { right: calc(-1 * calc(var(--grid-size) * 4)); background: rgb(252,244,244); background: linear-gradient(270deg, rgba(252,244,244,1) 0%, rgba(252,244,244,0) 100%); }*/ } @media only screen and (min-width: 1920px) { .hello-arrow[data-type=next] { right: calc(var(--grid-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .hello-arrow[data-type=next] { right: calc(var(--grid-size) * 3); } } /** * cover */ .cover { position: relative; background-color: #FCF4F4; overflow: hidden; color: #FFFFFF; } @media only screen and (min-width: 1920px) { .cover + * { margin-top: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .cover + * { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .cover + * { margin-top: calc(var(--indent-size) * 3); } } .cover:not([class*=_static]) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; border-radius: 0 0 50% 50%/0px 0px 50% 50%; } @media only screen and (min-width: 1920px) { .cover:not([class*=_static]) { width: calc(100% + var(--path-percent) * 2); margin: calc(-1 * var(--headerHeight)) calc(-1 * var(--path-percent)) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cover:not([class*=_static]) { width: calc(100% + var(--path-percent) / 2 * 7 * 2); margin: calc(-1 * var(--headerHeight)) calc(-1 * var(--path-percent) / 2 * 7) 0; } } @media only screen and (min-width: 1280px) { .cover:not([class*=_static]) { min-height: 95vh; min-height: calc(var(--vh, 1vh) * 95); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .cover:not([class*=_static]) { min-height: calc(100vh - 128px); min-height: calc(var(--vh, 1vh) * 100 - 128px); } } @media only screen and (max-width: 767px) { .cover:not([class*=_static]) { min-height: calc(100vh - 112px); min-height: calc(var(--vh, 1vh) * 100 - 112px); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .cover:not([class*=_static]) { width: calc(100% + var(--path-percent) / 2 * 11 * 2); margin: calc(-1 * var(--headerHeight)) calc(-1 * var(--path-percent) / 2 * 11) 0; } } @media only screen and (min-width: 768px) { .cover:not([class*=_static]) { padding: var(--headerHeight) 0 calc(var(--indent-size) * 30); } } @media only screen and (max-width: 767px) { .cover:not([class*=_static]) { width: calc(100% + var(--path-percent) / 2 * 9 * 2); margin: calc(-1 * var(--headerHeight)) calc(-1 * var(--path-percent) / 2 * 9) 0; padding: var(--headerHeight) 0 180px; } } @media only screen and (min-width: 1920px) { .cover:not([class*=_static]) { padding-top: calc(var(--headerHeight) + 48px); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cover:not([class*=_static]) { padding-top: calc(var(--headerHeight) + 40px); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .cover:not([class*=_static]) { padding-top: calc(var(--headerHeight) + 24px); } } @media only screen and (max-width: 767px) { .cover:not([class*=_static]) { padding-top: calc(var(--headerHeight) + 8px); } } .cover:not([class*=_static]) .cover__bg { max-width: 100vw; margin: 0 auto; } @media only screen and (min-width: 1920px) { .cover:not([class*=_static]) .cover__bg { max-width: calc(var(--vw, 1vw) * 100 + calc(var(--border-radius) * 4)); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cover:not([class*=_static]) .cover__bg { max-width: calc(var(--vw, 1vw) * 100 + calc(var(--border-radius) * 3)); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .cover:not([class*=_static]) .cover__bg { max-width: calc(var(--vw, 1vw) * 100 + calc(var(--border-radius) * 2)); } } @media only screen and (max-width: 767px) { .cover:not([class*=_static]) .cover__bg { max-width: calc(var(--vw, 1vw) * 100 + var(--border-radius)); } } .cover:not([class*=_static]) .cover-wrap { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; max-width: calc(var(--vw, 1vw) * 100); margin: 0 auto; } .cover:not([class*=_static]) .cover-inner { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cover:not([class*=_static]) .cover-bottom { margin-top: auto; } @media only screen and (min-width: 1920px) { .cover_static { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .cover_static { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .cover_static { border-radius: var(--border-radius); } } @media only screen and (min-width: 1280px) { .cover_static { height: 0; padding-top: calc(810px / 1792px * 100%); } } .cover_static .cover-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 1920px) { .cover_static .cover-wrap { padding: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cover_static .cover-wrap { padding: calc(var(--indent-size) * 8) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .cover_static .cover-wrap { padding: calc(var(--indent-size) * 6) 0; } } @media only screen and (max-width: 767px) { .cover_static .cover-wrap { padding: calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 1280px) { .cover_static .cover-wrap { position: absolute; left: 0; top: 0; height: 100%; } } @media only screen and (max-width: 1279px) { .cover_static .cover-wrap { position: relative; } } .cover__bg { position: absolute; left: 0; right: 0; top: 0; height: 100%; width: 100%; } .cover__bg::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0, 0, 0); background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); } .cover__bg-inner { position: relative; width: 100%; height: 100%; } .cover__bg-img { position: absolute; -o-object-position: center; object-position: center; } .cover-wrap { width: 100%; font-weight: 500; } .cover-wrap h1:not(:first-child) { margin-top: calc(var(--indent-size) * 2); } @media only screen and (min-width: 1920px) { .cover-wrap p { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .cover-wrap p { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .cover-wrap p { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1280px) { .cover-wrap p { max-width: 424px; margin: 0 0 0 19.3055555556%; } } .cover-inner { width: 100%; margin: 0 auto; } @media only screen and (min-width: 1920px) { .cover-inner { max-width: calc(1440px + calc(var(--grid-size) * 8)); padding: 0 calc(var(--grid-size) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cover-inner { max-width: calc(1056px + calc(var(--grid-size) * 6)); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .cover-inner { padding: 0 calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .cover-inner { padding: 0 calc(var(--grid-size) * 2); } } .cover-title__icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid currentColor; padding: var(--indent-size); } @media only screen and (min-width: 1920px) { .cover-title__icon { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cover-title__icon { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1279px) { .cover-title__icon { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (min-width: 1920px) { .cover-title__icon { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .cover-title__icon { border-radius: calc(var(--border-radius) / 4 * 3); } } .cover-title__icon svg { stroke: currentColor; } .cover-play { position: absolute; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 600; color: currentColor; text-transform: uppercase; } @media only screen and (min-width: 1920px) { .cover-play { bottom: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .cover-play { bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .cover-play { bottom: calc(var(--indent-size) * 3); } } .cover-play__open { display: block; text-align: center; cursor: pointer; color: currentColor; } .cover-play__open:hover { color: currentColor; } .cover-play__open:hover .cover-play__icon { -webkit-transform: scale(1.1); transform: scale(1.1); } .cover-play__icon { border: calc(var(--box-size) / 2) solid currentColor; border-radius: 50%; background-color: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); margin: 0 auto; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .cover-play__icon { width: calc(var(--box-size) * 24); height: calc(var(--box-size) * 24); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cover-play__icon { width: calc(var(--box-size) * 20); height: calc(var(--box-size) * 20); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .cover-play__icon { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (max-width: 767px) { .cover-play__icon { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } .cover-play__icon::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0; height: 0; } @media only screen and (min-width: 1920px) { .cover-play__icon::after { border-top: calc(var(--box-size) * 3) solid transparent; border-left: calc(var(--box-size) * 4) solid #FFFFFF; border-bottom: calc(var(--box-size) * 3) solid transparent; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .cover-play__icon::after { border-top: calc(var(--box-size) * 2) solid transparent; border-left: calc(var(--box-size) * 3) solid #FFFFFF; border-bottom: calc(var(--box-size) * 2) solid transparent; } } @media only screen and (max-width: 767px) { .cover-play__icon::after { border-top: calc(var(--box-size) / 2 * 3) solid transparent; border-left: calc(var(--box-size) * 2) solid #FFFFFF; border-bottom: calc(var(--box-size) / 2 * 3) solid transparent; } } .cover-play__title { display: block; margin: calc(var(--indent-size) * 2) 0 0; } @media only screen and (min-width: 1920px) { .cover .categories-slide:not(:last-child) { margin-right: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cover .categories-slide:not(:last-child) { margin-right: calc(var(--indent-size) * 4); } } .cover .scroll-bottom { position: absolute; left: 50%; margin-left: -9.5px; } @media only screen and (min-width: 1920px) { .cover .scroll-bottom { bottom: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .cover .scroll-bottom { bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .cover .scroll-bottom { bottom: calc(var(--indent-size) * 3); } } /** * feedback */ @media only screen and (min-width: 1920px) { .feedback__title { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .feedback__title { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (max-width: 767px) { .feedback__title { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 1920px) { .feedback__title { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .feedback__title { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .feedback__title { margin-bottom: calc(var(--indent-size) * 2); } } .feedback-form { position: relative; } .feedback-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 24px; position: absolute; right: 0; z-index: 1; background: none; border: 0 none; font-size: 0; line-height: 1; padding: 0; cursor: pointer; outline: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: var(--indent-size); } .feedback-btn:hover svg { stroke: #F27C96; } .feedback-btn svg { stroke: #E9164D; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } /** * adv */ @media only screen and (min-width: 1920px) { .advantages-item { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .advantages-item { font-size: 20px; line-height: 1.3; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .advantages-item { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .advantages-item { font-size: 16px; line-height: 1.75; text-align: center; } } @media only screen and (max-width: 767px) { .advantages-item__img-wrap { width: 50%; margin: 0 auto; } } .advantages-item__img .object-fit { background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .advantages-item__content { padding-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .advantages-item__content { padding-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .advantages-item__content { padding-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1280px) { .advantages-item__content { max-width: 94.2238267148%; } } .advantages-item__content p:only-child { font-weight: 500; } @media only screen and (max-width: 767px) { .advantages-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .advantages-row [class*=col-4] .advantages-item__img { padding-top: 100%; } @media only screen and (min-width: 768px) { .advantages-row [class*=col-6] .advantages-item__img { padding-top: 64.1203703704%; } } @media only screen and (max-width: 767px) { .advantages-row [class*=col-6] .advantages-item__img { padding-top: 100%; } } /** * cards */ @media only screen and (min-width: 768px) and (max-width: 1279px) { .cards-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (max-width: 767px) { .cards-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (max-width: 767px) { .cards-row .card-item__shopping .btn:not([class*=-circle]) { border-radius: calc(var(--border-radius) / 4 * 3); height: calc(var(--box-size) * 9); min-height: 1px; font-size: 0; line-height: 1; } } @media only screen and (max-width: 767px) { .cards-row .card-item__shopping .btn__text::before { content: attr(data-text); font-size: 11px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .cards-row .card-item .favorite svg { width: calc(var(--box-size) * 6); height: calc(var(--box-size) * 6); } } @media only screen and (max-width: 767px) { .cards-row .card-item .minutiae-items { max-width: 65%; } } @media only screen and (min-width: 1280px) { .cards-categories:not([data-type=inversion]) .cards-category:nth-child(odd) .cards-category__info-wrap { left: 25%; } } @media only screen and (min-width: 1280px) { .cards-categories:not([data-type=inversion]) .cards-category:nth-child(even) .cards-category__info-wrap { left: 0; } } @media only screen and (min-width: 1280px) { .cards-categories[data-type=inversion] .cards-category:nth-child(odd) .cards-category__info-wrap { left: 0; } } @media only screen and (min-width: 1280px) { .cards-categories[data-type=inversion] .cards-category:nth-child(even) .cards-category__info-wrap { left: 25%; } } .cards-category { position: relative; } @media only screen and (min-width: 1920px) { .cards-category { margin: calc(var(--indent-size) * 10) calc(-1 * calc(var(--grid-size) * 2)) calc(var(--indent-size) * 10); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cards-category { margin: calc(var(--indent-size) * 8) calc(-1 * calc(var(--grid-size) / 2 * 3)) calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .cards-category { margin: calc(var(--indent-size) * 6) calc(-1 * calc(var(--grid-size) / 2 * 3)) calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { .cards-category { margin: calc(var(--indent-size) * 4) calc(-1 * calc(var(--grid-size) * 2)) calc(var(--indent-size) * 4); } } .cards-category:first-child { margin-top: 0; } .cards-category:last-child { margin-bottom: 0; } @media only screen and (min-width: 1280px) { .cards-category__title { display: block; } } @media only screen and (max-width: 1279px) { .cards-category__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .cards-category__title > span:not([class]) { display: inline-block; vertical-align: top; } @media only screen and (min-width: 1920px) { .cards-category__title > span:not([class]) { font-size: 56px; line-height: 1.25; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cards-category__title > span:not([class]) { font-size: 40px; line-height: 1.3; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .cards-category__title > span:not([class]) { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (max-width: 767px) { .cards-category__title > span:not([class]) { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (max-width: 1279px) { .cards-category__title > span:not([class]) { margin-right: var(--indent-size); } } .cards-category__title h3 { word-break: break-word; } @media only screen and (min-width: 1920px) { .cards-category__title h3 { font-size: 48px; line-height: 1.3333333333; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cards-category__title h3 { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (min-width: 768px) { .cards-category__title h3:not(:first-child) { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1280px) and (max-width: 767px) { .cards-category__title h3:not(:first-child) { margin-top: var(--indent-size); } } @media only screen and (max-width: 1279px) { .cards-category__title h3:not(:first-child) { margin-top: 0; } } .cards-category__title h3 span { font-weight: inherit; } @media only screen and (min-width: 1280px) { .cards-category__title h3 span { border-bottom: 3px solid currentColor; } } @media only screen and (max-width: 1279px) { .cards-category__title h3 span { border-bottom: 2px solid currentColor; } } @media only screen and (min-width: 1280px) { .cards-category__info { position: relative; height: 0; padding-top: 83%; } } @media only screen and (min-width: 1920px) { .cards-category__info-wrap { padding-left: calc(var(--grid-size) * 2); padding-right: calc(var(--grid-size) * 2); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cards-category__info-wrap { padding-left: calc(var(--grid-size) / 2 * 3); padding-right: calc(var(--grid-size) / 2 * 3); } } @media only screen and (min-width: 1280px) { .cards-category__info-wrap { position: absolute; top: 0; z-index: 2; height: 100%; width: 25%; background-color: #FFFFFF; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .cards-category__info-wrap { margin-left: calc(var(--indent-size) / 2 * 3); margin-right: calc(var(--indent-size) / 2 * 3); margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .cards-category__info-wrap { margin-left: calc(var(--indent-size) * 2); margin-right: calc(var(--indent-size) * 2); margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .cards-category__info-inner { padding-bottom: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cards-category__info-inner { padding-bottom: calc(var(--indent-size) * 7); } } @media only screen and (min-width: 1280px) { .cards-category__info-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .cards-category__icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FCF4F4; padding: var(--indent-size); } @media only screen and (min-width: 1920px) { .cards-category__icon { width: calc(var(--box-size) * 24); height: calc(var(--box-size) * 24); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cards-category__icon { width: calc(var(--box-size) * 20); height: calc(var(--box-size) * 20); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .cards-category__icon { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (max-width: 767px) { .cards-category__icon { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (min-width: 1920px) { .cards-category__icon { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 1919px) { .cards-category__icon { border-radius: var(--border-radius); } } @media only screen and (max-width: 1279px) { .cards-category__icon { margin-right: 8px; } } .cards-category__icon svg { stroke: currentColor; } .cards-slider.swiper-container { overflow: visible; } @media only screen and (min-width: 1920px) { .cards-slide { padding: 0 calc(var(--grid-size) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .cards-slide { padding: 0 calc(var(--grid-size) / 2 * 3); } } @media only screen and (max-width: 767px) { .cards-slide { padding: 0 var(--grid-size); } } .cards-slide.swiper-slide { height: auto; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .cards-slide.swiper-slide { width: calc(34vw + calc(var(--grid-size) * 6)); } } @media only screen and (max-width: 767px) { .cards-slide.swiper-slide { width: calc(74vw + calc(var(--grid-size) * 4)); } } .cards-arrows { position: absolute; left: 0; bottom: 0; z-index: 1; } @media only screen and (min-width: 1280px) { .cards-arrows { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 1279px) { .cards-arrows { display: none; } } @media only screen and (min-width: 1920px) { .cards-arrow:not(:last-child) { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .cards-arrow:not(:last-child) { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .cards-arrow:not(:last-child) { margin-right: calc(var(--indent-size) * 2); } } .card-gallery { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } @media only screen and (min-width: 1280px) { .card-gallery:not(.active) .card-gallery__item[data-type=now] { opacity: 1; } } @media only screen and (min-width: 1280px) { .card-gallery.active .card-gallery__item[data-type=next] { opacity: 1; } } .card-gallery__item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .card-gallery__item img { -o-object-fit: contain !important; object-fit: contain !important; } @media only screen and (max-width: 1279px) { .card-gallery__item[data-type=next] { display: none; } } @media only screen and (min-width: 1280px) { .card-gallery__item { opacity: 0; } } @media only screen and (max-width: 767px) { .card-gallery__item-catalog { height: unset; } } .card-gallery__arrows { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media only screen and (max-width: 1279px) { .card-gallery__arrows { display: none; } } .card-gallery__arrow { position: absolute; top: 0; height: 100%; width: 50%; } .card-gallery__arrow[data-type=now] { left: 0; } .card-gallery__arrow[data-type=next] { left: 50%; } .card-item { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 500; } @media only screen and (max-width: 1279px) { .card-item { position: relative; -webkit-transition: none; transition: none; } } @media only screen and (max-width: 1279px) { .card-item::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } } @media only screen and (min-width: 1280px) { .card-item:hover .card-item__shopping { opacity: 1; bottom: 0; } } @media only screen and (min-width: 1280px) { .card-item:hover img.lazy.anim { -webkit-transform: scale(1.1); transform: scale(1.1); } } .card-item__img { overflow: hidden; padding-top: 111.7924528302%; } .card-item__img .object-fit { background-color: white !important; } .card-item__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: calc(var(--indent-size) * 2) 0 0; } .card-item__content h5 { overflow: hidden; font-weight: inherit; } @media only screen and (min-width: 1920px) { .card-item__content h5 { max-height: 68px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .card-item__content h5 { max-height: 52px; } } @media only screen and (max-width: 767px) { .card-item__content h5 { max-height: 56px; } } @media only screen and (min-width: 1920px) { .card-item__content h5 { max-width: 92.4528301887%; } } .card-item__content h5:not(:first-child) { margin-top: var(--indent-size); } .card-item__shopping { position: absolute; left: 0; right: 0; z-index: 1; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .card-item__shopping { bottom: calc(-1 * (calc(var(--box-size) * 14) + calc(var(--indent-size) * 4))); padding: 0 calc(var(--indent-size) * 4) calc(var(--indent-size) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .card-item__shopping { bottom: calc(-1 * (calc(var(--box-size) * 12) + calc(var(--indent-size) / 2 * 3))); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .card-item__shopping { padding: 0 calc(var(--indent-size) / 2 * 3) calc(var(--indent-size) / 2 * 3); } } @media only screen and (min-width: 1280px) { .card-item__shopping { opacity: 0; } } @media only screen and (max-width: 1279px) { .card-item__shopping { bottom: 0; } } @media only screen and (max-width: 767px) { .card-item__shopping { padding: 0 var(--indent-size) var(--indent-size); } } @media only screen and (max-width: 767px) { .card-item__shopping-catalog { position: relative; z-index: 2; margin-top: 10px; } } .card-item__shopping .btn { width: 100%; } @media only screen and (max-width: 767px) { .card-item__shopping .btn:not([class*=-circle]) { padding: 4px 8px; } } .card-item .tags { position: absolute; } @media only screen and (min-width: 1920px) { .card-item .tags { left: calc(var(--indent-size) * 4); top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .card-item .tags { left: calc(var(--indent-size) / 2 * 3); top: calc(var(--indent-size) / 2 * 3); } } @media only screen and (max-width: 767px) { .card-item .tags { left: var(--indent-size); top: var(--indent-size); } } .card-item .favorite { position: absolute; z-index: 1; } @media only screen and (min-width: 1920px) { .card-item .favorite { right: calc(var(--indent-size) * 4); top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .card-item .favorite { right: calc(var(--indent-size) / 2 * 3); top: calc(var(--indent-size) / 2 * 3); } } @media only screen and (max-width: 767px) { .card-item .favorite { right: var(--indent-size); top: var(--indent-size); } } .card-item .price { margin: auto 0 0; } .card-bank { display: block; position: relative; height: 0; padding-top: 111.7924528302%; } .card-bank__inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .card-bank__inner { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .card-bank__inner { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .card-bank__inner { border-radius: var(--border-radius); } } .card-bank__img { position: relative; } .card-bank__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.08; } .card-bank__title { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; } @media only screen and (min-width: 1920px) { .card-bank__title { padding: 0 calc(var(--indent-size) * 4) calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .card-bank__title { padding: 0 calc(var(--indent-size) * 3) calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .card-bank__title { padding: 0 calc(var(--indent-size) * 2) calc(var(--indent-size) * 2); } } .card-bank__title h5 { font-weight: inherit; } .card-adv { display: block; position: relative; height: 0; padding-top: 111.7924528302%; } .card-adv__inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .card-adv__inner { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .card-adv__inner { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .card-adv__inner { border-radius: var(--border-radius); } } .card-adv__icon { position: absolute; background-color: #F6E2E6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; line-height: 1; padding: 8px; } @media only screen and (min-width: 1920px) { .card-adv__icon { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 1919px) { .card-adv__icon { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .card-adv__icon { left: calc(var(--indent-size) * 4); top: calc(var(--indent-size) * 4); width: calc(var(--box-size) * 30); height: calc(var(--box-size) * 30); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .card-adv__icon { width: calc(var(--box-size) * 20); height: calc(var(--box-size) * 20); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .card-adv__icon { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .card-adv__icon { left: calc(var(--indent-size) * 3); top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .card-adv__icon { left: calc(var(--indent-size) * 2); top: calc(var(--indent-size) * 2); width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } .card-adv__icon svg { stroke: #8E7D82; } .card-adv__title { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; } @media only screen and (min-width: 1920px) { .card-adv__title { padding: 0 calc(var(--indent-size) * 4) calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .card-adv__title { padding: 0 calc(var(--indent-size) * 3) calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .card-adv__title { padding: 0 calc(var(--indent-size) * 2) calc(var(--indent-size) * 2); } } .card-adv__title h5 { font-weight: inherit; } @media only screen and (max-width: 1279px) { .card-experts > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 1920px) { .card-experts { padding: 0 calc(var(--grid-size) * 2); } } @media only screen and (max-width: 1279px) { .card-experts.row { margin-top: 0; } } @media only screen and (max-width: 1279px) { .card-experts.row > [class*=col-] { margin-top: 0; } } .card-experts__content { height: 100%; background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .card-experts__content { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .card-experts__content { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .card-experts__content { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .card-experts__content { padding: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .card-experts__content { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .card-experts__content { padding: calc(var(--indent-size) * 2); } } /** * basket */ .basket-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; } @media only screen and (max-width: 767px) { .basket-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .basket-item.is-hide { display: none; } @media only screen and (min-width: 1920px) { .basket-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .basket-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .basket-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .basket-item[data-type=present] .basket-item__info h5 { min-width: 100%; } .basket-item[data-type=present] .radio { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .basket-item[data-type=present] .radio__box { background-clip: content-box; padding: 2px; } .basket-item__picture { -ms-flex-negative: 0; flex-shrink: 0; position: relative; } @media only screen and (min-width: 768px) { .basket-item__picture { width: 160px; } } @media only screen and (max-width: 767px) { .basket-item__picture { width: 140px; } } @media only screen and (min-width: 768px) { .basket-item__img { padding-top: 111.875%; } } @media only screen and (max-width: 767px) { .basket-item__img { padding-top: 100%; } } .basket-item__img .object-fit { background-color: #F2F2F2; } @media only screen and (min-width: 1920px) { .basket-item__img .object-fit { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .basket-item__img .object-fit { border-radius: calc(var(--border-radius) / 4 * 3); } } .basket-item__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 1920px) { .basket-item__content { padding-left: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .basket-item__content { padding-left: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .basket-item__content { padding-left: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) { .basket-item__content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 767px) { .basket-item__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 140px); } } @media only screen and (max-width: 767px) { .basket-item__info .minutiae { width: 100%; } } @media only screen and (max-width: 767px) { .basket-item__info .minutiae-items { width: inherit; } } .basket-item__info h5 { overflow: hidden; font-weight: inherit; } @media only screen and (min-width: 1920px) { .basket-item__info h5 { max-height: 68px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .basket-item__info h5 { max-height: 52px; } } @media only screen and (max-width: 767px) { .basket-item__info h5 { max-height: 56px; } } @media only screen and (min-width: 768px) { .basket-item__info h5 { max-width: 55.3217821782%; } } .basket-item__info h5:not(:first-child) { margin-top: var(--indent-size); } @media only screen and (max-width: 767px) { .basket-item__info h5:not(:first-child) { margin-top: 0; margin-bottom: 0; } } .basket-item__count { position: absolute; right: calc(-1 * calc(var(--indent-size) * 2)); top: calc(-1 * calc(var(--indent-size) * 2)); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: calc(var(--box-size) * 8); height: calc(var(--box-size) * 8); text-align: center; background-color: #E9164D; border: 3px solid #FCF4F4; border-radius: 50%; color: #FFFFFF; font-weight: 600; padding: 0 calc(var(--indent-size) / 2); } @media only screen and (min-width: 1920px) { .basket-item__count { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .basket-item__count { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .basket-item__count { font-size: 13px; line-height: 1.5384615385; } } .basket-item__height { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 1920px) { .basket-item__height { padding: calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .basket-item__height { padding: calc(var(--indent-size) * 3) 0; } } @media only screen and (max-width: 767px) { .basket-item__height { padding: calc(var(--indent-size) * 2) 0; } } @media only screen and (min-width: 768px) { .basket-item__height { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (max-width: 767px) { .basket-item__height { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .basket-item__events { -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 1920px) { .basket-item__events { padding: calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .basket-item__events { padding: calc(var(--indent-size) * 3) 0; } } @media only screen and (max-width: 767px) { .basket-item__events { padding: calc(var(--indent-size) * 2) 0; } } @media only screen and (max-width: 767px) { .basket-item__events { padding: 0; } } .basket-item .tags { position: absolute; left: var(--indent-size); top: var(--indent-size); } .basket-favorites { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 768px) { .basket-favorites { margin: 0 calc(-1 * var(--grid-size)); } } @media only screen and (max-width: 767px) { .basket-favorites { margin: 0 calc(-1 * calc(var(--grid-size) / 2)); } } @media only screen and (min-width: 768px) { .basket-favorites_bg .basket-favorite { background-color: #F6E2E6; } } @media only screen and (min-width: 768px) and (min-width: 1920px) { .basket-favorites_bg .basket-favorite { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (min-width: 768px) and (min-width: 1280px) and (max-width: 1919px) { .basket-favorites_bg .basket-favorite { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .basket-favorites_bg .basket-favorite { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (min-width: 768px) and (min-width: 1920px) { .basket-favorites_bg .basket-favorite { border-radius: var(--border-radius); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .basket-favorites_bg .basket-favorite { border-radius: calc(var(--border-radius) / 4 * 3); } } .basket-favorite { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8E7D82; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 768px) { .basket-favorite { margin: 0 var(--grid-size); } } @media only screen and (max-width: 767px) { .basket-favorite { margin: 0 calc(var(--grid-size) / 2); } } .basket-favorite.active { color: #E9164D; } .basket-favorite svg { fill: currentColor; } @media only screen and (max-width: 767px) { .basket-favorite svg { width: calc(var(--box-size) * 6); height: calc(var(--box-size) * 6); } } .basket-quantity { font-size: 0; line-height: 1; } @media only screen and (max-width: 767px) { .basket-quantity { margin-right: var(--indent-size); } } .basket-ordering { border-top: 2px solid #F6E2E6; } @media only screen and (min-width: 1920px) { .basket-ordering { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .basket-ordering { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .basket-ordering { font-size: 13px; line-height: 1.5384615385; } } .basket-ordering:not(.is-sticky) .basket-ordering__value { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 768px) { .basket-ordering:not(.is-sticky) .basket-ordering__value-title { margin-right: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .basket-ordering:not(.is-sticky) .basket-ordering__value-title { margin-right: var(--indent-size); } } .basket-ordering.is-sticky { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .basket-ordering.is-sticky .basket-ordering__help { display: none; } .basket-ordering.is-sticky .basket-ordering__btn { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-bottom: 0; } @media only screen and (min-width: 1920px) { .basket-ordering.is-sticky .basket-ordering__btn { margin-left: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .basket-ordering.is-sticky .basket-ordering__btn { margin-left: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .basket-ordering.is-sticky .basket-ordering__btn { margin-left: calc(var(--indent-size) * 3); } } .basket-ordering.is-sticky .basket-ordering__values { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .basket-ordering.is-sticky .basket-ordering__value { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 767px) { .basket-ordering.is-sticky .basket-ordering__value:not(:last-child) { display: none; } } .basket-ordering p { font-weight: 500; } .basket-ordering__value { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 600; margin: calc(var(--indent-size) / 2) calc(var(--indent-size) / 2) 0; } @media only screen and (max-width: 767px) { .basket-ordering__value { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .basket-ordering__value_plus .basket-ordering__value-sum { color: #7EE07B; } .basket-ordering__value_minus .basket-ordering__value-sum { color: #E9164D; } .basket-ordering__value-title { color: #8E7D82; text-transform: uppercase; } @media only screen and (min-width: 1920px) { .basket-ordering__value-title { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .basket-ordering__value-title { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .basket-ordering__value-sum { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .basket-ordering__value-sum { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .basket-ordering__value-sum { font-size: 18px; line-height: 1.5555555556; } } .basket-ordering__value span { display: inline-block; vertical-align: top; white-space: nowrap; } .basket-ordering__values { display: -webkit-box; display: -ms-flexbox; display: flex; margin: calc(-1 * calc(var(--indent-size) / 2)) calc(-1 * calc(var(--indent-size) / 2)) 0; } @media only screen and (min-width: 768px) { .basket-ordering__values { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (max-width: 767px) { .basket-ordering__values { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .basket-ordering__help { color: #8E7D82; } @media only screen and (min-width: 768px) { .basket-ordering__btn { margin: calc(var(--indent-size) * 2) 0; } } @media only screen and (max-width: 767px) { .basket-ordering__btn { margin: var(--indent-size) 0; } } .basket-ordering__btn .btn { width: 100%; } @media only screen and (min-width: 1920px) { .basket__group:not(:last-child) { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .basket__group:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .basket__group:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } .basket__group p { font-weight: 500; } @media only screen and (min-width: 1920px) { .basket__group p { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .basket__group p { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .basket__group p { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1280px) { .basket__group p { max-width: 90.2542372881%; } } @media only screen and (min-width: 1920px) { .basket__group .basket-items { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .basket__group .basket-items { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .basket__group .basket-items { margin-top: calc(var(--indent-size) * 2); } } .basket__present { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .basket__present::after { content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; } .basket__present .btn { pointer-events: none; } /** * news */ @media only screen and (min-width: 1280px) and (max-width: 1919px) { .news-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .news-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (max-width: 767px) { .news-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .news-item { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 400; } @media only screen and (max-width: 767px) { .news-item { text-align: center; } } @media only screen and (min-width: 1920px) { .news-item:hover .news-item__img .object-fit { border-radius: 50% 50% calc(var(--border-radius) * 2) calc(var(--border-radius) * 2)/50% 50% calc(var(--border-radius) * 2) calc(var(--border-radius) * 2); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .news-item:hover .news-item__img .object-fit { border-radius: 50% 50% calc(var(--border-radius) / 2 * 3) calc(var(--border-radius) / 2 * 3)/50% 50% calc(var(--border-radius) / 2 * 3) calc(var(--border-radius) / 2 * 3); } } @media only screen and (min-width: 1280px) { .news-item:hover img.lazy.anim { -webkit-transform: scale(1.1); transform: scale(1.1); } } .news-item__img { padding-top: 111.7903930131%; } .news-item__img-wrap { width: 100%; } @media only screen and (max-width: 767px) { .news-item__img-wrap { width: 75%; margin: 0 auto; } } .news-item__img .object-fit { background-color: #8E7D82; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .news-item__img .object-fit { border-radius: 50% 50% calc(var(--border-radius) / 2 * 3) calc(var(--border-radius) / 2 * 3)/50% 50% calc(var(--border-radius) / 2 * 3) calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .news-item__img .object-fit { border-radius: 50% 50% var(--border-radius) var(--border-radius)/50% 50% var(--border-radius) var(--border-radius); } } .news-item__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: calc(var(--indent-size) * 2) 0 0; } .news-item__content h5 { overflow: hidden; font-weight: inherit; } @media only screen and (min-width: 1920px) { .news-item__content h5 { max-height: 68px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .news-item__content h5 { max-height: 52px; } } @media only screen and (max-width: 767px) { .news-item__content h5 { max-height: 56px; } } @media only screen and (min-width: 1280px) { .news-item__content h5 { max-width: 93.0131004367%; } } .news-item__content h5:not(:first-child) { margin-top: var(--indent-size); } .news-item .minutiae:last-child { margin-top: auto; } /** * guide */ @media only screen and (min-width: 768px) and (max-width: 1279px) { .guide-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (max-width: 767px) { .guide-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .guide-item { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 400; } @media only screen and (min-width: 1280px) { .guide-item:hover img.lazy.anim { -webkit-transform: scale(1.1); transform: scale(1.1); } } .guide-item__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: calc(var(--indent-size) * 2) 0 0; } .guide-item__content h4 { overflow: hidden; font-weight: inherit; } @media only screen and (min-width: 1920px) { .guide-item__content h4 { max-height: 96px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .guide-item__content h4 { max-height: 80px; } } @media only screen and (max-width: 1279px) { .guide-item__content h4 { max-height: 64px; } } @media only screen and (min-width: 1920px) { .guide-item__content h4:not(:first-child) { margin-top: 0; } } @media only screen and (max-width: 1919px) { .guide-item__content h4:not(:first-child) { margin-top: calc(var(--indent-size) / 2); } } .guide-item__content h4:not(:last-child) { margin-bottom: var(--indent-size); } .guide-item .object-fit { background-color: #8E7D82; } .guide-item .minutiae:last-child { margin-top: auto; } .guide-item:not([data-type=large]) .guide-item__video { padding-top: 56.25%; } @media only screen and (min-width: 1920px) { .guide-item:not([data-type=large]) .guide-item__content h4 { max-width: 95.4545454545%; } } .guide-item[data-type=large] .guide-item__video { padding-top: 56.1991869919%; } @media only screen and (min-width: 1920px) { .guide-item[data-type=large] .guide-item__content h4 { max-width: 96.7479674797%; } } .guide-poster { background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .guide-poster { border-radius: calc(var(--border-radius) * 3); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .guide-poster { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .guide-poster { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .guide-poster { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .guide-poster { padding: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .guide-poster { padding: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .guide-poster { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .guide-poster { padding: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .guide-poster { width: 100%; max-width: calc(1440px + calc(var(--grid-size) * 8) * 2); margin: 0 auto calc(var(--grid-size) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .guide-poster { max-width: calc(1120px + calc(var(--grid-size) * 4) * 2); margin: 0 auto calc(var(--grid-size) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .guide-poster { width: calc(100% + calc(var(--grid-size) * 3) * 2); margin: 0 calc(-1 * calc(var(--grid-size) * 3)) calc(var(--grid-size) * 2); } } @media only screen and (max-width: 767px) { .guide-poster { width: calc(100% + calc(var(--grid-size) * 2) * 2); margin: 0 calc(-1 * calc(var(--grid-size) * 2)) calc(var(--grid-size) * 3); } } .guide-poster .row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 767px) { .guide-poster .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .guide-poster .row > [class*=col-]:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .guide-poster .row > [class*=col-]:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } } @media only screen and (max-width: 767px) { .guide-poster .card-item { max-width: 74%; margin: 0 auto; } } /** * stock */ @media only screen and (max-width: 767px) { .stock-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .promotion { /*&-text { ol, ul { color: $color5; } }*/ } .promotion-item { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-weight: 500; } @media only screen and (min-width: 1280px) { .promotion-item:hover img.lazy.anim { -webkit-transform: scale(1.1); transform: scale(1.1); } } .promotion-item:not([data-type=small]) .promotion-item__img { padding-top: 56.25%; } @media only screen and (min-width: 1920px) { .promotion-item:not([data-type=small]) .promotion-item__img .object-fit { border-radius: calc(var(--border-radius) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .promotion-item:not([data-type=small]) .promotion-item__img .object-fit { border-radius: calc(var(--border-radius) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .promotion-item:not([data-type=small]) .promotion-item__img .object-fit { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (max-width: 767px) { .promotion-item:not([data-type=small]) .promotion-item__img .object-fit { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .promotion-item:not([data-type=small]) .promotion-item__content p { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .promotion-item:not([data-type=small]) .promotion-item__content p { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .promotion-item:not([data-type=small]) .promotion-item__content p { font-size: 13px; line-height: 1.5384615385; } } .promotion-item[data-type=small] .promotion-item__img { padding-top: 56.2737642586%; } @media only screen and (min-width: 1920px) { .promotion-item[data-type=small] .promotion-item__img .object-fit { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .promotion-item[data-type=small] .promotion-item__img .object-fit { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .promotion-item[data-type=small] .promotion-item__img .object-fit { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .promotion-item[data-type=small] .promotion-item__content p { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .promotion-item[data-type=small] .promotion-item__content p { font-size: 13px; line-height: 1.5384615385; } } .promotion-item__img .object-fit { background-color: #FFFFFF; } .promotion-item__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 1920px) { .promotion-item__content { padding-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1919px) { .promotion-item__content { padding-top: var(--indent-size); } } .promotion-item__content h4 { overflow: hidden; font-weight: inherit; } @media only screen and (min-width: 1920px) { .promotion-item__content h4 { max-height: 96px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .promotion-item__content h4 { max-height: 80px; } } @media only screen and (max-width: 1279px) { .promotion-item__content h4 { max-height: 64px; } } @media only screen and (min-width: 1280px) { .promotion-item__content h4 { max-width: 95.4545454545%; } } @media only screen and (min-width: 768px) { .promotion-item__content h4:not(:first-child) { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .promotion-item__content h4:not(:first-child) { margin-top: var(--indent-size); } } .promotion-item__content h5 { overflow: hidden; font-weight: inherit; } @media only screen and (min-width: 1920px) { .promotion-item__content h5 { max-height: 68px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .promotion-item__content h5 { max-height: 52px; } } @media only screen and (max-width: 767px) { .promotion-item__content h5 { max-height: 56px; } } @media only screen and (min-width: 1280px) { .promotion-item__content h5 { max-width: 93.9163498099%; } } .promotion-item__content h5:not(:first-child) { margin-bottom: var(--indent-size); } @media only screen and (min-width: 768px) { .promotion-item__content h5:not(:first-child) { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .promotion-item__content h5:not(:first-child) { margin-top: var(--indent-size); } } .promotion-item_hot .minutiae { color: #E9164D; } .promotion-conditions { background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .promotion-conditions { border-radius: calc(var(--border-radius) * 3); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .promotion-conditions { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .promotion-conditions { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .promotion-conditions { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .promotion-conditions { padding: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .promotion-conditions { padding: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .promotion-conditions { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .promotion-conditions { padding: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .promotion-conditions { margin: calc(var(--indent-size) * 8) calc(-1 * calc(var(--indent-size) * 8)); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .promotion-conditions { margin: calc(var(--indent-size) * 6) calc(-1 * calc(var(--indent-size) * 6)); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .promotion-conditions { margin: calc(var(--indent-size) * 4) calc(-1 * calc(var(--indent-size) * 4)); } } @media only screen and (max-width: 767px) { .promotion-conditions { margin: calc(var(--indent-size) * 2) calc(-1 * calc(var(--indent-size) * 2)); } } .promotion-conditions:first-child { margin-top: 0; } .promotion-conditions:last-child { margin-bottom: 0; } @media only screen and (min-width: 1920px) { .promotion-conditions__items { margin-top: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .promotion-conditions__items { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .promotion-conditions__items { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .promotion-conditions__items .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (max-width: 767px) { .promotion-conditions__items .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } /** * docs */ @media only screen and (max-width: 767px) { .docs-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .doc-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-weight: 500; } .doc-item__icon { -ms-flex-negative: 0; flex-shrink: 0; font-size: 0; line-height: 1; color: #8E7D82; } .doc-item__icon svg { fill: currentColor; } @media only screen and (min-width: 1920px) { .doc-item__content { padding-left: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1919px) { .doc-item__content { padding-left: var(--indent-size); } } .doc-item__content h4 { font-weight: inherit; } .doc-item__content h4:not(:last-child) { margin-bottom: var(--indent-size); } .doc-item__content h4 span { border-bottom: calc(var(--box-size) / 2) solid currentColor; font-weight: inherit; } .doc-item__size { color: #8E7D82; } /** * poster */ .poster:not(.s) { position: relative; z-index: 1; } @media only screen and (min-width: 1920px) { .poster:not(.s) { margin: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 15); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .poster:not(.s) { margin: calc(var(--indent-size) * 6) 0 calc(var(--indent-size) * 10); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .poster:not(.s) { margin: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 8); } } @media only screen and (max-width: 767px) { .poster:not(.s) { margin: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 6); } } .poster-base { position: relative; } .poster-base .poster-code { position: absolute; } @media only screen and (min-width: 1920px) { .poster-base .poster-code { left: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .poster-base .poster-code { left: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 1280px) { .poster-base .poster-code { bottom: calc(-1 * calc(var(--indent-size) * 6)); } } @media only screen and (max-width: 1279px) { .poster-base .poster-code { bottom: calc(-1 * calc(var(--indent-size) * 4)); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .poster-base .poster-code { right: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .poster-base .poster-code { right: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1279px) { .poster-base .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (max-width: 1279px) { .poster-base .row > [class*=col-]:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .poster-info { position: relative; z-index: 1; color: #E9164D; } .poster-info:not([class*=-center]) { text-align: right; } @media only screen and (min-width: 1920px) { .poster-info:not([class*=-center]) { max-width: 880px; padding: calc(var(--indent-size) * 10) 0 calc(var(--indent-size) * 10); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .poster-info:not([class*=-center]) { max-width: 624px; padding: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 8); } } @media only screen and (min-width: 1280px) { .poster-info:not([class*=-center]) { margin: 0 25% 0 auto; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .poster-info:not([class*=-center]) { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .poster-info:not([class*=-center]) { margin-top: var(--indent-size); } } .poster-info h4 { display: inline-block; vertical-align: top; } .poster-info h4:not(:first-child) { margin-top: 0; } @media only screen and (min-width: 1920px) { .poster-info .poster-btn { margin-top: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .poster-info .poster-btn { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .poster-info .poster-btn { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1920px) { .poster-info .poster-btn .btn-outline { width: 290px; height: 142px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .poster-info .poster-btn .btn-outline { width: 210px; height: 102px; } } @media only screen and (max-width: 767px) { .poster-info .poster-btn .btn-outline { width: 198px; height: 96px; } } .poster-center { text-align: center; margin: 0 auto; } @media only screen and (min-width: 1920px) { .poster-center { max-width: 1080px; padding: calc(var(--indent-size) * 35) 0 calc(var(--indent-size) * 35); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .poster-center { max-width: 624px; padding: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .poster-center { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .poster-center { margin-top: var(--indent-size); } } .poster-wrapper { position: relative; } @media only screen and (min-width: 1280px) { .poster-wrapper .poster-img { position: absolute; width: 33.333333%; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .poster-wrapper .poster-img { width: calc(50% - calc(var(--grid-size) * 3)); margin: 0 calc(var(--grid-size) / 2 * 3); } } @media only screen and (max-width: 767px) { .poster-wrapper .poster-img { width: calc(50% - calc(var(--grid-size) * 2)); margin: 0 var(--grid-size); } } @media only screen and (max-width: 1279px) { .poster-wrapper .poster-img__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .poster-wrapper .poster-img__wrap { margin: 0 calc(-1 * calc(var(--grid-size) / 2 * 3)); } } @media only screen and (max-width: 767px) { .poster-wrapper .poster-img__wrap { margin: 0 calc(-1 * var(--grid-size)); } } @media only screen and (min-width: 1280px) { .poster-wrapper .poster-img[data-type=left] { left: 0; top: 0; } } @media only screen and (min-width: 1280px) { .poster-wrapper .poster-img[data-type=right] { right: 0; bottom: 0; } } .poster-wrapper .poster-img .img { padding-top: 111.7903930131%; } .poster-images { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; } @media only screen and (min-width: 1920px) { .poster-images { margin-right: calc(-1 * (1792px - 1440px) / 2); } } .poster-images .poster-img:first-child { width: 25%; -ms-flex-item-align: end; align-self: flex-end; } @media only screen and (max-width: 1279px) { .poster-images .poster-img:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (max-width: 767px) { .poster-images .poster-img:first-child { margin-bottom: calc(-1 * 20%); } } .poster-images .poster-img:first-child .img { padding-top: 111.5%; } .poster-images .poster-img:last-child { width: 50%; } .poster-images .poster-img:last-child .img { padding-top: 111.6704805492%; } .poster-img { font-weight: 500; } @media only screen and (min-width: 1920px) { .poster-img .object-fit { border-radius: 50% 50% calc(var(--border-radius) * 2) calc(var(--border-radius) * 2)/50% 50% calc(var(--border-radius) * 2) calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .poster-img .object-fit { border-radius: 50% 50% calc(var(--border-radius) / 2 * 3) calc(var(--border-radius) / 2 * 3)/50% 50% calc(var(--border-radius) / 2 * 3) calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .poster-img .object-fit { border-radius: 50% 50% var(--border-radius) var(--border-radius)/50% 50% var(--border-radius) var(--border-radius); } } @media only screen and (min-width: 1920px) { .poster-img p { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .poster-img p { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1280px) { .poster-img p { max-width: 92.6605504587%; } } @media only screen and (max-width: 767px) { .poster-img p { display: none; } } .poster-bg { padding-top: 56.25%; } .poster-bg .object-fit { background-color: #F6E2E6; } @media only screen and (min-width: 1920px) { .poster-bg .object-fit { border-radius: calc(var(--border-radius) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .poster-bg .object-fit { border-radius: calc(var(--border-radius) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .poster-bg .object-fit { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (max-width: 767px) { .poster-bg .object-fit { border-radius: var(--border-radius); } } .poster-bg .object-fit--straight { border-radius: 0; } .poster-bg .object-fit--straight img { -o-object-fit: fill; object-fit: fill; } .poster-content { position: relative; z-index: 1; color: #E9164D; font-weight: 500; } @media only screen and (min-width: 1280px) { .poster-content { margin: 0 -25% 0 0; } } .poster-content:not([data-type=left]) p { margin: 0 auto; } @media only screen and (min-width: 1280px) { .poster-content:not([data-type=left]) p { text-align: center; } } @media only screen and (min-width: 1920px) { .poster-content[data-type=left] p { margin-left: 25%; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .poster-content[data-type=left] p { margin-left: 15%; } } @media only screen and (min-width: 1920px) { .poster-content[data-type=left] .poster-btn { margin-left: 25%; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .poster-content[data-type=left] .poster-btn { margin-left: 15%; } } @media only screen and (min-width: 1280px) { .poster-content[data-type=left] .poster-btn { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .poster-content h1, .poster-content h2 { /*@include laptop-small-min { margin-right: -25%; }*/ } .poster-content h1:not(:first-child), .poster-content h2:not(:first-child) { margin-top: calc(var(--indent-size) * 2); } @media only screen and (min-width: 1920px) { .poster-content p { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .poster-content p { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .poster-content p { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1280px) { .poster-content p { max-width: 424px; } } @media only screen and (min-width: 1920px) { .poster-content .poster-btn { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .poster-content .poster-btn { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .poster-content .poster-btn { margin-top: calc(var(--indent-size) * 2); } } .poster-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .poster-subtitle { display: block; font-weight: 600; } @media only screen and (min-width: 1920px) { .poster-subtitle { font-size: 48px; line-height: 1.3333333333; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .poster-subtitle { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .poster-subtitle { font-size: 30px; line-height: 1.2666666667; } } @media only screen and (max-width: 767px) { .poster-subtitle { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (min-width: 1920px) { .poster-subtitle { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .poster-subtitle { margin-top: calc(var(--indent-size) * 2); } } .poster-code { text-align: center; } .poster-code__value { background-color: #F6E2E6; border: 1px solid #E9164D; cursor: pointer; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; position: relative; color: #E9164D; } @media only screen and (min-width: 1920px) { .poster-code__value { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .poster-code__value { border-radius: calc(var(--border-radius) / 4 * 3); } } @media only screen and (min-width: 768px) { .poster-code__value { padding: var(--indent-size) calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .poster-code__value { padding: calc(var(--indent-size) / 2) calc(var(--indent-size) * 2); } } .poster-code__hint { display: block; color: #F27C96; margin-top: calc(var(--indent-size) / 2); } @media only screen and (min-width: 1920px) { .poster-code__hint { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { .poster-code__hint { font-size: 12px; line-height: 1.5; } } .poster .breadcrumb { color: #8E7D82; font-weight: 600; } .poster .breadcrumb-wrapper { margin: 0 0 calc(var(--indent-size) * 2); } .poster .scroll-bottom { color: #8E7D82; } @media only screen and (max-width: 767px) { .poster .scroll-bottom { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 1280px) { .poster .scroll-bottom:not([class*=_static]) { position: absolute; left: 0; bottom: 0; } } @media only screen and (max-width: 1279px) { .poster .scroll-bottom:not([class*=_static]) { position: relative; } } @media only screen and (max-width: 1279px) and (min-width: 1920px) { .poster .scroll-bottom:not([class*=_static]) { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 1279px) and (min-width: 768px) and (max-width: 1919px) { .poster .scroll-bottom:not([class*=_static]) { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1279px) and (max-width: 767px) { .poster .scroll-bottom:not([class*=_static]) { margin-top: calc(var(--indent-size) * 2); } } .poster .scroll-bottom_static { position: relative; } @media only screen and (min-width: 1920px) { .poster .scroll-bottom_static { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .poster .scroll-bottom_static { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .poster .scroll-bottom_static { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .poster q { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .poster q { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .poster q { margin: calc(var(--indent-size) * 6) 0; } } @media only screen and (max-width: 767px) { .poster q { margin: calc(var(--indent-size) * 4) 0; } } .poster q:first-child { margin-top: 0; } .poster q:last-child { margin-bottom: 0; } /** * categories */ @media only screen and (min-width: 1920px) { .categories { margin: calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .categories { margin: calc(var(--indent-size) * 3) 0; } } @media only screen and (max-width: 767px) { .categories { margin: calc(var(--indent-size) * 2) 0; } } @media only screen and (min-width: 1920px) { .categories[data-type=slider] { margin-left: calc(-1 * (1792px - 1440px) / 2); margin-right: calc(-1 * (1792px - 1440px) / 2); } } @media only screen and (min-width: 1920px) { .categories[data-type=slider] .categories-slide:first-child { padding-left: calc((1792px - 1440px) / 2); } } @media only screen and (min-width: 1920px) { .categories[data-type=slider] .categories-slide:last-child { padding-right: calc((1792px - 1440px) / 2); } } .categories:first-child { margin-top: 0; } .categories:last-child { margin-bottom: 0; } @media only screen and (min-width: 1280px) { .categories-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .categories-slider:not(.swiper-lock) { /*& .categories { &-slide { &:first-child { @include desktop-large-laptop-small { padding-left: $indent-size-80; } } &:last-child { @include desktop-large-laptop-small { padding-right: $indent-size-80; } } } }*/ } @media only screen and (min-width: 1920px) { .categories-slider:not(.swiper-lock) { min-height: calc(var(--box-size) * 16); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .categories-slider:not(.swiper-lock) { min-height: calc(var(--box-size) * 14); } } .categories-slider:not(.swiper-container-initialized) .types-arrows { opacity: 0; } @media only screen and (min-width: 1280px) { .categories-slide { -ms-flex-negative: 0; flex-shrink: 0; height: 100%; } } @media only screen and (max-width: 1279px) { .categories-slide { color: #430315; } } @media only screen and (min-width: 1920px) { .categories-slide:not(:last-child) { margin-right: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .categories-slide:not(:last-child) { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .categories-slide:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .categories-slide:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1280px) { .categories-slide.swiper-slide { width: auto; } } .categories-slide.active { color: #E9164D; } @media only screen and (min-width: 1280px) { .categories-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } } @media only screen and (max-width: 1279px) { .categories-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (max-width: 1279px) { .categories-arrows { display: none; } } .categories-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .categories-arrow[data-type=prev] { left: 0; } .categories-arrow[data-type=next] { right: 0; } .category-item { position: relative; font-weight: 500; color: inherit; } @media only screen and (max-width: 1279px) { .category-item { display: block; } } .category-item svg { fill: currentColor; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (min-width: 1280px) { .category-item svg { display: none; } } /** * types */ .types-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 1920px) { .types-tabs { margin-bottom: calc(var(--indent-size) * 10); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .types-tabs { margin-bottom: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .types-tabs { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { .types-tabs { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 1279px) { .types-tabs { overflow: hidden; overflow-x: auto; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .types-tabs { margin-left: calc(-1 * calc(var(--grid-size) * 3)); margin-right: calc(-1 * calc(var(--grid-size) * 3)); } } @media only screen and (max-width: 767px) { .types-tabs { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } .types-tabs::-webkit-scrollbar { display: none; } .types-wrap { -ms-flex-negative: 0; flex-shrink: 0; } .types-items { font-weight: 600; } @media only screen and (min-width: 1920px) { .types-items { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .types-items { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .types-items { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .types-items { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .types-items { padding-left: calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .types-items { padding-left: calc(var(--grid-size) * 2); } } @media only screen and (max-width: 1279px) { .types-items::after { content: ""; -ms-flex-negative: 0; flex-shrink: 0; display: block; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .types-items::after { width: calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .types-items::after { width: calc(var(--grid-size) * 2); } } .type-item { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { .type-item:not(:last-child) { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .type-item:not(:last-child) { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .type-item:not(:last-child) { margin-right: calc(var(--indent-size) * 2); } } .type-item.active { color: #E9164D; } /** * catalog */ @media only screen and (max-width: 1279px) { .catalog-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (max-width: 1279px) { .catalog-row > [class*=col-]:first-child { margin-top: 0; } } .catalog-empty__title { max-width: 75.3012048193%; font-weight: 600; } @media only screen and (min-width: 1920px) { .catalog-empty__title { font-size: 56px; line-height: 1.25; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .catalog-empty__title { font-size: 40px; line-height: 1.3; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .catalog-empty__title { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (max-width: 767px) { .catalog-empty__title { font-size: 24px; line-height: 1.4166666667; } } .catalog-empty__icon { display: inline-block; vertical-align: top; margin: 0 0 calc(var(--indent-size) * 2); } @media only screen and (min-width: 1920px) { .catalog-empty__icon { font-size: 56px; line-height: 1.25; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .catalog-empty__icon { font-size: 40px; line-height: 1.3; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .catalog-empty__icon { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (max-width: 767px) { .catalog-empty__icon { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 1920px) { .catalog-empty__btn { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .catalog-empty__btn { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .catalog-empty__btn { margin-top: calc(var(--indent-size) * 2); } } /** * filter */ @media only screen and (min-width: 1920px) { .filter-top { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .filter-top { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .filter-top { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1280px) { .filter-top { border-bottom: 1px solid #8E7D82; } } @media only screen and (min-width: 1280px) and (min-width: 1920px) { .filter-top { padding-bottom: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .filter-top { padding-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1279px) { .filter-top .choice { min-width: 138px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .filter-top .choice { padding-top: 6px; } } @media only screen and (max-width: 767px) { .filter-top .choice { padding-top: 8px; } } @media only screen and (min-width: 1280px) { .filter-top .btn { display: none; } } @media only screen and (max-width: 1279px) { .filter-top .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 1280px) { .filter-top .row { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media only screen and (max-width: 1279px) { .filter-top .row > [class*=col-]:first-child { display: none; } } @media only screen and (max-width: 1279px) { .filter-top .row > [class*=col-]:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1280px) { .filter-sort { display: -webkit-box; display: -ms-flexbox; display: flex; } } .filter-sort__label { -ms-flex-negative: 0; flex-shrink: 0; color: #8E7D82; } @media only screen and (min-width: 1920px) { .filter-sort__label { margin-right: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .filter-sort__label { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .filter-sort__label { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1280px) { .filter-sort__label { display: inline-block; vertical-align: top; } } @media only screen and (max-width: 1279px) { .filter-sort__label { display: none; } } @media only screen and (min-width: 1920px) { .filter-sort__items { margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) / 2 * 3)) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .filter-sort__items { margin: calc(-1 * var(--grid-size)) calc(-1 * var(--grid-size)) 0; } } @media only screen and (min-width: 1280px) { .filter-sort__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .filter-sort__item { position: relative; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .filter-sort__item { margin: var(--grid-size) calc(var(--grid-size) / 2 * 3) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .filter-sort__item { margin: var(--grid-size) var(--grid-size) 0; } } @media only screen and (min-width: 1280px) { .filter-sort__item { display: inline-block; vertical-align: top; } } @media only screen and (max-width: 1279px) { .filter-sort__item { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .filter-sort__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .filter-sort__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1280px) { .filter-sort__item.active { font-weight: 600; } } @media only screen and (max-width: 1279px) { .filter-sort__item.active { color: #E9164D; } } .filter-sort__item svg { fill: currentColor; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (min-width: 1280px) { .filter-sort__item svg { display: none; } } @media only screen and (min-width: 1920px) { .filter-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .filter-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .filter-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } .filter-item.is-open .filter-item__arrow svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .filter-item__title { position: relative; border-bottom: 3px solid currentColor; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 768px) { .filter-item__title { padding: 0 calc(var(--indent-size) * 6) calc(var(--indent-size) * 2) 0; } } @media only screen and (max-width: 767px) { .filter-item__title { border-width: 2px; padding: 0 calc(var(--indent-size) * 4) var(--indent-size) 0; } } .filter-item__title h5:not(:last-child) { margin-bottom: 0; } .filter-item__content { display: none; } @media only screen and (min-width: 1920px) { .filter-item__content { padding-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .filter-item__content { padding-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .filter-item__content { padding-top: calc(var(--indent-size) * 2); } } .filter-item__arrow { position: absolute; right: 0; z-index: 1; font-size: 0; line-height: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (min-width: 768px) { .filter-item__arrow { padding-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .filter-item__arrow { padding-bottom: var(--indent-size); } } .filter-item__arrow svg { fill: #8E7D82; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (max-width: 767px) { .filter-item__arrow svg { width: calc(var(--box-size) * 8); } } .filter-item__scroll { overflow: hidden; padding: calc(var(--indent-size) / 2) 0 calc(var(--indent-size) / 2); } @media only screen and (min-width: 1920px) { .filter-item__scroll { max-height: 244px; } } @media only screen and (max-width: 1919px) { .filter-item__scroll { max-height: 152px; } } .filter-item__scroll.is-open { overflow-y: auto; } .filter-item__scroll::-webkit-scrollbar { width: 4px; } .filter-item__scroll::-webkit-scrollbar-track { background-color: #F6E2E6; border-radius: 100px; } .filter-item__scroll::-webkit-scrollbar-thumb { background-color: #E9164D; border-radius: 100px; } .filter-clear { display: inline-block; font-weight: 500; color: #E9164D; cursor: pointer; } @media only screen and (min-width: 1920px) { .filter-clear { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .filter-clear { font-size: 16px; line-height: 1.75; } } @media only screen and (max-width: 767px) { .filter-clear { font-size: 14px; line-height: 1.7142857143; } } .filter-price__inputs { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 calc(-1 * calc(var(--grid-size) * 2)) calc(var(--grid-size) * 2); } .filter-price__input { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-weight: 500; margin: 0 calc(var(--grid-size) * 2) 0; } @media only screen and (min-width: 1920px) { .filter-price__input { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .filter-price__input { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .filter-price__input { font-size: 13px; line-height: 1.5384615385; } } .filter-price__input input { padding-left: calc(var(--indent-size) * 4); padding-right: calc(var(--indent-size) * 4); } .filter-price__label { position: absolute; top: 0; z-index: 1; color: #8E7D82; } .filter-price__label:first-child { left: 0; } .filter-price__label:last-child { right: 0; } .filter-price__interval { padding: calc(var(--indent-size) * 2) 0; } .filter-load__btn { display: block; font-weight: 600; cursor: pointer; } @media only screen and (min-width: 1920px) { .filter-load__btn { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .filter-load__btn { margin-top: calc(var(--indent-size) * 2); } } .filter-load__btn:not(.active) { color: #E9164D; } @media only screen and (min-width: 1920px) { .filter-load__btn:not(.active) { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .filter-load__btn:not(.active) { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .filter-load__btn:not(.active) { font-size: 13px; line-height: 1.5384615385; } } .filter-turn__btn { display: block; color: #8E7D82; font-weight: 600; cursor: pointer; margin: calc(var(--indent-size) * 3) 0 0; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .filter-turn__btn { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .filter-turn__btn { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .filter-turn__btn { font-size: 13px; line-height: 1.5384615385; } } .filter-search { position: relative; } @media only screen and (min-width: 1920px) { .filter-search { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .filter-search { margin-bottom: calc(var(--indent-size) * 2); } } .filter-search:last-child { margin-bottom: 0; } .filter-search input { padding-right: calc(var(--indent-size) * 6); } .filter-search__btn { position: absolute; right: 0; z-index: 1; background: none; border: 0 none; font-size: 0; line-height: 1; padding: 0; cursor: pointer; outline: none; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: var(--indent-size); } .filter-search__btn:hover svg { fill: #E9164D; } .filter-search__btn svg { fill: #8E7D82; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .filter-choice { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 1920px) { .filter-choice { margin: calc(-1 * var(--grid-size)) calc(-1 * var(--grid-size)) calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .filter-choice { margin: calc(-1 * var(--grid-size)) calc(-1 * var(--grid-size)) calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .filter-choice { margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) / 2)) calc(var(--indent-size) * 3); } } .filter-choice__item { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .filter-choice__item { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .filter-choice__item { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .filter-choice__item { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .filter-choice__item { border-radius: calc(var(--border-radius) / 4 * 3); } } @media only screen and (min-width: 1920px) { .filter-choice__item:hover { border-radius: calc(var(--box-size) * 6); } } @media only screen and (max-width: 1919px) { .filter-choice__item:hover { border-radius: calc(var(--box-size) / 2 * 9); } } @media only screen and (min-width: 1920px) { .filter-choice__item { padding: calc(var(--indent-size) / 2 * 3) calc(var(--indent-size) * 6) calc(var(--indent-size) / 2 * 3) calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .filter-choice__item { padding: var(--indent-size) calc(var(--indent-size) * 4) var(--indent-size) calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) { .filter-choice__item { margin: var(--grid-size) var(--grid-size) 0; } } @media only screen and (max-width: 767px) { .filter-choice__item { margin: var(--grid-size) calc(var(--grid-size) / 2) 0; padding: calc(var(--indent-size) / 2) calc(var(--indent-size) * 3) calc(var(--indent-size) / 2) var(--indent-size); } } .filter-choice__item:not([class*=_clear]) { background-color: #F6E2E6; color: #E9164D; } .filter-choice__item:not([class*=_clear]) svg { fill: #E9164D; } .filter-choice__item[class*=_clear] { background-color: #E9164D; color: #FFFFFF; } .filter-choice__item[class*=_clear] svg { fill: #FFFFFF; } .filter-choice__item-icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; line-height: 1; cursor: pointer; } @media only screen and (min-width: 1920px) { .filter-choice__item-icon { right: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .filter-choice__item-icon { right: var(--indent-size); } } @media only screen and (max-width: 767px) { .filter-choice__item-icon { right: calc(var(--indent-size) / 2); } } .filter-choice__item-icon svg { -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } /** * title */ .title { position: relative; border-bottom: calc(var(--box-size) / 2) solid #F6E2E6; } @media only screen and (min-width: 1920px) { .title { padding: calc(var(--indent-size) * 8) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .title { padding: calc(var(--indent-size) * 4) 0; } } @media only screen and (max-width: 767px) { .title { padding: calc(var(--indent-size) * 3) 0 calc(var(--indent-size) * 6); } } @media only screen and (min-width: 1920px) { .title + .s { margin-top: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .title + .s { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .title + .s { margin-top: calc(var(--indent-size) * 3); } } .title-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 1279px) { .title-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .title-content p { font-weight: 500; } @media only screen and (min-width: 1920px) { .title-content p { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .title-content p { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .title-content p { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .title-content p { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .title-content p { margin-right: calc(var(--indent-size) * 3); } } .title-content img { -ms-flex-negative: 0; flex-shrink: 0; /*@include desktop-large-min { margin-left: $indent-size-32; } @include desktop-large-laptop-small { margin-left: $indent-size-24; }*/ } @media only screen and (min-width: 1280px) { .title-content img { margin-left: auto; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .title-content img { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .title-content img { margin-top: calc(var(--indent-size) * 2); } } .title-search { max-width: 640px; } @media only screen and (min-width: 1920px) { .title-search { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .title-search { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .title-search { margin-top: calc(var(--indent-size) * 3); } } .title__label { display: block; color: #8E7D82; } .title h1:not(:first-child) { margin-top: calc(var(--indent-size) * 2); } /** * brands */ .brands-alphabet { position: absolute; right: calc(var(--grid-size) * 2); top: calc(var(--indent-size) * 4); text-transform: uppercase; font-weight: 600; } @media only screen and (min-width: 1920px) { .brands-alphabet { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { .brands-alphabet { font-size: 12px; line-height: 1.5; } } @media only screen and (min-width: 768px) { .brands-alphabet { display: none; } } .brands-alphabet a { display: block; } .brands-alphabet a:not(:last-child) { margin-bottom: calc(var(--indent-size) / 2); } @media only screen and (min-width: 1920px) { .brand-item { margin: calc(var(--indent-size) * 15) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .brand-item { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .brand-item { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (max-width: 767px) { .brand-item { margin: calc(var(--indent-size) * 6) 0; } } .brand-item:first-child { margin-top: 0; } .brand-item:last-child { margin-bottom: 0; } .brand-item__letter { display: inline-block; vertical-align: top; font-weight: 600; color: #8E7D82; } @media only screen and (min-width: 1920px) { .brand-item__letter { font-size: 96px; line-height: 1.1875; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .brand-item__letter { font-size: 68px; line-height: 1.2941176471; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .brand-item__letter { font-size: 54px; line-height: 1.2962962963; } } @media only screen and (max-width: 767px) { .brand-item__letter { font-size: 28px; line-height: 1.4285714286; } } .brand-item__list { font-weight: 500; } @media only screen and (min-width: 1920px) { .brand-item__list { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .brand-item__list { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .brand-item__list { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) { .brand-item__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; padding-top: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) { .brand-item__list li { page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid-column; } } @media only screen and (min-width: 1920px) { .brand-item__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .brand-item__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .brand-item__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1279px) { .brand-item .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } /** * logos */ @media only screen and (min-width: 1920px) { .logos { margin-bottom: calc(var(--indent-size) * 30); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .logos-items .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } } @media only screen and (max-width: 767px) { .logos-items .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .logo-item { display: block; font-weight: 500; } .logo-item:hover .logo-item__img .object-center { background-color: #F6E2E6; } .logo-item__img { padding-top: 66.0660660661%; } .logo-item__img .object-center { background-color: #FCF4F4; padding: 8px; } @media only screen and (min-width: 1920px) { .logo-item__img .object-center { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 1919px) { .logo-item__img .object-center { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .logo-item__content { padding-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1919px) { .logo-item__content { padding-top: var(--indent-size); } } .logo-item__content h5 { font-weight: inherit; } /** * product */ @media only screen and (max-width: 1279px) { .product__row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .product__more { color: #E9164D; font-weight: 600; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); display: none; } @media only screen and (min-width: 1920px) { .product__more { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .product__more { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .product__more { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1280px) { .product__more { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .product__more { margin-top: 16px; display: block; } } @media only screen and (max-width: 767px) { .product__more { margin-top: 8px; display: block; } } .product-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-weight: 600; text-transform: uppercase; } @media only screen and (min-width: 1920px) { .product-label { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .product-label { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .product-label { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1280px) { .product-label { padding-bottom: calc(calc(var(--indent-size) * 2) + calc(var(--indent-size) / 4)); } } @media only screen and (min-width: 1280px) { .product-label::after { content: ""; position: absolute; left: 0; bottom: 0; height: calc(var(--box-size) / 2); width: 100vw; background-color: #F6E2E6; } } .product-label__title { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-label .count { position: absolute; left: 100%; top: -10%; } @media only screen and (max-width: 1279px) { .product-tabs__label { display: none; } } @media only screen and (min-width: 1280px) { .product-tabs .tabs-wrap { margin: 0 0 calc(-1 * (calc(var(--indent-size) * 2) + calc(var(--indent-size) / 4))); padding-bottom: calc(var(--indent-size) / 4); } } .product-tabs .tabs-items { margin-bottom: calc(-1 * calc(var(--indent-size) / 4)); padding-bottom: calc(var(--indent-size) / 4); } .product-tabs .tabs-item { display: inline-block; vertical-align: top; } @media only screen and (min-width: 768px) { .product-tabs .tabs-item { padding-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .product-tabs .tabs-item { padding-bottom: var(--indent-size); } } .product-tabs .tabs-item::after { content: ""; position: absolute; left: 0; bottom: calc(-1 * calc(var(--indent-size) / 4)); width: 100%; height: calc(var(--box-size) / 2); background-color: #E9164D; opacity: 0; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .product-tabs .tabs-item:not(:last-child) { margin-right: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .product-tabs .tabs-item:not(:last-child) { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .product-tabs .tabs-item:not(:last-child) { margin-right: calc(var(--indent-size) * 3); } } .product-tabs .tabs-item.active { color: #E9164D; } .product-tabs .tabs-item.active::after { opacity: 1; } .product-tabs .tabs-item__span { margin: 0 5px 0 20px; } @media only screen and (max-width: 1279px) { .product-tabs .tab-content > .tab-pane { display: block; opacity: 1; } } @media only screen and (max-width: 1279px) { .product-tabs .tab-pane:not(:last-child) { margin-bottom: 32px; } } @media only screen and (min-width: 1280px) { .product-tab__label { display: none; } } @media (max-width: 1279px) { .product-tab__text[data-type=tab-1] .product-more__text { position: relative; } .product-tab__text[data-type=tab-1] .product-more__text:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 30px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(240, 249, 255, 0)), to(#fff)); background: linear-gradient(to bottom, rgba(240, 249, 255, 0) 0, #fff 100%); z-index: 1; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .product-tab__text[data-type=tab-1] .product-more__text:not(.is-open) { max-height: 252px; } } @media only screen and (max-width: 767px) { .product-tab__text[data-type=tab-1] .product-more__text:not(.is-open) { max-height: 288px; } } .product-tab__text[data-type=tab-1] .product-more__text.is-open:before { content: none; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .product-tab__text[data-type=tab-2] .product-more__text:not(.is-open) { max-height: 152px; } } @media only screen and (max-width: 767px) { .product-tab__text[data-type=tab-2] .product-more__text:not(.is-open) { max-height: 136px; } } @media only screen and (max-width: 1279px) { .product-more__text { overflow: hidden; } } .product-more__text.is-open ~ .product__more { display: none; } .product-top { position: relative; } @media only screen and (min-width: 1920px) { .product-top { margin-bottom: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .product-top { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .product-top { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1279px) { .product-top nav.breadcrumbs { margin-bottom: 52px; overflow: hidden; overflow-x: scroll; margin-left: -16px; margin-right: -16px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .product-top nav.breadcrumbs { margin-left: auto; margin-right: auto; } } .product-main { background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .product-main { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .product-main { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .product-main { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .product-main { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .product-main { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .product-main { padding: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .product-main { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .product-main { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .product-main { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } .product-main .row { margin-top: calc(-1 * calc(var(--grid-size) * 3)); } .product-main .row > [class*=col-] { margin-top: calc(var(--grid-size) * 3); } @media only screen and (min-width: 768px) and (max-width: 1279px) { .product-main .row > [class*=col-]:not(:nth-child(2)) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .product-main .row > [class*=col-]:nth-child(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .product-main__list { font-weight: 500; margin: var(--indent-size) 0; } .product-main__list:first-child { margin-top: 0; } .product-main__list:last-child { margin-bottom: 0; } .product-main__list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-main__list li:not(:last-child) { margin: 0 0 var(--indent-size); } @media only screen and (max-width: 767px) { .product-main__list .list__item_center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .product-main__list .list__item_center span { text-transform: lowercase; } .product-main__list a { color: #E9164D; border-bottom: 1px solid currentColor; } .product-main__list a:hover { border-bottom-color: currentColor; } .product-main__list svg:not([class*=help]) { -ms-flex-negative: 0; flex-shrink: 0; fill: #E9164D; margin: -1px calc(var(--indent-size) / 2); } .product-main__list svg:not([class*=help]):first-child { margin-left: 0; } .product-main__list svg:not([class*=help]):last-child { margin-right: 0; } .product-main__list_gray { color: #8E7D82; } .product-main__list_gray li svg:not(:only-child) { fill: #8E7D82; } .product-main__list_gray b { color: #430315; } .product-main__list_delivery li { position: relative; padding-left: calc(var(--indent-size) * 4); } .product-main__list-icon { position: absolute; left: 0; width: calc(var(--box-size) * 6); height: calc(var(--box-size) * 6); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; line-height: 1; } @media only screen and (min-width: 1920px) { .product-main__list-icon { top: -1px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .product-main__list-icon { top: -3px; } } @media only screen and (max-width: 767px) { .product-main__list-icon { top: -3px; } } .product-main__list .help { margin-left: calc(var(--indent-size) / 2); display: none; } @media only screen and (min-width: 768px) { .product-main__btn > *:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .product-main__btn > *:not(:last-child) { margin-bottom: var(--indent-size); } } .product-main__btn .btn { width: 100%; } @media only screen and (min-width: 768px) { .product-main__btn-fixed { display: none; } } @media only screen and (max-width: 767px) { .product-main__btn-fixed { position: fixed; left: 0; bottom: 48px; z-index: 98; width: 100%; background-color: #FFFFFF; border: solid #F6E2E6; border-width: 2px 0 2px; padding: var(--indent-size) calc(var(--grid-size) * 2); } } @media only screen and (min-width: 768px) { .product-main__btn-fixed .btn__text span { display: none; } } @media only screen and (max-width: 767px) { .product-main__btn-fixed .btn__text span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: var(--indent-size); } } @media only screen and (max-width: 767px) { .product-main__btn-fixed .btn__text span::after { content: ""; width: var(--box-size); height: var(--box-size); background-color: currentColor; border-radius: 50%; margin-left: var(--indent-size); } } .product-main .price { font-weight: 600; } .product-info h3:not(:first-child) { margin-top: var(--indent-size); } .product-info h3:not(:last-child) { margin-bottom: var(--indent-size); } @media only screen and (min-width: 1920px) { .product-info .minutiae { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .product-info .minutiae { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .product-info .minutiae { font-size: 18px; line-height: 1.5555555556; } } .product-info .rating { font-weight: 500; } @media only screen and (min-width: 1920px) { .product-info .rating { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .product-info .rating { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .product-adv { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .product-adv { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .product-adv { margin-top: calc(var(--indent-size) * 2); } } .product-adv__item { font-weight: 500; } @media only screen and (min-width: 1920px) { .product-adv__item { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { .product-adv__item { font-size: 12px; line-height: 1.5; } } @media only screen and (max-width: 767px) { .product-adv__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .product-adv__img { height: 37px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .product-adv__img { width: 48px; } } @media only screen and (min-width: 768px) { .product-adv__content { padding: var(--indent-size) 0 0; } } @media only screen and (max-width: 767px) { .product-adv .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (max-width: 767px) { .product-adv .row { margin-top: calc(-1 * var(--grid-size)); } } @media only screen and (max-width: 767px) { .product-adv .row > [class*=col-] { margin-top: var(--grid-size); } } @media only screen and (max-width: 1279px) { .product-text { margin-bottom: 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .product-text .product-more__text:not(.is-open) { max-height: 28px; } } @media only screen and (max-width: 767px) { .product-text .product-more__text:not(.is-open) { max-height: 24px; } } @media only screen and (min-width: 1920px) { .product-path { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .product-path { margin-top: calc(var(--indent-size) * 2); } } .product-path .row { margin-top: calc(-1 * calc(var(--grid-size) * 3)); } @media only screen and (min-width: 768px) and (max-width: 1279px) { .product-path .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .product-path .row > [class*=col-] { margin-top: calc(var(--grid-size) * 3); } .product-path__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; } @media only screen and (min-width: 1920px) { .product-path__item { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .product-path__item { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .product-path__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .product-path__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .product-path__img { -ms-flex-negative: 0; flex-shrink: 0; width: calc(var(--box-size) * 10); height: calc(var(--box-size) * 10); background-color: #F6E2E6; border-radius: 50%; overflow: hidden; } .product-path__img .img__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-path__content { padding: 0 0 0 calc(var(--indent-size) / 2 * 3); } .product-path__info { display: block; color: #8E7D82; } .product-share { color: #8E7D82; font-weight: 500; } @media only screen and (min-width: 1920px) { .product-share { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .product-share { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .product-share { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .product-share { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1279px) { .product-share { position: absolute; top: 48px; left: 0; width: 100%; } } .product-share__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin: 0 auto; } .product-share__icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { .product-share__icons > *:not(:last-child) { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .product-share__icons > *:not(:last-child) { margin-right: calc(var(--indent-size) * 2); } } .product-gallery { overflow: hidden; margin: 0 auto; } @media only screen and (max-width: 1279px) { .product-gallery { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .product-gallery { max-width: 480px; } } @media only screen and (min-width: 1920px) { .product-gallery__pagination { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .product-gallery__pagination { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .product-gallery__pagination { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1280px) { .product-gallery__pagination { display: none; } } @media only screen and (max-width: 1279px) { .product-gallery__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .product-gallery__big { position: relative; } .product-gallery__big-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; } .product-gallery__big-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } @media only screen and (min-width: 1280px) { .product-gallery__big-media:hover .product-gallery__zoom { opacity: 1; } } .product-gallery__big .object-fit { background-color: #F2F2F2; } @media only screen and (min-width: 1920px) { .product-gallery__big .object-fit { border-radius: calc(var(--border-radius) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .product-gallery__big .object-fit { border-radius: calc(var(--border-radius) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .product-gallery__big .object-fit { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (max-width: 767px) { .product-gallery__big .object-fit { border-radius: var(--border-radius); } } .product-gallery__big .tags { position: absolute; z-index: 1; } @media only screen and (min-width: 1920px) { .product-gallery__big .tags { left: calc(var(--indent-size) * 4); top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .product-gallery__big .tags { left: calc(var(--indent-size) * 3); top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .product-gallery__big .tags { left: calc(var(--indent-size) * 2); top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .product-gallery__big .product-gallery__icon { width: calc(var(--box-size) * 20); height: calc(var(--box-size) * 20); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .product-gallery__big .product-gallery__icon { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1279px) { .product-gallery__big .product-gallery__icon { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (min-width: 1280px) { .product-gallery__big .product-gallery__icon { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .product-gallery__big .product-gallery__icon { left: calc(var(--indent-size) * 3); bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .product-gallery__big .product-gallery__icon { left: calc(var(--indent-size) * 2); bottom: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .product-gallery__big .product-gallery__icon::after { border-top-width: calc(var(--box-size) * 3); border-left-width: calc(var(--box-size) * 4); border-bottom-width: calc(var(--box-size) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .product-gallery__big .product-gallery__icon::after { border-top-width: calc(var(--box-size) * 2); border-left-width: calc(var(--box-size) * 3); border-bottom-width: calc(var(--box-size) * 2); } } @media only screen and (max-width: 767px) { .product-gallery__big .product-gallery__icon::after { border-top-width: calc(var(--box-size) / 2 * 3); border-left-width: calc(var(--box-size) * 2); border-bottom-width: calc(var(--box-size) / 2 * 3); } } .product-gallery__small { position: relative; margin: calc(var(--indent-size) * 2) 0 0; padding: 0 calc(20% - calc(var(--indent-size) * 2)); } @media only screen and (max-width: 1279px) { .product-gallery__small { display: none; } } .product-gallery__small-item { cursor: pointer; } .product-gallery__small-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; padding: 0 var(--indent-size); } .product-gallery__small-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .product-gallery__small-arrow { position: absolute; top: 0; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-gallery__small-arrow[data-type=prev] { left: 0; } .product-gallery__small-arrow[data-type=next] { right: 0; } .product-gallery__small-btn.slider-btn { border-width: 0; } .product-gallery__small .object-fit { background-color: #F2F2F2; } .product-gallery__small .product-gallery__icon { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (min-width: 1920px) { .product-gallery__small .product-gallery__icon { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (max-width: 1919px) { .product-gallery__small .product-gallery__icon { width: calc(var(--box-size) * 9); height: calc(var(--box-size) * 9); } } @media only screen and (min-width: 768px) { .product-gallery__small .product-gallery__icon::after { border-top-width: calc(var(--box-size) / 2 * 3); border-left-width: calc(var(--box-size) * 2); border-bottom-width: calc(var(--box-size) / 2 * 3); } } @media only screen and (max-width: 767px) { .product-gallery__small .product-gallery__icon::after { border-top-width: var(--box-size); border-left-width: calc(var(--box-size) / 2 * 3); border-bottom-width: var(--box-size); } } .product-gallery__icon { position: absolute; border: calc(var(--box-size) / 2) solid #E9164D; border-radius: 50%; background-color: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .product-gallery__icon::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0; height: 0; border-top: solid transparent; border-left: solid #E9164D; border-bottom: solid transparent; } .product-gallery__zoom { position: absolute; z-index: 1; font-size: 0; line-height: 1; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .product-gallery__zoom { left: calc(var(--indent-size) * 4); bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 1280px) { .product-gallery__zoom { opacity: 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .product-gallery__zoom { left: calc(var(--indent-size) * 3); bottom: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .product-gallery__zoom { right: calc(var(--indent-size) * 3); bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .product-gallery__zoom { right: calc(var(--indent-size) * 2); bottom: calc(var(--indent-size) * 2); } } .product-gallery__zoom svg { fill: #8E7D82; } @media only screen and (min-width: 768px) and (max-width: 1919px) { .product-gallery__zoom svg { width: calc(var(--box-size) * 10); height: calc(var(--box-size) * 10); } } @media only screen and (max-width: 767px) { .product-gallery__zoom svg { width: calc(var(--box-size) * 8); height: calc(var(--box-size) * 8); } } @media only screen and (min-width: 1920px) { .product-char { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .product-char { font-size: 13px; line-height: 1.5384615385; } } .product-char > li { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1279px) { .product-char > li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .product-char span { display: inline-block; vertical-align: top; } .product-char span:nth-child(1) { -ms-flex-negative: 0; flex-shrink: 0; color: #8E7D82; } @media only screen and (min-width: 1280px) { .product-char span:nth-child(1) { width: 33.333333%; } } .product-char span:nth-child(2) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 1279px) { .product-reviews__row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (max-width: 1279px) { .product-reviews__row > [class*=col-]:nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .product__selection-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; margin-top: 32px; } .product__radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px; } @media only screen and (max-width: 1280px) { .product__radio { gap: 16px; } } @media only screen and (max-width: 767px) { .product__radio { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; } } .product__radio-title { text-transform: uppercase; font-size: 18px; font-weight: 600; color: #430315; } @media only screen and (max-width: 1280px) { .product__radio-title { font-size: 16px; } } .product__radio-buttons-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; } .product__radio-button { display: -webkit-box; display: -ms-flexbox; display: flex; } .product__radio-button input { display: none; } .product__radio-button label { padding: 8px 24px; background-color: #fcf4f4; border-radius: 8px; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .product__radio-button input:checked ~ label { background-color: #E9164D; color: #fff; } .product__radio-button input:disabled ~ label { cursor: default; background-color: #ebebe9; color: #cbc8c8; } /** * reviews */ .reviews-rating { background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .reviews-rating { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .reviews-rating { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .reviews-rating { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .reviews-rating { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .reviews-rating { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .reviews-rating { padding: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .reviews-rating { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .reviews-rating { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .reviews-rating { margin-left: -16px; margin-right: -16px; } } .reviews-rating .row { margin-top: calc(-1 * calc(var(--grid-size) * 3)); } @media only screen and (min-width: 768px) and (max-width: 1279px) { .reviews-rating .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .reviews-rating .row > [class*=col-] { margin-top: calc(var(--grid-size) * 3); } .reviews-rating__stars { color: #E9164D; } .reviews-rating__stars .rating { font-weight: 600; } .reviews-rating__hint { display: block; font-weight: 500; margin: 0 0 var(--indent-size); } .reviews-rating__btn .btn { width: 100%; } @media only screen and (max-width: 767px) { .reviews-rating .rating-star svg { width: calc(var(--box-size) * 8); height: calc(var(--box-size) * 8); } } @media only screen and (max-width: 1279px) { .reviews-companies .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .reviews__more { display: block; color: #E9164D; font-weight: 600; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .reviews__more { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .reviews__more { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .reviews__more { font-size: 13px; line-height: 1.5384615385; } } .review-item { font-weight: 500; } .review-item:not(:last-child) { border-bottom: calc(var(--box-size) / 2) solid #F6E2E6; } @media only screen and (min-width: 1920px) { .review-item:not(:last-child) { padding-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .review-item:not(:last-child) { padding-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .review-item:not(:last-child) { padding-bottom: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) { .review-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .review-item:not(:last-child) { margin-bottom: var(--indent-size); } } .review-top { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .review-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 1920px) { .review-top:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .review-top:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .review-top:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .review-top__left { overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 768px) { .review-top__left { width: calc(var(--box-size) * 40); } } .review-top__right { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: calc(var(--indent-size) / 2) 0 0; } .review-top h5 { word-break: break-word; } @media only screen and (min-width: 768px) { .review-top h5:not(:last-child) { margin-bottom: calc(var(--indent-size) / 2); } } @media only screen and (max-width: 767px) { .review-top h5:not(:last-child) { margin-bottom: 0; } } .review-top time { color: #8E7D82; } @media only screen and (min-width: 1920px) { .review-top time { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .review-top time { font-size: 13px; line-height: 1.5384615385; } } .review-top p { word-break: break-word; } .review-top p:not(:first-child) { margin-top: 0; } .review-top .rating { font-weight: 600; margin: 0 0 calc(var(--indent-size) / 2 * 3); } .review-img { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) / 2)) 0; } .review-img__item { display: block; margin: var(--grid-size) calc(var(--grid-size) / 2) 0; } @media only screen and (min-width: 1280px) { .review-img__item { width: calc(25% - var(--grid-size)); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .review-img__item { width: calc(16.666667% - var(--grid-size)); } } @media only screen and (max-width: 767px) { .review-img__item { width: calc(25% - var(--grid-size)); } } .review-img__item:hover img.lazy.anim { -webkit-transform: scale(1.1); transform: scale(1.1); } .review-img__item .object-fit { background-color: #F2F2F2; } @media only screen and (min-width: 1920px) { .review-img__item .object-fit { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .review-img__item .object-fit { border-radius: calc(var(--border-radius) / 4 * 3); } } .review-company { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #FCF4F4; font-weight: 500; } @media only screen and (min-width: 1920px) { .review-company { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .review-company { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .review-company { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .review-company { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .review-company { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .review-company { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (max-width: 767px) { .review-company { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } @media only screen and (min-width: 1920px) { .review-company { padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 6) calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .review-company { padding: calc(var(--indent-size) * 4) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .review-company { padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2); } } .review-company__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: calc(var(--box-size) / 2) solid rgba(246, 226, 230, 0.59); } @media only screen and (min-width: 1920px) { .review-company__bottom { padding-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .review-company__bottom { padding-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .review-company__bottom { padding-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .review-company__bottom { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .review-company__bottom { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .review-company__bottom { margin-top: calc(var(--indent-size) * 3); } } .review-company__count { display: inline-block; font-weight: 600; } @media only screen and (min-width: 1920px) { .review-company__count { font-size: 96px; line-height: 1.1875; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .review-company__count { font-size: 68px; line-height: 1.2941176471; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .review-company__count { font-size: 54px; line-height: 1.2962962963; } } @media only screen and (max-width: 767px) { .review-company__count { font-size: 28px; line-height: 1.4285714286; } } .review-company__rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .review-company__rating-count { display: block; margin: var(--indent-size) 0 0; } @media only screen and (max-width: 767px) { .review-company__img { max-height: calc(var(--box-size) * 10); } } @media only screen and (max-width: 767px) { .review-company .rating-star svg { width: calc(var(--box-size) * 8); height: calc(var(--box-size) * 8); } } /** * delivery */ @media only screen and (max-width: 1279px) { .delivery-items .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .delivery-item { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .delivery-item { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .delivery-item { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .delivery-item { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .delivery-item { padding: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .delivery-item { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .delivery-item { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .delivery-item { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } @media only screen and (min-width: 768px) { .delivery-item h5:not(:first-child) { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .delivery-item h5:not(:first-child) { margin-top: var(--indent-size); } } .delivery-item__img { min-height: calc(var(--box-size) * 14); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; line-height: 1; } .delivery-item__btn { margin: auto 0 0; } /** * payment */ @media only screen and (max-width: 1279px) { .payment-items .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .payment-item { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .payment-item { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .payment-item { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .payment-item { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .payment-item { padding: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .payment-item { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .payment-item { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .payment-item { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } @media only screen and (min-width: 768px) { .payment-item h5:not(:first-child) { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .payment-item h5:not(:first-child) { margin-top: var(--indent-size); } } .payment-item__img { font-size: 0; line-height: 1; } .payment-item__btn { margin: auto 0 0; } /** * not-found */ .not-found { overflow: hidden; } @media only screen and (min-width: 1920px) { .not-found { margin-top: calc(var(--indent-size) * 25); margin-bottom: calc(var(--indent-size) * 30); } } .not-found__wrap { width: 100%; margin: 0 auto; } @media only screen and (min-width: 768px) { .not-found__wrap { max-width: 640px; } } @media only screen and (max-width: 767px) { .not-found__wrap { max-width: 320px; } } @media only screen and (min-width: 1920px) { .not-found__wrap p { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .not-found__wrap p { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .not-found__wrap p { font-size: 18px; line-height: 1.5555555556; } } .not-found__wrap a { color: #E9164D; } /** * anonymity */ @media only screen and (min-width: 1920px) { .anonymity-s q:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .anonymity-s q:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .anonymity-s q:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1280px) { .anonymity-s p { max-width: calc(1048 / 1440 * 100%); } } .anonymity-s a { color: #430315; } .anonymity-outline { text-align: center; font-size: 0; line-height: 1; } @media only screen and (max-width: 767px) { .anonymity-outline { max-width: 240px; margin: 0 auto; } } .anonymity-outline .outline-line { width: 100%; max-width: 480px; } .anonymity-outline .outline-line svg { position: static; } /** * worksheet */ .worksheet { font-weight: 500; } @media only screen and (min-width: 1920px) { .worksheet { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .worksheet { font-size: 16px; line-height: 1.75; } } @media only screen and (max-width: 767px) { .worksheet { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (min-width: 1920px) { .worksheet { padding: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .worksheet { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .worksheet { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .worksheet { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } .worksheet:not([class*=_not-bg]) { background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .worksheet:not([class*=_not-bg]) { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .worksheet:not([class*=_not-bg]) { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .worksheet:not([class*=_not-bg]) { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .worksheet-img { width: calc(var(--box-size) * 24); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .worksheet-img { width: calc(var(--box-size) * 20); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .worksheet-img { width: calc(var(--box-size) * 16); } } @media only screen and (max-width: 767px) { .worksheet-img { width: calc(var(--box-size) * 14); } } @media only screen and (min-width: 1920px) { .worksheet-img { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .worksheet-img { margin-bottom: calc(var(--indent-size) * 2); } } .worksheet-user { padding-top: 100%; } .worksheet-user .object-fit { background-color: #F6E2E6; border-radius: 50%; } @media only screen and (min-width: 1920px) { .worksheet .contacts-socials { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .worksheet .contacts-socials { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .worksheet .contacts-socials { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .worksheet .contacts-socials { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .worksheet .contacts-socials { margin-top: calc(var(--indent-size) * 2); } } .worksheet p { color: #8E7D82; } /** * contacts */ @media only screen and (max-width: 767px) { .contacts-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 768px) { .contacts-socials__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .contacts-socials__item:not(:last-child) { margin-bottom: var(--indent-size); } } .contacts-social { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #E9164D; } .contacts-social:hover { color: #F27C96; } .contacts-social__icon { font-size: 0; line-height: 1; } @media only screen and (min-width: 768px) { .contacts-social__icon { margin: -1px calc(var(--indent-size) * 2) 0 0; } } @media only screen and (max-width: 767px) { .contacts-social__icon { margin: -1px var(--indent-size) 0 0; } } .contacts-social__icon svg { fill: currentColor; } @media only screen and (max-width: 1919px) { .contacts-social__icon svg { width: calc(var(--box-size) * 6); height: auto; } } .contacts-items { font-weight: 500; } @media only screen and (min-width: 1920px) { .contacts-items { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .contacts-items { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .contacts-items { margin: calc(var(--indent-size) * 6) 0; } } @media only screen and (max-width: 767px) { .contacts-items { margin: calc(var(--indent-size) * 4) 0; } } .contacts-items:first-child { margin-top: 0; } .contacts-items:last-child { margin-bottom: 0; } @media only screen and (min-width: 1920px) { .contacts-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .contacts-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .contacts-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } .contacts-item__label { display: block; color: #8E7D82; } @media only screen and (min-width: 768px) { .contacts-item__label { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .contacts-item__label { margin-bottom: var(--indent-size); } } @media only screen and (min-width: 1920px) { .contacts-item__info { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .contacts-item__info { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .contacts-item__info { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .contacts-item__info { font-size: 18px; line-height: 1.5555555556; } } .contacts-requisites { background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .contacts-requisites { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .contacts-requisites { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .contacts-requisites { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .contacts-requisites { padding: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .contacts-requisites { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .contacts-requisites { padding: calc(var(--indent-size) * 2); } } .contacts-requisites h4 { font-weight: inherit; } .contacts-requisites p { color: #8E7D82; } /** * questions */ @media only screen and (min-width: 1920px) { .questions-group { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .questions-group { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .questions-group { margin: calc(var(--indent-size) * 6) 0; } } @media only screen and (max-width: 767px) { .questions-group { margin: calc(var(--indent-size) * 4) 0; } } .questions-group:first-child { margin-top: 0; } .questions-group:last-child { margin-bottom: 0; } @media only screen and (max-width: 1279px) { .questions-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .question-title { background-color: #FCF4F4; font-weight: 600; padding: calc(var(--indent-size) * 4) calc(var(--indent-size) * 8); } @media only screen and (min-width: 1920px) { .question-title { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .question-title { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .question-title { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .question-title { font-size: 48px; line-height: 1.3333333333; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .question-title { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .question-title { font-size: 30px; line-height: 1.2666666667; } } @media only screen and (max-width: 767px) { .question-title { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (min-width: 1920px) { .question-title { padding: calc(var(--indent-size) * 4) calc(var(--indent-size) * 8); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .question-title { padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .question-title { padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .question-title { padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1920px) { .question-content { padding-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .question-content { padding-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .question-content { padding-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .question-content { margin-left: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .question-content { margin-left: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .question-content { margin-left: calc(var(--indent-size) * 3); } } /** * subscribe */ .subscribe { position: relative; z-index: 1; } @media only screen and (min-width: 1920px) { .subscribe { margin: calc(var(--indent-size) * 15) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .subscribe { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .subscribe { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (max-width: 767px) { .subscribe { margin: calc(var(--indent-size) * 6) 0; } } .subscribe-box { text-align: center; color: #E9164D; } @media only screen and (min-width: 1920px) { .subscribe-box { margin: calc(var(--indent-size) * 15) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .subscribe-box { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .subscribe-box { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (max-width: 767px) { .subscribe-box { margin: calc(var(--indent-size) * 6) 0; } } .subscribe-box:not(:only-child) { background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .subscribe-box:not(:only-child) { border-radius: calc(var(--border-radius) * 3); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .subscribe-box:not(:only-child) { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .subscribe-box:not(:only-child) { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .subscribe-box:not(:only-child) { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .subscribe-box:not(:only-child) { padding: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .subscribe-box:not(:only-child) { padding: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .subscribe-box:not(:only-child) { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .subscribe-box:not(:only-child) { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .subscribe-box:not(:only-child) { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } .subscribe-box:first-child { margin-top: 0; } .subscribe-box:last-child { margin-bottom: 0; } .subscribe-box .outline-line { text-align: center; } @media only screen and (min-width: 1920px) { .subscribe-socials { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .subscribe-socials { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .subscribe-socials { margin-top: calc(var(--indent-size) * 3); } } .subscribe-socials .socials { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /** * addresses */ @media only screen and (max-width: 1279px) { .addresses-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (max-width: 767px) { .addresses-row > [class*=col-]:first-child { margin-top: 0; } } .addresses-items { position: relative; } @media only screen and (min-width: 1280px) { .addresses-items { height: 100%; } } @media only screen and (min-width: 1280px) { .addresses-scroll { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; padding: 0 calc(calc(var(--indent-size) * 8) + 4px) 0 0; } } .addresses-scroll::-webkit-scrollbar { width: 4px; } .addresses-scroll::-webkit-scrollbar-track { background-color: #F6E2E6; border-radius: 100px; } .addresses-scroll::-webkit-scrollbar-thumb { background-color: #E9164D; border-radius: 100px; } .addresses .map { padding-top: 89.2857142857%; } @media only screen and (max-width: 767px) { .addresses .map { display: none; } } .address-item { position: relative; font-weight: 500; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1280px) { .address-item:hover { background-color: #F6E2E6; } } @media only screen and (min-width: 1280px) { .address-item:hover .arrow-btn { background-color: #E9164D; border-color: #E9164D; color: #FFFFFF; } } @media only screen and (min-width: 1920px) { .address-item { padding: calc(var(--indent-size) * 4) calc(calc(var(--indent-size) * 8) + calc(var(--box-size) * 14)) calc(var(--indent-size) * 4) calc(var(--indent-size) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .address-item { padding: calc(var(--indent-size) * 3) calc(calc(var(--indent-size) * 6) + calc(var(--box-size) * 12)) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1280px) { .address-item { background-color: #FCF4F4; } } @media only screen and (min-width: 1280px) and (min-width: 1920px) { .address-item { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 1280px) and (min-width: 768px) and (max-width: 1919px) { .address-item { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (min-width: 1280px) and (max-width: 767px) { .address-item { border-radius: var(--border-radius); } } @media only screen and (min-width: 768px) { .address-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .address-item:not(:last-child) { margin-bottom: var(--indent-size); } } @media only screen and (max-width: 1279px) { .address-item:not(:last-child) { border-bottom: 1px solid #F6E2E6; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .address-item:not(:last-child) { padding-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .address-item:not(:last-child) { padding-bottom: var(--indent-size); } } @media only screen and (min-width: 1280px) { .address-item__content { max-width: 63.3986928105%; } } .address-item__content h6:not(:last-child) { margin-bottom: var(--indent-size); } .address-item__map { color: #E9164D; font-weight: 600; } @media only screen and (min-width: 1920px) { .address-item__map { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .address-item__map { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 768px) { .address-item__map { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .address-item__map { margin-top: var(--indent-size); } } @media only screen and (min-width: 1280px) { .address-item__map { display: none; } } @media only screen and (max-width: 1279px) { .address-item__map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .address-item__map svg { fill: currentColor; margin-right: calc(var(--indent-size) / 2); } .address-item__schedule { display: block; color: #8E7D82; } @media only screen and (min-width: 1920px) { .address-item__schedule { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .address-item__schedule { font-size: 13px; line-height: 1.5384615385; } } .address-item .arrow-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #E9164D; } @media only screen and (min-width: 1920px) { .address-item .arrow-btn { right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .address-item .arrow-btn { right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1279px) { .address-item .arrow-btn { display: none; } } /** * shop */ .shop-contacts { font-weight: 500; } @media only screen and (max-width: 1279px) { .shop-contact:not([class*=_big]) { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .shop-contact:not([class*=_big]):not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .shop-contact:not([class*=_big]):not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1279px) { .shop-contact:not([class*=_big]) .shop-contact__info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media only screen and (min-width: 1920px) { .shop-contact_big:not(:last-child) { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .shop-contact_big:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .shop-contact_big:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } .shop-contact_big .shop-contact__info { font-weight: 600; } @media only screen and (min-width: 1920px) { .shop-contact_big .shop-contact__info { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .shop-contact_big .shop-contact__info { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .shop-contact_big .shop-contact__info { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (max-width: 767px) { .shop-contact_big .shop-contact__info { font-size: 24px; line-height: 1.4166666667; } } .shop-contact__label { display: block; color: #8E7D82; margin-bottom: calc(var(--indent-size) / 2); } @media only screen and (max-width: 1279px) { .shop-contact__label { width: 126px; margin-bottom: 0; } } .shop-img { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 768px) { .shop-img { margin: calc(-1 * calc(var(--grid-size) * 2)) calc(-1 * var(--grid-size)) 0; } } @media only screen and (max-width: 767px) { .shop-img { margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) / 2)) 0; } } .shop-img__plus { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: 0.75s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.75s cubic-bezier(0.76, 0, 0.24, 1); } .shop-img__plus svg { fill: currentColor; } .shop-img__item { display: block; } .shop-img__item:hover .shop-img__plus { opacity: 1; } .shop-img__item:hover img.lazy { -webkit-transform: scale(1.1); transform: scale(1.1); } @media only screen and (min-width: 768px) { .shop-img__item { margin: calc(var(--grid-size) * 2) var(--grid-size) 0; } } @media only screen and (max-width: 767px) { .shop-img__item { margin: var(--grid-size) calc(var(--grid-size) / 2) 0; } } @media only screen and (min-width: 1280px) { .shop-img__item { width: calc(25% - calc(var(--grid-size) * 2)); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .shop-img__item { width: calc(16.666667% - calc(var(--grid-size) * 2)); } } @media only screen and (max-width: 767px) { .shop-img__item { width: calc(25% - var(--grid-size)); } } .shop-img__item .object-fit { background-color: #F2F2F2; } @media only screen and (min-width: 1920px) { .shop-img__item .object-fit { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 1919px) { .shop-img__item .object-fit { border-radius: var(--border-radius); } } .shop-img__add { display: block; color: #E9164D; font-weight: 600; text-align: center; } @media only screen and (min-width: 1920px) { .shop-img__add { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .shop-img__add { font-size: 13px; line-height: 1.5384615385; } } .shop-img__add:hover .shop-img__add-inner { border-radius: 50%; } .shop-img__add svg { stroke: currentColor; } .shop-img__add span { display: block; } @media only screen and (min-width: 768px) { .shop-img__add { margin: calc(var(--grid-size) * 2) var(--grid-size) 0; } } @media only screen and (max-width: 767px) { .shop-img__add { margin: var(--grid-size) calc(var(--grid-size) / 2) 0; } } @media only screen and (min-width: 1280px) { .shop-img__add { width: calc(25% - calc(var(--grid-size) * 2)); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .shop-img__add { width: calc(16.666667% - calc(var(--grid-size) * 2)); } } @media only screen and (max-width: 767px) { .shop-img__add { width: calc(25% - var(--grid-size)); } } .shop-img__add-wrap { position: relative; height: 0; padding-top: 100%; } .shop-img__add-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: #FCF4F4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: calc(var(--indent-size) / 2); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .shop-img__add-inner { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 1919px) { .shop-img__add-inner { border-radius: var(--border-radius); } } @media only screen and (min-width: 1280px) { .shop-prev { display: none; } } @media only screen and (max-width: 1279px) { .shop-map h4 { display: none; } } /** * credit */ .credit-date { color: #E9164D; } @media only screen and (max-width: 1279px) { .credit-date__row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 1920px) { .credit-date__items { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .credit-date__items { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .credit-date__items { margin-top: calc(var(--indent-size) * 3); } } .credit-date__item { background-color: #F6E2E6; font-weight: 600; text-align: center; text-transform: uppercase; } @media only screen and (min-width: 1920px) { .credit-date__item { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .credit-date__item { border-radius: calc(var(--border-radius) / 4 * 3); } } @media only screen and (min-width: 1920px) { .credit-date__item { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .credit-date__item { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .credit-date__item { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) { .credit-date__item { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .credit-date__item { padding: calc(var(--indent-size) * 2); } } .credit-conditions__desc { color: #E9164D; } @media only screen and (min-width: 1920px) { .credit-conditions__desc { padding-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .credit-conditions__desc { padding-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .credit-conditions__desc { padding-top: calc(var(--indent-size) * 2); } } .credit-conditions__desc-icon { display: inline-block; vertical-align: top; line-height: 1; } @media only screen and (min-width: 1920px) { .credit-conditions__desc-icon { font-size: 160px; } } @media only screen and (max-width: 1919px) { .credit-conditions__desc-icon { font-size: 80px; } } @media only screen and (min-width: 1920px) { .credit-conditions__desc h2:not(:first-child) { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .credit-conditions__desc h2:not(:first-child) { margin-top: calc(var(--indent-size) * 2); } } .credit-conditions__items { background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .credit-conditions__items { border-radius: calc(var(--border-radius) * 3); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .credit-conditions__items { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .credit-conditions__items { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .credit-conditions__items { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .credit-conditions__items { padding: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .credit-conditions__items { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .credit-conditions__items { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .credit-conditions__items { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } @media only screen and (min-width: 1920px) { .credit-conditions__item { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .credit-conditions__item { font-size: 16px; line-height: 1.75; } } @media only screen and (max-width: 767px) { .credit-conditions__item { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (min-width: 1920px) { .credit-conditions__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .credit-conditions__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .credit-conditions__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } .credit-conditions__item-title { display: block; font-weight: 600; } @media only screen and (min-width: 1920px) { .credit-conditions__item-title { font-size: 48px; line-height: 1.3333333333; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .credit-conditions__item-title { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .credit-conditions__item-title { font-size: 30px; line-height: 1.2666666667; } } @media only screen and (max-width: 767px) { .credit-conditions__item-title { font-size: 22px; line-height: 1.4545454545; } } .credit-conditions__item p { color: #8E7D82; } @media only screen and (min-width: 768px) { .credit-conditions__item p:not(:first-child) { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .credit-conditions__item p:not(:first-child) { margin-top: var(--indent-size); } } /** * cite */ .cite { color: #E9164D; text-align: center; } .cite-line { overflow: hidden; } @media only screen and (min-width: 1920px) { .cite-line { margin: calc(var(--indent-size) * 10) calc(-1 * calc(var(--grid-size) * 8)); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .cite-line { margin: calc(var(--indent-size) * 8) calc(-1 * calc(var(--grid-size) * 4)); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .cite-line { margin: calc(var(--indent-size) * 6) calc(-1 * calc(var(--grid-size) * 4)); } } @media only screen and (max-width: 767px) { .cite-line { margin: calc(var(--indent-size) * 4) calc(-1 * calc(var(--grid-size) * 3)); } } .cite-line:first-child { margin-top: 0; } .cite-line:last-child { margin-bottom: 0; } .cite-line:last-child .cite-line__item { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .cite-line__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; font-size: 0; line-height: 1; } @media only screen and (min-width: 1920px) { .cite-line__item { padding: 0 calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .cite-line__item { padding: 0 calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .cite-line__item { padding: 0 calc(var(--indent-size) * 3); } } .cite-line__item.swiper-slide { height: auto; } @media only screen and (min-width: 768px) { .cite-line__item.swiper-slide { width: auto; } } @media only screen and (max-width: 767px) { .cite-line__item.swiper-slide { width: 33.333333vw; } } .cite-wrapper.swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; } /** * discount */ @media only screen and (max-width: 1279px) { .discount-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (min-width: 1920px) { .discount-items { margin: calc(var(--indent-size) * 15) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .discount-items { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .discount-items { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (max-width: 767px) { .discount-items { margin: calc(var(--indent-size) * 6) 0; } } .discount-item { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #FCF4F4; font-weight: 600; } @media only screen and (min-width: 1920px) { .discount-item { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .discount-item { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .discount-item { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .discount-item { padding: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .discount-item { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .discount-item { padding: calc(var(--indent-size) * 2); } } .discount-item__count { display: inline-block; vertical-align: top; color: #E9164D; } @media only screen and (min-width: 1920px) { .discount-item__count { font-size: 96px; line-height: 1.1875; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .discount-item__count { font-size: 68px; line-height: 1.2941176471; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .discount-item__count { font-size: 54px; line-height: 1.2962962963; } } @media only screen and (max-width: 767px) { .discount-item__count { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 1920px) { .discount-item__sum { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .discount-item__sum { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .discount-item__sum { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .discount-item__sum { margin-top: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .discount-item__sum { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .discount-item__sum { margin-top: calc(var(--indent-size) * 3); } } /** * instruction */ .instruction-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (min-width: 1920px) { .instruction-item { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .instruction-item { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .instruction-item { margin: calc(var(--indent-size) * 6) 0; } } @media only screen and (max-width: 767px) { .instruction-item { margin: calc(var(--indent-size) * 4) 0; } } @media only screen and (max-width: 1279px) { .instruction-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .instruction-item:first-child { margin-top: 0; } .instruction-item:last-child { margin-bottom: 0; } .instruction-item__left { -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 1280px) { .instruction-item__left { width: calc(400px / 1440px * 100%); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .instruction-item__left { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .instruction-item__left { margin-bottom: calc(var(--indent-size) * 2); } } .instruction-item__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (min-width: 768px) { .instruction-item__content h3:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .instruction-item__content h3:not(:last-child) { margin-bottom: var(--indent-size); } } .instruction-item__count { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background-color: #E9164D; border-radius: 50%; color: #FFFFFF; font-weight: 600; } @media only screen and (min-width: 1920px) { .instruction-item__count { width: calc(var(--box-size) * 30); height: calc(var(--box-size) * 30); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .instruction-item__count { width: calc(var(--box-size) * 20); height: calc(var(--box-size) * 20); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .instruction-item__count { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (max-width: 767px) { .instruction-item__count { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (min-width: 1920px) { .instruction-item__count { font-size: 56px; line-height: 1.25; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .instruction-item__count { font-size: 40px; line-height: 1.3; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .instruction-item__count { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (max-width: 767px) { .instruction-item__count { font-size: 24px; line-height: 1.4166666667; } } /** * callback */ .callback { position: relative; z-index: 2; } @media only screen and (min-width: 1920px) { .callback { margin: calc(var(--indent-size) * 15) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .callback { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .callback { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (max-width: 767px) { .callback { margin: calc(var(--indent-size) * 6) 0; } } .callback-wrap { background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .callback-wrap { border-radius: calc(var(--border-radius) * 3); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .callback-wrap { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .callback-wrap { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .callback-wrap { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .callback-wrap { padding: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .callback-wrap { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .callback-wrap { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .callback-wrap { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } @media only screen and (max-width: 1279px) { .callback-wrap .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .callback-info p { color: #8E7D82; } @media only screen and (min-width: 1920px) { .callback-info p { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .callback-info p { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .callback-info p { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .callback-img { width: calc(var(--box-size) * 24); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .callback-img { width: calc(var(--box-size) * 20); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .callback-img { width: calc(var(--box-size) * 16); } } @media only screen and (max-width: 767px) { .callback-img { width: calc(var(--box-size) * 14); } } .callback-user { padding-top: 100%; } .callback-user .object-fit { background-color: #F6E2E6; border-radius: 50%; } /** * lk */ @media only screen and (max-width: 1279px) { .lk-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-menu { padding-left: calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .lk-menu { padding-left: calc(var(--grid-size) * 2); } } @media only screen and (max-width: 1279px) { .lk-menu::after { content: ""; -ms-flex-negative: 0; flex-shrink: 0; display: block; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-menu::after { width: calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .lk-menu::after { width: calc(var(--grid-size) * 2); } } @media only screen and (max-width: 1279px) { .lk-menu__wrap { border-bottom: 2px solid #F6E2E6; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-menu__wrap { margin: 0 calc(-1 * calc(var(--grid-size) * 3)) calc(var(--indent-size) * 4); padding: 0 calc(var(--grid-size) * 3) calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .lk-menu__wrap { margin: 0 calc(-1 * calc(var(--grid-size) * 2)) calc(var(--indent-size) * 3); padding: 0 calc(var(--grid-size) * 2) calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1279px) { .lk-menu__scroll { overflow: hidden; overflow-x: auto; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-menu__scroll { margin-left: calc(-1 * calc(var(--grid-size) * 3)); margin-right: calc(-1 * calc(var(--grid-size) * 3)); } } @media only screen and (max-width: 767px) { .lk-menu__scroll { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } .lk-menu__scroll::-webkit-scrollbar { display: none; } .lk-menu__item { -ms-flex-negative: 0; flex-shrink: 0; font-size: 0; line-height: 1; } @media only screen and (min-width: 1920px) { .lk-menu__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-menu__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 1279px) { .lk-menu__item:not(:last-child) { margin-right: calc(var(--indent-size) * 3); } } .lk-menu__item_active .lk-menu__link { color: #E9164D; cursor: default; } .lk-menu__item_active .lk-menu__link svg { fill: #E9164D; } .lk-menu__item_logout .lk-menu__link { color: #8E7D82; } .lk-menu__link { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; } @media only screen and (min-width: 1920px) { .lk-menu__link { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-menu__link { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .lk-menu__link { font-size: 18px; line-height: 1.5555555556; } } .lk-menu__link span:not([class]) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lk-menu__link svg { fill: #8E7D82; } @media only screen and (min-width: 1920px) { .lk-menu__link .count { margin-left: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1919px) { .lk-menu__link .count { margin-left: var(--indent-size); } } .lk-menu__icon { -ms-flex-negative: 0; flex-shrink: 0; font-size: 0; line-height: 1; margin-top: -1px; } @media only screen and (min-width: 1920px) { .lk-menu__icon { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .lk-menu__icon { margin-right: calc(var(--indent-size) * 2); } } .lk-banner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-weight: 500; } @media only screen and (min-width: 1920px) { .lk-banner { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-banner { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .lk-banner { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .lk-banner { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-banner { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .lk-banner { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .lk-banner { padding: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-banner { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-banner { padding: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .lk-banner { margin: calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-banner { margin: calc(var(--indent-size) * 3) 0; } } @media only screen and (max-width: 767px) { .lk-banner { margin: calc(var(--indent-size) * 2) 0; } } .lk-banner:first-child { margin-top: 0; } .lk-banner:last-child { margin-bottom: 0; } @media only screen and (max-width: 767px) { .lk-banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .lk-banner.is-close { display: none; } .lk-banner.is-close + * { margin-top: 0; } .lk-banner:not([class*=_border]) { background-color: #FCF4F4; } .lk-banner:not([class*=_border]) .lk-icon { background-color: #F6E2E6; } @media only screen and (min-width: 1920px) { .lk-banner:not([class*=_border]):not(.is-close) + *:not([class*=-banner]) { margin-top: calc(var(--indent-size) * 10); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-banner:not([class*=_border]):not(.is-close) + *:not([class*=-banner]) { margin-top: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-banner:not([class*=_border]):not(.is-close) + *:not([class*=-banner]) { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { .lk-banner:not([class*=_border]):not(.is-close) + *:not([class*=-banner]) { margin-top: calc(var(--indent-size) * 4); } } .lk-banner_border { background-color: transparent; border: 1px solid #E9164D; } .lk-banner_border .lk-icon { background-color: #FCF4F4; } .lk-banner__icon { -ms-flex-negative: 0; flex-shrink: 0; font-size: 0; line-height: 1; } @media only screen and (min-width: 1920px) { .lk-banner__icon { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .lk-banner__icon { margin-right: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .lk-banner__icon { margin-bottom: calc(var(--indent-size) * 2); } } .lk-banner__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (min-width: 1920px) { .lk-banner__btn { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .lk-banner__btn { margin-top: calc(var(--indent-size) * 2); } } .lk-banner__close { position: absolute; right: calc(var(--indent-size) * 2); top: calc(var(--indent-size) * 2); font-size: 0; line-height: 1; color: #8E7D82; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .lk-banner__close:hover { color: #E9164D; } .lk-banner__close svg { fill: currentColor; } @media only screen and (max-width: 767px) { .lk-dashboard__row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .lk-card { height: 100%; position: relative; background-color: #FCF4F4; font-weight: 500; } @media only screen and (min-width: 1920px) { .lk-card { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-card { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .lk-card { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .lk-card { padding: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-card { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-card { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .lk-card__row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .lk-card__wrap { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 1920px) { .lk-card__desc:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-card__desc:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-card__desc:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .lk-card__desc-info { font-weight: 600; } .lk-card__desc p { color: #8E7D82; margin: var(--indent-size) 0 var(--indent-size); } .lk-card__desc p:first-child { margin-top: 0; } .lk-card__desc p:last-child { margin-bottom: 0; } .lk-card__sum { display: inline-block; vertical-align: top; font-weight: 600; color: #E9164D; } @media only screen and (min-width: 1920px) { .lk-card__sum { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-card__sum { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-card__sum { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .lk-card__sum { font-size: 18px; line-height: 1.5555555556; } } .lk-card__btn { margin: auto 0 0; } .lk-card__bonus { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 1920px) { .lk-card__bonus-sum { padding-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .lk-card__bonus-sum { padding-top: calc(var(--indent-size) * 2); } } .lk-card__bonus-sum p { max-width: 230px; } .lk-card__bonus-count { display: inline-block; vertical-align: top; font-weight: 600; color: #E9164D; } @media only screen and (min-width: 1920px) { .lk-card__bonus-count { font-size: 96px; line-height: 1.1875; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-card__bonus-count { font-size: 68px; line-height: 1.2941176471; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-card__bonus-count { font-size: 54px; line-height: 1.2962962963; } } @media only screen and (max-width: 767px) { .lk-card__bonus-count { font-size: 28px; line-height: 1.4285714286; } } .lk-card__bonus-hint { color: #8E7D82; } @media only screen and (min-width: 1920px) { .lk-card__bonus-hint { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .lk-card__bonus-hint { font-size: 13px; line-height: 1.5384615385; } } .lk-card .lk-icon { background-color: #F6E2E6; } .lk-card .lk-user { background-color: #F6E2E6; } .lk-card h4 { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lk-card h4:not(:first-child) { margin-top: calc(var(--indent-size) * 2); } @media only screen and (min-width: 1920px) { .lk-card h4 .count { margin-left: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1919px) { .lk-card h4 .count { margin-left: var(--indent-size); } } .lk-empty { position: relative; background-color: #FCF4F4; font-weight: 500; color: #E9164D; margin: 8px 0; } @media only screen and (min-width: 1920px) { .lk-empty { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-empty { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .lk-empty { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .lk-empty { padding: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-empty { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-empty { padding: calc(var(--indent-size) * 2); } } .lk-empty:first-child { margin-top: 0; } .lk-empty:last-child { margin-bottom: 0; } .lk-empty__title { font-weight: 600; } @media only screen and (min-width: 1920px) { .lk-empty__title { font-size: 48px; line-height: 1.3333333333; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-empty__title { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-empty__title { font-size: 30px; line-height: 1.2666666667; } } @media only screen and (max-width: 767px) { .lk-empty__title { font-size: 22px; line-height: 1.4545454545; } } .lk-empty__title span:not([class]) { font-weight: 400; } @media only screen and (min-width: 1920px) { .lk-empty__desc { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-empty__desc { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .lk-empty__desc { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) { .lk-empty__desc { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .lk-empty__desc { margin-top: var(--indent-size); } } @media only screen and (min-width: 1920px) { .lk-empty__btn { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-empty__btn { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-empty__btn { margin-top: calc(var(--indent-size) * 2); } } .lk-icon { background-color: transparent; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; line-height: 1; } @media only screen and (min-width: 1920px) { .lk-icon { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-icon { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1279px) { .lk-icon { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (min-width: 1920px) { .lk-icon { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .lk-icon { border-radius: calc(var(--border-radius) / 4 * 3); } } .lk-icon svg { fill: #E9164D; } .lk-user { background-color: transparent; border-radius: 50%; } @media only screen and (min-width: 1920px) { .lk-user { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-user { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1279px) { .lk-user { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (min-width: 768px) { .lk-user { padding: var(--indent-size); } } @media only screen and (max-width: 767px) { .lk-user { padding: calc(var(--indent-size) / 2); } } .lk-user__img { padding-top: 100%; } .lk-user__img .object-fit { background-color: #F6E2E6; border-radius: 50%; } @media only screen and (min-width: 1920px) { .lk-group { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-group { margin: calc(var(--indent-size) * 4) 0; } } @media only screen and (max-width: 767px) { .lk-group { margin: calc(var(--indent-size) * 3) 0; } } .lk-group:first-child { margin-top: 0; } .lk-group:last-child { margin-bottom: 0; } .lk-group__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { .lk-group__head { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-group__head { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-group__head { margin-bottom: calc(var(--indent-size) * 2); } } .lk-group__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .lk-group__title h4:not(:first-child) { margin-top: 0; } .lk-group__title h4:not(:last-child) { margin-bottom: 0; } @media only screen and (min-width: 1920px) { .lk-group__title .count { margin-left: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1919px) { .lk-group__title .count { margin-left: var(--indent-size); } } @media only screen and (min-width: 768px) { .lk-arrows { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 767px) { .lk-arrows { display: none; } } @media only screen and (min-width: 1920px) { .lk-arrow:not(:last-child) { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-arrow:not(:last-child) { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-arrow:not(:last-child) { margin-right: calc(var(--indent-size) * 2); } } .lk-box { background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .lk-box { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-box { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .lk-box { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .lk-box { padding: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-box { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-box { padding: calc(var(--indent-size) * 2); } } .lk-ordering { position: relative; background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .lk-ordering { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-ordering { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .lk-ordering { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .lk-ordering { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-ordering { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .lk-ordering { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .lk-ordering { padding: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-ordering { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-ordering { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .lk-ordering { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } .lk-ordering h5:not(:last-child) { margin-bottom: calc(var(--indent-size) / 2); } .lk-ordering p { font-weight: 500; } .lk-ordering__value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; } @media only screen and (max-width: 1279px) { .lk-ordering__value { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .lk-ordering__value:not(:last-child) { margin: 0 0 var(--indent-size); } .lk-ordering__value_plus .lk-ordering__value-sum { color: #7EE07B; } .lk-ordering__value_minus .lk-ordering__value-sum { color: #E9164D; } .lk-ordering__value-title { color: #8E7D82; text-transform: uppercase; } @media only screen and (min-width: 1920px) { .lk-ordering__value-title { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .lk-ordering__value-title { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 768px) { .lk-ordering__value-title { margin-right: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .lk-ordering__value-title { margin-right: var(--indent-size); } } @media only screen and (min-width: 1920px) { .lk-ordering__value-sum { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-ordering__value-sum { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .lk-ordering__value-sum { font-size: 18px; line-height: 1.5555555556; } } .lk-ordering__value span { display: inline-block; vertical-align: top; } @media only screen and (min-width: 1920px) { .lk-ordering__values { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .lk-ordering__values { margin-top: calc(var(--indent-size) * 2); } } .lk-ordering__values_end { border-top: calc(var(--box-size) / 2) solid #F6E2E6; } @media only screen and (min-width: 1920px) { .lk-ordering__values_end { padding-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .lk-ordering__values_end { padding-top: calc(var(--indent-size) * 2); } } .lk-ordering__help { color: #8E7D82; } @media only screen and (min-width: 768px) { .lk-ordering__btn { margin: calc(var(--indent-size) * 2) 0; } } @media only screen and (max-width: 767px) { .lk-ordering__btn { margin: var(--indent-size) 0; } } .lk-ordering__btn .btn { width: 100%; } @media only screen and (min-width: 1280px) { .lk-basket { margin-right: calc(-1 * (1792px - 1440px) / 2); } } @media only screen and (max-width: 1279px) { .lk-basket .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 1920px) { .lk-slider__wrap { margin: 0 calc(-1 * calc(var(--grid-size) * 2)); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-slider__wrap { margin: 0 calc(-1 * calc(var(--grid-size) / 2 * 3)); } } @media only screen and (max-width: 767px) { .lk-slider__wrap { margin: 0 calc(-1 * var(--grid-size)); } } @media only screen and (max-width: 1279px) { .lk-slider.swiper-container { overflow: visible; } } @media only screen and (min-width: 1920px) { .lk-slide { padding: 0 calc(var(--grid-size) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-slide { padding: 0 calc(var(--grid-size) / 2 * 3); } } @media only screen and (max-width: 767px) { .lk-slide { padding: 0 var(--grid-size); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-slide.swiper-slide { width: calc(54vw + calc(var(--grid-size) * 6)); } } @media only screen and (max-width: 767px) { .lk-slide.swiper-slide { width: calc(74vw + calc(var(--grid-size) * 4)); } } @media only screen and (min-width: 1920px) { .lk-accordion:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-accordion:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-accordion:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .lk-accordion_open .lk-accordion__title { background-color: #F6E2E6; } .lk-accordion_open .lk-accordion__title .arrow-btn { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .lk-accordion__title { position: relative; z-index: 1; background-color: #FCF4F4; border: 1px solid #FCF4F4; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .lk-accordion__title { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-accordion__title { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .lk-accordion__title { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .lk-accordion__title { min-height: calc(var(--box-size) * 30); padding: calc(var(--indent-size) * 4) calc(calc(var(--box-size) * 14) + calc(var(--indent-size) * 8)) calc(var(--indent-size) * 4) calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-accordion__title { min-height: calc(var(--box-size) * 24); padding: calc(var(--indent-size) * 3) calc(calc(var(--box-size) * 12) + calc(var(--indent-size) * 6)) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-accordion__title { min-height: calc(var(--box-size) * 20); padding: calc(var(--indent-size) * 2) calc(calc(var(--box-size) * 12) + calc(var(--indent-size) * 4)) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2); } } .lk-accordion__title .arrow-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #E9164D; } @media only screen and (min-width: 1920px) { .lk-accordion__title .arrow-btn { right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-accordion__title .arrow-btn { right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-accordion__title .arrow-btn { right: calc(var(--indent-size) * 2); } } .lk-accordion__content { display: none; position: relative; overflow: hidden; background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .lk-accordion__content { border-bottom-left-radius: calc(var(--border-radius) * 2); border-bottom-right-radius: calc(var(--border-radius) * 2); margin: calc(-1 * calc(var(--indent-size) * 4)) 0 0; padding: calc(var(--indent-size) * 8) calc(var(--indent-size) * 4) calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-accordion__content { border-bottom-left-radius: calc(var(--border-radius) / 2 * 3); border-bottom-right-radius: calc(var(--border-radius) / 2 * 3); margin: calc(-1 * calc(var(--indent-size) * 3)) 0 0; padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-accordion__content { border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); margin: calc(-1 * calc(var(--indent-size) * 2)) 0 0; padding: calc(var(--indent-size) * 4) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2); } } .lk-purchases__group:not(:last-child) { border-bottom: calc(var(--box-size) / 2) solid #F6E2E6; } @media only screen and (min-width: 1920px) { .lk-purchases__group:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-purchases__group:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-purchases__group:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .lk-purchases__group:not(:last-child) { padding-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-purchases__group:not(:last-child) { padding-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-purchases__group:not(:last-child) { padding-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1279px) { .lk-purchases__group .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .lk-purchases__group .link-next:not(:last-child) { margin-right: 16px; } @media only screen and (min-width: 1920px) { .lk-purchase__list:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .lk-purchase__list:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .lk-purchase__list li { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; } @media only screen and (min-width: 1920px) { .lk-purchase__list li { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-purchase__list li { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .lk-purchase__list li { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 767px) { .lk-purchase__list li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media only screen and (min-width: 768px) { .lk-purchase__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .lk-purchase__list li:not(:last-child) { margin-bottom: var(--indent-size); } } .lk-purchase__list li span { display: inline-block; vertical-align: top; } @media only screen and (min-width: 768px) { .lk-purchase__list li span { width: 50%; } } .lk-purchase__list li span:first-child { color: #8E7D82; } .lk-purchase__head { font-weight: 500; } @media only screen and (min-width: 1920px) { .lk-purchase__head { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-purchase__head { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .lk-purchase__head { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1279px) { .lk-purchase__head .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .lk-purchase__info li:not(:last-child) { margin: 0 0 var(--indent-size); } .lk-purchase__number { display: inline-block; vertical-align: top; font-weight: 600; } @media only screen and (min-width: 1920px) { .lk-purchase__number { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-purchase__number { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .lk-purchase__number { font-size: 18px; line-height: 1.5555555556; } } .lk-purchase__status { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; color: #E9164D; text-transform: uppercase; } @media only screen and (min-width: 1920px) { .lk-purchase__status { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .lk-purchase__status { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .lk-purchase__status { margin: 5px 0 4px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-purchase__status { margin: 1px 0 4px; } } .lk-purchase__status > svg { fill: currentColor; margin: -1px var(--indent-size) 0 0; } .lk-purchase__status .help { margin-top: -1px; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-bonuses .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media only screen and (max-width: 767px) { .lk-bonuses .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .lk-bonus { font-weight: 500; } .lk-bonus__top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .lk-bonus__top > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .lk-bonus__info-item { font-weight: 500; } @media only screen and (min-width: 1920px) { .lk-bonus__info-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-bonus__info-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-bonus__info-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .lk-bonus__info-item_red .lk-bonus__info-title { color: #E9164D; } .lk-bonus__info-item p { color: #8E7D82; } @media only screen and (min-width: 1920px) { .lk-bonus__info-item p { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .lk-bonus__info-item p { font-size: 13px; line-height: 1.5384615385; } } .lk-bonus__info-title { display: inline-block; vertical-align: top; font-weight: 600; margin: 0 0 var(--indent-size); } @media only screen and (min-width: 1920px) { .lk-bonus__info-title { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-bonus__info-title { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-bonus__info-title { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .lk-bonus__info-title { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .lk-bonus__info-user { margin: calc(var(--indent-size) * 3) 0 var(--indent-size); } } @media only screen and (max-width: 1919px) { .lk-bonus__info-user { margin: calc(var(--indent-size) * 2) 0 var(--indent-size); } } .lk-bonus__count { display: inline-block; vertical-align: top; font-weight: 600; color: #E9164D; } @media only screen and (min-width: 1920px) { .lk-bonus__count { font-size: 96px; line-height: 1.1875; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-bonus__count { font-size: 68px; line-height: 1.2941176471; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-bonus__count { font-size: 54px; line-height: 1.2962962963; } } @media only screen and (max-width: 767px) { .lk-bonus__count { font-size: 28px; line-height: 1.4285714286; } } .lk-discount { position: relative; height: 0; background-color: #FCF4F4; overflow: hidden; padding-top: 56.2737642586%; } @media only screen and (min-width: 1920px) { .lk-discount { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-discount { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .lk-discount { border-radius: var(--border-radius); } } .lk-discount__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .lk-discount__logo { position: absolute; } @media only screen and (min-width: 1920px) { .lk-discount__logo { left: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-discount__logo { left: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-discount__logo { left: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .lk-discount__logo { top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-discount__logo { top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-discount__logo { top: calc(var(--indent-size) * 2); } } .lk-discount__user { position: absolute; background-color: transparent; border-radius: 50%; } @media only screen and (min-width: 1920px) { .lk-discount__user { left: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-discount__user { left: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-discount__user { left: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .lk-discount__user { bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-discount__user { bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-discount__user { bottom: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .lk-discount__user { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-discount__user { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1279px) { .lk-discount__user { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } .lk-discount__img { padding-top: 100%; } .lk-discount__img .object-fit { background-color: #F6E2E6; border-radius: 50%; } .lk-links li { font-weight: 500; } @media only screen and (min-width: 1920px) { .lk-links li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .lk-links li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .lk-links a { border-bottom: 1px solid currentColor; color: #E9164D; } .lk-accrual { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FCF4F4; font-weight: 500; } @media only screen and (min-width: 1920px) { .lk-accrual { border-radius: calc(var(--border-radius) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-accrual { border-radius: calc(var(--border-radius) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-accrual { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (max-width: 767px) { .lk-accrual { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .lk-accrual { padding: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-accrual { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-accrual { padding: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .lk-accrual:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-accrual:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-accrual:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .lk-accrual__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { .lk-accrual__col:not(:last-child) { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-accrual__col:not(:last-child) { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .lk-accrual__col:not(:last-child) { margin-right: calc(var(--indent-size) * 2); } } .lk-accrual__count { display: inline-block; vertical-align: middle; font-weight: 600; color: #E9164D; } @media only screen and (min-width: 1920px) { .lk-accrual__count { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-accrual__count { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-accrual__count { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .lk-accrual__count { font-size: 18px; line-height: 1.5555555556; } } .lk-accrual__icon { display: inline-block; vertical-align: middle; font-weight: 400; } @media only screen and (min-width: 1920px) { .lk-accrual__icon { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-accrual__icon { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-accrual__icon { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .lk-accrual__icon { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .lk-mailing__btn { margin-top: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-mailing__btn { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .lk-mailing__btn { margin-top: calc(var(--indent-size) * 3); } } .lk-mailing__item { position: relative; } @media only screen and (min-width: 1920px) { .lk-mailing__item { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-mailing__item { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-mailing__item { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .lk-mailing__item { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .lk-mailing__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .lk-mailing__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .lk-mailing__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } .lk-mailing__item-box { position: absolute; left: 0; width: calc(var(--box-size) * 15); height: calc(var(--box-size) * 8); background-color: #F27C96; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .lk-mailing__item-box { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .lk-mailing__item-box { border-radius: calc(var(--border-radius) / 4 * 3); } } @media only screen and (min-width: 1280px) { .lk-mailing__item-box { top: var(--indent-size); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-mailing__item-box { top: 0; } } @media only screen and (max-width: 767px) { .lk-mailing__item-box { top: calc(var(--indent-size) / 2); } } .lk-mailing__item-box::before { content: ""; position: absolute; left: calc(var(--indent-size) / 2); top: calc(var(--indent-size) / 2); width: calc(var(--box-size) * 6); height: calc(var(--box-size) * 6); background-color: #F6E2E6; border-radius: 50%; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .lk-mailing__item label:not(.error) { display: block; width: 100%; font-weight: 500; cursor: pointer; padding: 0 0 0 calc(var(--indent-size) * 10); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .lk-mailing__item input { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; cursor: pointer; } .lk-mailing__item input:checked ~ label .lk-mailing__item-box { background-color: #E9164D; } .lk-mailing__item input:checked ~ label .lk-mailing__item-box::before { left: calc(var(--indent-size) * 4); background-color: #FFFFFF; } @media only screen and (max-width: 1279px) { .lk-row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media only screen and (max-width: 1279px) { .lk-profile__row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } /** * ordering */ .ordering { position: relative; height: 100%; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 1920px) { .ordering-left { padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 8) calc(var(--indent-size) * 8); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .ordering-left { padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 3) calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .ordering-left { padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 3) 0; } } @media only screen and (max-width: 767px) { .ordering-left { padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 2) 0; } } @media only screen and (min-width: 1280px) { .ordering-left { background-color: #FCF4F4; width: 50%; } } @media only screen and (max-width: 1279px) { .ordering-left { width: 100%; } } @media only screen and (min-width: 1920px) { .ordering-right { padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 8) calc(var(--indent-size) * 8); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .ordering-right { padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 3) calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .ordering-right { padding: 0 calc(var(--indent-size) * 3) calc(var(--indent-size) * 10); } } @media only screen and (max-width: 767px) { .ordering-right { padding: 0 calc(var(--indent-size) * 2) calc(var(--indent-size) * 8); } } @media only screen and (min-width: 1280px) { .ordering-right { width: 50%; } } @media only screen and (max-width: 1279px) { .ordering-right { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .ordering-details { margin: 0 calc(-1 * calc(var(--grid-size) * 3)) calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .ordering-details { margin: 0 calc(-1 * calc(var(--grid-size) * 2)) calc(var(--indent-size) * 3); } } .ordering-details_open .ordering-details__title svg:last-child { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .ordering-details__title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #E9164D; text-transform: uppercase; } .ordering-details__title svg { fill: currentColor; margin-top: -3px; } .ordering-details__title svg:first-child { margin-right: 4px; } .ordering-details__title svg:last-child { margin-left: 4px; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .ordering-details__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FCF4F4; border: solid #F6E2E6; border-width: 1px 0 1px; font-weight: 600; cursor: pointer; } @media only screen and (min-width: 1280px) { .ordering-details__head { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .ordering-details__head { padding: calc(var(--indent-size) * 2) calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .ordering-details__head { padding: var(--indent-size) calc(var(--grid-size) * 2); } } @media only screen and (max-width: 1279px) { .ordering-details__content { background-color: #FCF4F4; border-bottom: 1px solid #F6E2E6; display: none; overflow: hidden; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .ordering-details__content { padding: calc(var(--indent-size) * 3) calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .ordering-details__content { padding: calc(var(--indent-size) * 2) calc(var(--grid-size) * 2); } } .ordering-logo { font-size: 0; line-height: 1; } @media only screen and (min-width: 1920px) { .ordering-logo { margin-bottom: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .ordering-logo { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .ordering-logo { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1920px) { .ordering-groups { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .ordering-groups { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .ordering-groups { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .ordering-group:not(:last-child) { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .ordering-group:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .ordering-group:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1920px) { .ordering-group__inputs { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .ordering-group__inputs { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .ordering-group__inputs { margin-top: calc(var(--indent-size) * 2); } } .ordering-group h5 { position: relative; color: #8E7D82; } @media only screen and (min-width: 1920px) { .ordering-group h5 .form-input__hint { left: calc(50% + calc(var(--indent-size) * 3)); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .ordering-group h5 .form-input__hint { left: calc(50% + var(--indent-size)); } } @media only screen and (min-width: 1280px) { .ordering-group h5 .form-input__hint { top: var(--indent-size); width: auto; margin-top: 0; } } @media only screen and (max-width: 1279px) { .ordering-group h5 .form-input__hint { position: relative; } } @media only screen and (min-width: 1280px) { .ordering-basket__items { border-bottom: calc(var(--box-size) / 2) solid #F6E2E6; } } @media only screen and (min-width: 1920px) { .ordering-basket__scroll { max-height: 649px; padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 4) calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .ordering-basket__scroll { max-height: 649px; padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3) 0; } } @media only screen and (min-width: 1280px) { .ordering-basket__scroll { overflow: hidden; overflow-y: auto; } } .ordering-basket__scroll::-webkit-scrollbar { width: 4px; } .ordering-basket__scroll::-webkit-scrollbar-track { background-color: #F6E2E6; border-radius: 100px; } .ordering-basket__scroll::-webkit-scrollbar-thumb { background-color: #E9164D; border-radius: 100px; } .ordering-basket__title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { .ordering-basket__title { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .ordering-basket__title { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .ordering-basket__title { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .ordering-basket__title { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .ordering-basket__title h4:not(:last-child) { margin-bottom: 0; } @media only screen and (min-width: 1920px) { .ordering-basket__title .btn-gift { margin-left: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .ordering-basket__title .btn-gift { margin-left: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1920px) { .ordering-back--top { margin-bottom: calc(var(--indent-size) * 10); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .ordering-back--top { margin-bottom: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .ordering-back--top { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { .ordering-back--top { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 1279px) { .ordering-back--top { position: absolute; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .ordering-back--top { top: calc(var(--indent-size) * 2); right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .ordering-back--top { top: calc(var(--indent-size) / 2 * 3); right: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1280px) { .ordering-back--bottom { display: none; } } @media only screen and (max-width: 1279px) { .ordering-back--bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid #F6E2E6; margin: 24px 0 0; padding: 16px 0 0; } } @media only screen and (max-width: 767px) { .ordering-back--bottom { margin-top: 16px; } } .ordering-back .back-link { color: #8E7D82; } .ordering-back .back-link__icon { width: 32px; height: 32px; } .ordering-back .back-link__icon svg { width: 20px; height: auto; } @media only screen and (min-width: 1920px) { .ordering-bottom { padding-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .ordering-bottom { padding-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .ordering-bottom { padding-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .ordering-bottom { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .ordering-bottom { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .ordering-bottom { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1280px) { .ordering-bottom { border-top: calc(var(--box-size) / 2) solid #F6E2E6; } } .ordering-finish { background-color: #FCF4F4; } @media only screen and (min-width: 1920px) { .ordering-finish { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .ordering-finish { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .ordering-finish { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .ordering-finish { padding: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .ordering-finish { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .ordering-finish { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1279px) { .ordering-finish { border: solid #F6E2E6; border-width: 1px 0 1px; border-radius: 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .ordering-finish { margin-left: calc(-1 * calc(var(--grid-size) * 3)); margin-right: calc(-1 * calc(var(--grid-size) * 3)); } } @media only screen and (max-width: 767px) { .ordering-finish { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } .ordering-finish:not(:last-child) { margin-bottom: 16px; } @media only screen and (max-width: 767px) { .ordering-finish:not(:last-child) { margin-bottom: 24px; } } @media only screen and (min-width: 1920px) { .ordering-finish__btn { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .ordering-finish__btn { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .ordering-finish__btn { margin-top: calc(var(--indent-size) * 2); } } .ordering-finish__btn .btn { width: 100%; } .ordering-finish__hint { color: #8E7D82; } @media only screen and (min-width: 1920px) { .ordering-finish__hint { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { .ordering-finish__hint { font-size: 12px; line-height: 1.5; } } @media only screen and (min-width: 768px) { .ordering-finish__hint { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .ordering-finish__hint { margin-top: var(--indent-size); } } .ordering-finish__hint a { color: #E9164D; } .ordering-finish__list li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 1920px) { .ordering-finish__list li { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .ordering-finish__list li { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .ordering-finish__list li { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 768px) { .ordering-finish__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .ordering-finish__list li:not(:last-child) { margin-bottom: var(--indent-size); } } .ordering-finish__list li span { padding-right: 24px; } @media only screen and (min-width: 768px) { .ordering-finish__list li span { white-space: nowrap; } } @media only screen and (min-width: 768px) { .ordering-finish__list li b { text-align: right; } } .ordering-finish__sum { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 600; border-top: calc(var(--box-size) / 2) solid #F6E2E6; } @media only screen and (min-width: 1920px) { .ordering-finish__sum { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .ordering-finish__sum { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .ordering-finish__sum { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .ordering-finish__sum { padding-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1919px) { .ordering-finish__sum { padding-top: var(--indent-size); } } @media only screen and (min-width: 768px) { .ordering-finish__sum { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .ordering-finish__sum { margin-top: var(--indent-size); } } .ordering-btn:not(.is-validate) + * { display: none; } .ordering-btn.is-validate { display: none; } .ordering-choice { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .ordering-choice > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .ordering-choice__item:not(.active) { display: none; } .ordering-form__btn.btn { display: none; } @media only screen and (min-width: 1920px) { .ordering .logo-link { width: 160px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .ordering .logo-link { width: 120px; } } @media only screen and (max-width: 1279px) { .ordering .logo-link { width: 100px; } } /** * empty */ .empty { position: relative; color: #E9164D; font-weight: 500; margin: 8px 0; } .empty:first-child { margin-top: 0; } .empty:last-child { margin-bottom: 0; } .empty__title { font-weight: 600; } @media only screen and (min-width: 1920px) { .empty__title { font-size: 48px; line-height: 1.3333333333; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .empty__title { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .empty__title { font-size: 30px; line-height: 1.2666666667; } } @media only screen and (max-width: 767px) { .empty__title { font-size: 22px; line-height: 1.4545454545; } } .empty__title span:not([class]) { font-weight: 400; } @media only screen and (min-width: 1920px) { .empty__desc { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .empty__desc { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .empty__desc { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) { .empty__desc { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .empty__desc { margin-top: var(--indent-size); } } @media only screen and (min-width: 1920px) { .empty__btn { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .empty__btn { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .empty__btn { margin-top: calc(var(--indent-size) * 2); } } /** * pickup */ .pickup-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .pickup-wrap .map { border-radius: 0; height: 100%; padding-top: 0; } .pickup-dropdown { text-transform: uppercase; } .pickup-item { font-weight: 500; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .pickup-item:hover { color: #E9164D; } .pickup-item:not(:last-child) { border-bottom: 2px solid #F6E2E6; } @media only screen and (min-width: 1920px) { .pickup-item:not(:last-child) { padding-bottom: calc(var(--indent-size) * 3); margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .pickup-item:not(:last-child) { padding-bottom: calc(var(--indent-size) * 2); margin-bottom: calc(var(--indent-size) * 2); } } .pickup-item__more { margin: 24px 0 0; } @media only screen and (max-width: 767px) { .pickup-item__more { margin-top: 16px; } } .pickup-item__count_yellow { color: #EBB830; } .pickup-item__count_green { color: #33CC2E; } .pickup-item__count_red { color: #E9164D; } .pickup-item__map { color: #E9164D; font-weight: 600; } @media only screen and (min-width: 1920px) { .pickup-item__map { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .pickup-item__map { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 768px) { .pickup-item__map { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .pickup-item__map { margin-bottom: var(--indent-size); } } @media only screen and (min-width: 1280px) { .pickup-item__map { display: none; } } @media only screen and (max-width: 1279px) { .pickup-item__map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .pickup-item__map svg { fill: currentColor; margin-right: calc(var(--indent-size) / 2); } .pickup-item__list { color: #430315; } @media only screen and (min-width: 1920px) { .pickup-item__list { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .pickup-item__list { font-size: 13px; line-height: 1.5384615385; } } .pickup-item__list li { display: -webkit-box; display: -ms-flexbox; display: flex; } .pickup-item__list li:not(:last-child) { margin-bottom: var(--indent-size); } .pickup-item__list li span { display: block; } .pickup-item__list-label { -ms-flex-negative: 0; flex-shrink: 0; width: 96px; color: #8E7D82; } .pickup-item__list-desc { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .pickup-left { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 1279px) { .pickup-left { display: none; } } .pickup-right { -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 1920px) { .pickup-right { width: 440px; padding: calc(var(--indent-size) * 15) calc(var(--indent-size) * 4) calc(var(--indent-size) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .pickup-right { width: 380px; padding: calc(var(--indent-size) * 10) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1279px) { .pickup-right { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .pickup-right { padding: calc(var(--indent-size) * 8) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .pickup-right { padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2); } } .ordering-choice__items { display: grid; gap: 32px; } @media (min-width: 1280px) { .filter-items__scroll { max-width: 328px !important; } .filter-items__scroll h5 { font-size: 18px !important; line-height: 1.5555555556 !important; } .filter-items__scroll .filter-item { margin-bottom: 24px !important; } .filter-items__scroll .form-control, .filter-items__scroll .filter-price__label, .filter-items__scroll label, .filter-items__scroll .filter-load__btn { font-size: 13px !important; line-height: 1.5384615385 !important; } .filter-items__scroll .filter-item__title { padding-bottom: 8px !important; } .filter-items__scroll .checkbox__box { top: -3px !important; } .filter-items__scroll .checkbox { margin-bottom: 16px !important; } .filter-items__scroll .checkbox:last-child { margin-bottom: 0 !important; } .filter-items__scroll .color__box { top: -3px !important; } .filter-items__scroll .color { margin-bottom: 16px !important; } .filter-items__scroll .color:last-child { margin-bottom: 0 !important; } .filter-items__scroll .filter-load__btn { margin-top: 16px !important; } .filter-items__scroll .filter-item__content { padding-top: 16px !important; } .filter-items__scroll .filter-item__scroll { max-height: 152px !important; } .filter-items__scroll .filter-item__scroll.is-open { max-height: 248px !important; } .filter-items__scroll .filter-search { margin-bottom: 16px !important; } } .filter-items__scroll .filter-item__scroll.is-open { max-height: 248px !important; } .lk-percent__discount { display: inline-block; vertical-align: top; font-weight: 600; color: #E9164D; } @media only screen and (min-width: 1920px) { .lk-percent__discount { font-size: 96px; line-height: 1.1875; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .lk-percent__discount { font-size: 68px; line-height: 1.2941176471; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .lk-percent__discount { font-size: 54px; line-height: 1.2962962963; } } @media only screen and (max-width: 767px) { .lk-percent__discount { font-size: 28px; line-height: 1.4285714286; } } @media (max-width: 1919px) { .lk-percent__discount { font-size: 68px; line-height: 1.2941176471; display: inline-block; vertical-align: top; font-weight: 600; color: #e9164d; } } @media (max-width: 1279px) { .lk-percent__discount { font-size: 54px; line-height: 1.2962962963; display: inline-block; vertical-align: top; font-weight: 600; color: #e9164d; } } @media (max-width: 767px) { .lk-percent__discount { font-size: 28px; line-height: 1.4285714286; display: inline-block; vertical-align: top; font-weight: 600; color: #e9164d; } } .loading-ajax { opacity: 0.1; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .product-gallery__big .object-fit { background-color: white !important; } .product-gallery__big .object-fit img { -o-object-fit: contain !important; object-fit: contain !important; } .basket-item__info .dotdotdot, .basket-item__info h5, .card-item__content .dotdotdot, .card-item__content h5 { overflow-wrap: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 102px; max-width: none; overflow: hidden; } @media (max-width: 1919px) { .basket-item__info .dotdotdot, .basket-item__info h5, .card-item__content .dotdotdot, .card-item__content h5 { overflow: hidden; overflow-wrap: normal; max-height: 78px; max-width: none; } } @media (max-width: 1279px) { .basket-item__info .dotdotdot, .basket-item__info h5, .card-item__content .dotdotdot, .card-item__content h5 { overflow: hidden; overflow-wrap: normal; max-height: 78px; max-width: none; } } @media (max-width: 767px) { .basket-item__info .dotdotdot, .basket-item__info h5, .card-item__content .dotdotdot, .card-item__content h5 { overflow: hidden; overflow-wrap: normal; max-height: 84px; max-width: none; } } @media (max-width: 767px) { h5.dotdotdot.dotdotdot-catalog { max-height: 102px; max-width: none; font-size: 12px !important; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } } .basket-item__info h5, .basket-item__info .dotdotdot { margin-right: 8px; } @media (max-width: 1279px) { .basket-item__info { margin-right: 0; } } .basket-item__content { gap: 8px; } @media (max-width: 767px) { .basket-item__content { gap: 0; } } .basket-item__height { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1280px) { .catalog-row .cards-row .col-4 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 25% !important; flex: 0 0 25% !important; max-width: 25% !important; } } @media (min-width: 1280px) { .is-sticky-catalog { overflow: visible !important; } .is-sticky-catalog .catalog-row > .col.col-3 { height: -webkit-max-content; height: -moz-max-content; height: max-content; position: sticky; top: 0; } } .basket-item h5, .basket-item .dotdotdot, .basket-item .price, .basket-item .price-now, .card-item h5, .card-item .dotdotdot, .card-item .price, .card-item .price-now { font-size: 20px !important; line-height: 1.2 !important; } @media (max-width: 1919px) { .basket-item h5, .basket-item .dotdotdot, .basket-item .price, .basket-item .price-now, .card-item h5, .card-item .dotdotdot, .card-item .price, .card-item .price-now { font-size: 16px !important; line-height: 1.2 !important; } } @media (max-width: 1279px) { .basket-item h5, .basket-item .dotdotdot, .basket-item .price, .basket-item .price-now, .card-item h5, .card-item .dotdotdot, .card-item .price, .card-item .price-now { font-size: 16px !important; line-height: 1.2 !important; } } @media (max-width: 767px) { .basket-item h5, .basket-item .dotdotdot, .basket-item .price, .basket-item .price-now, .card-item h5, .card-item .dotdotdot, .card-item .price, .card-item .price-now { font-size: 14px !important; line-height: 1.2 !important; } } .basket-item .minutiae-item, .card-item .minutiae-item { font-size: 14px !important; line-height: 1.2 !important; } @media (max-width: 1919px) { .basket-item .minutiae-item, .card-item .minutiae-item { font-size: 10px !important; line-height: 1.2 !important; } } @media (max-width: 1279px) { .basket-item .minutiae-item, .card-item .minutiae-item { font-size: 10px !important; line-height: 1.2 !important; } } @media (max-width: 767px) { .basket-item .minutiae-item, .card-item .minutiae-item { font-size: 10px !important; line-height: 1.2 !important; } } .basket-item .btn-shopping .btn__text, .card-item .btn-shopping .btn__text { font-size: 0 !important; line-height: 1.2 !important; } .basket-item .tag-item, .card-item .tag-item { font-size: 12px !important; line-height: 1.2 !important; } @media (max-width: 1919px) { .basket-item .tag-item, .card-item .tag-item { font-size: 12px !important; line-height: 1.2 !important; } } @media (max-width: 1279px !important) { .basket-item .tag-item, .card-item .tag-item { font-size: 12px !important; line-height: 1.2 !important; } } @media (max-width: 767px) { .basket-item .tag-item, .card-item .tag-item { margin-left: 2px !important; margin-right: 2px !important; font-size: 10px !important; line-height: 1.2 !important; width: 34px !important; height: 34px !important; } } @media (max-width: 767px) { .basket-item .card-item__shopping.is-only-mobile, .card-item .card-item__shopping.is-only-mobile { padding: 0 !important; margin-top: 4px !important; display: block !important; position: static !important; } } @media (max-width: 767px) { .basket-item .card-item__content, .card-item .card-item__content { padding-top: 4px !important; } } @media (max-width: 767px) { .basket-item h5, .basket-item .dotdotdot, .card-item h5, .card-item .dotdotdot { margin: 4px 0 0 0 !important; } } @media (max-width: 767px) { .basket-item .price, .card-item .price { margin-top: 8px !important; } } .news-item { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .styled-modal-window { position: absolute; bottom: 130%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #F6E2E6; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 8px 12px; border: 1px solid #E9164D; border-radius: 8px; } .dolyame-row { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #FCF4F4; padding: 64px; border-radius: 32px; gap: 24px; } @media (max-width: 1280px) { .dolyame-row { padding: 32px; } } @media (max-width: 767px) { .dolyame-row { padding: 16px; } } @media only screen and (max-width: 1279px) { .dolyame-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } } @media only screen and (min-width: 1920px) { .dolyame-row p { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .dolyame-row p { font-size: 20px; line-height: 1.3; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .dolyame-row p { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (max-width: 767px) { .dolyame-row p { font-size: 18px; line-height: 1.5555555556; } } .dolyame-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; max-width: 1792px; } .dolyame-inner { max-width: 880px; } .dolyame-app__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } .dolyame-app__text-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; margin: 32px 0; } .dolyame-app__text-content h4 { margin: 0; text-align: center; } @media only screen and (min-width: 1920px) { .dolyame-app__text-content p { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .dolyame-app__text-content p { font-size: 20px; line-height: 1.3; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .dolyame-app__text-content p { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .dolyame-app__text-content p { font-size: 16px; line-height: 1.75; text-align: center; } } .dolyame-app__links { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 767px) { .dolyame-app__links { display: none; } } .dolyame-app__links--mobile { display: none; } @media only screen and (max-width: 767px) { .dolyame-app__links--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } .age { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8E7D82; } .age__text { display: inline-block; vertical-align: top; max-width: 200px; margin-left: calc(var(--indent-size) * 2); } .age__icon { -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; vertical-align: top; font-size: 0; line-height: 1; } .age__icon img, .age__icon svg { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; } .accordion { position: relative; } .accordion:not([class*=_open]) > .accordion-title:hover { color: #E9164D; } .accordion_open > .accordion-title { color: #E9164D; } .accordion_open > .accordion-title .accordion-title__icon::after { opacity: 0; } @media only screen and (min-width: 1920px) { .accordion:not([class*=_big]):not(:last-child) { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .accordion:not([class*=_big]):not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .accordion:not([class*=_big]):not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } .accordion:not([class*=_big]) .accordion-title { min-height: calc(var(--box-size) * 3); } @media only screen and (min-width: 1920px) { .accordion:not([class*=_big]) .accordion-title { padding-left: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 1919px) { .accordion:not([class*=_big]) .accordion-title { padding-left: calc(var(--indent-size) * 3); } } .accordion:not([class*=_big]) .accordion-title__icon { width: calc(var(--box-size) * 3); height: calc(var(--box-size) * 3); } .accordion:not([class*=_big]) .accordion-title__icon::before { width: calc(var(--box-size) * 3); height: calc(var(--box-size) / 2); } .accordion:not([class*=_big]) .accordion-title__icon::after { width: calc(var(--box-size) / 2); height: calc(var(--box-size) * 3); } @media only screen and (min-width: 1920px) { .accordion:not([class*=_big]) .accordion-content { padding-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .accordion:not([class*=_big]) .accordion-content { padding-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .accordion:not([class*=_big]) .accordion-content { padding-top: calc(var(--indent-size) * 2); } } .accordion_big { border: solid currentColor; } @media only screen and (min-width: 1920px) { .accordion_big { padding-bottom: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .accordion_big { padding-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .accordion_big { padding-bottom: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) { .accordion_big { border-width: 0 0 3px; } } @media only screen and (max-width: 767px) { .accordion_big { border-width: 0 0 2px; } } @media only screen and (min-width: 1920px) { .accordion_big:not(:last-child) { margin-bottom: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .accordion_big:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .accordion_big:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } .accordion_big .accordion-title { min-height: calc(var(--box-size) * 6); } @media only screen and (min-width: 1920px) { .accordion_big .accordion-title { padding-left: calc(var(--indent-size) * 8); } } @media only screen and (max-width: 1919px) { .accordion_big .accordion-title { padding-left: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) { .accordion_big .accordion-title__icon { width: calc(var(--box-size) * 6); height: calc(var(--box-size) * 6); } } @media only screen and (max-width: 767px) { .accordion_big .accordion-title__icon { width: calc(var(--box-size) / 2 * 9); height: calc(var(--box-size) / 2 * 9); } } @media only screen and (min-width: 768px) { .accordion_big .accordion-title__icon::before { width: calc(var(--box-size) * 6); height: var(--box-size); } } @media only screen and (max-width: 767px) { .accordion_big .accordion-title__icon::before { width: calc(var(--box-size) / 2 * 9); height: calc(var(--box-size) / 2); } } @media only screen and (min-width: 768px) { .accordion_big .accordion-title__icon::after { width: var(--box-size); height: calc(var(--box-size) * 6); } } @media only screen and (max-width: 767px) { .accordion_big .accordion-title__icon::after { width: calc(var(--box-size) / 2); height: calc(var(--box-size) / 2 * 9); } } @media only screen and (min-width: 1920px) { .accordion_big .accordion-content { padding-top: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .accordion_big .accordion-content { padding-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .accordion_big .accordion-content { padding-top: calc(var(--indent-size) * 3); } } .accordion-title { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .accordion-title__icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index: 1; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0; line-height: 1; } .accordion-title__icon::before, .accordion-title__icon::after { content: ""; position: absolute; left: 50%; top: 50%; background-color: currentColor; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .accordion-title h3:not(:last-child), .accordion-title h5:not(:last-child) { margin-bottom: 0; } .accordion-content { position: relative; display: none; overflow: hidden; } .accordion-wrap.accordion-wrap--border .accordion:not(:last-child) { margin-bottom: 28px; padding: 0 0 28px; border-bottom: 1px solid #e5e5e5; } .bg-cover { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-transform: uppercase; margin-top: calc(-1 * var(--grid-size)); } @media only screen and (min-width: 1920px) { .breadcrumb { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .breadcrumb { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .breadcrumb { font-size: 13px; line-height: 1.5384615385; } } .breadcrumb-wrapper:first-child { margin-top: 0; } .breadcrumb-wrapper:last-child { margin-bottom: 0; } .breadcrumb-item { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; margin: var(--grid-size) calc(var(--indent-size) * 2) 0 0; } .breadcrumb-item:not(:last-child)::after { content: ""; width: var(--box-size); height: var(--box-size); background-color: currentColor; border-radius: 50%; margin-left: calc(var(--indent-size) * 2); } .breadcrumb-item:last-child { margin-right: 0; } .breadcrumb-item a { color: inherit; } .back { position: relative; z-index: 1; } @media only screen and (min-width: 1920px) { .back { padding: calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .back { padding: calc(var(--indent-size) * 3) 0; } } @media only screen and (max-width: 767px) { .back { padding: calc(var(--indent-size) * 2) 0; } } .back + * { margin-top: 0; } .back-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .back-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; color: #E9164D; text-transform: uppercase; } @media only screen and (min-width: 1920px) { .back-link { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .back-link { font-size: 13px; line-height: 1.5384615385; } } .back-link:hover { color: #F27C96; } .back-link__icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: transparent; border: 1px solid currentColor; } @media only screen and (min-width: 1920px) { .back-link__icon { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (max-width: 1919px) { .back-link__icon { width: calc(var(--box-size) * 9); height: calc(var(--box-size) * 9); } } @media only screen and (min-width: 768px) { .back-link__icon { margin-right: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .back-link__icon { margin-right: var(--indent-size); } } .back-link__icon svg { stroke: currentColor; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .choice-label { position: relative; width: 100%; height: auto; font-weight: 500; color: currentColor; text-align: left; cursor: pointer; background-color: transparent; background-clip: padding-box; border: solid currentColor; border-width: 0 0 2px; padding: 0 0 var(--indent-size); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1280px) { .choice-label { display: none; } } @media only screen and (max-width: 1279px) { .choice-label { display: block; } } @media only screen and (min-width: 1920px) { .choice-label:not([class*=_small]) { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .choice-label:not([class*=_small]) { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (max-width: 767px) { .choice-label:not([class*=_small]) { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 1920px) { .choice-label_small { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .choice-label_small { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .choice-label_small { font-size: 13px; line-height: 1.5384615385; } } .choice-label__value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .choice-label__arrow { position: absolute; right: -3px; font-size: 0; line-height: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: var(--indent-size); } .choice-label__arrow svg { fill: currentColor; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (max-width: 1279px) { .choice-filter { display: none; position: fixed; top: 0; left: 0; z-index: 101; width: 100%; height: 100%; background-color: #FFFFFF; } .choice-filter::before { content: ""; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; background: rgb(255, 255, 255); background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); } } @media only screen and (max-width: 1279px) and (min-width: 1920px) { .choice-filter::before { height: calc(var(--box-size) * 24); } } @media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1919px) { .choice-filter::before { height: calc(var(--box-size) * 20); } } @media only screen and (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) { .choice-filter::before { height: calc(var(--box-size) * 16); } } @media only screen and (max-width: 1279px) and (max-width: 767px) { .choice-filter::before { height: calc(var(--box-size) * 14); } } .choice-filter__btn { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; } @media only screen and (min-width: 1280px) { .choice-filter__btn { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .choice-filter__btn { padding: 0 calc(var(--grid-size) * 3) calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .choice-filter__btn { padding: 0 calc(var(--grid-size) * 2) calc(var(--grid-size) * 2); } } .choice-filter__btn .btn { width: 100%; } @media only screen and (max-width: 1279px) { .choice-filter__scroll { height: 100%; overflow: hidden; overflow-y: auto; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .choice-filter__scroll { padding: calc(var(--indent-size) * 10) calc(var(--grid-size) * 3) calc(calc(var(--grid-size) * 3) * 2 + calc(var(--box-size) * 12)); } } @media only screen and (max-width: 767px) { .choice-filter__scroll { padding: calc(var(--indent-size) * 8) calc(var(--grid-size) * 2) calc(calc(var(--grid-size) * 2) * 2 + calc(var(--box-size) * 12)); } } .choice-filter__scroll::-webkit-scrollbar { display: none; } .choice-filter h3 { color: #8E7D82; } @media only screen and (min-width: 1280px) { .choice-filter h3 { display: none; } } @media only screen and (max-width: 1279px) { .choice-items { font-weight: 500; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .choice-items { margin-top: calc(var(--indent-size) * 4); padding-right: 8px; } } @media only screen and (max-width: 767px) { .choice-items { margin-top: calc(var(--indent-size) * 3); padding-right: 4px; } } .choice-item { position: relative; display: block; } @media only screen and (min-width: 1920px) { .choice-item { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .choice-item { font-size: 16px; line-height: 1.75; } } @media only screen and (max-width: 767px) { .choice-item { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (min-width: 1920px) { .choice-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .choice-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .choice-item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } .choice-item.active { color: #E9164D; } .choice-item svg { fill: currentColor; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (min-width: 1280px) { .choice .modal__close { display: none; } } .choice-scroll { overflow-x: auto; } .choice-scroll .categories-wrapper-scroll { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .choice-scroll .categories-slide-scroll { text-wrap: nowrap; width: auto; } body.choiceActive .choice-filter.active { display: block !important; -webkit-animation: fadeInUpChoiceFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeInUpChoiceFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } body.choiceActive .header { z-index: 1; } body.choiceActive .menu { z-index: 1; } body.choiceRemoving .choice-filter.active { -webkit-animation: fadeOutUpChoiceFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeOutUpChoiceFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } @-webkit-keyframes fadeInUpChoiceFilter { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInUpChoiceFilter { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOutUpChoiceFilter { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOutUpChoiceFilter { from { opacity: 1; } to { opacity: 0; } } .company { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 768px) { .company { margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) * 2)) 0; } } @media only screen and (max-width: 767px) { .company { margin: calc(-1 * calc(var(--grid-size) / 2)) calc(-1 * var(--grid-size)) 0; } } .company__item { font-size: 0; line-height: 1; } @media only screen and (min-width: 768px) { .company__item { margin: var(--grid-size) calc(var(--grid-size) * 2) 0; } } @media only screen and (max-width: 767px) { .company__item { max-width: 55px; margin: calc(var(--grid-size) / 2) var(--grid-size) 0; } } .count { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: calc(var(--box-size) * 9); height: calc(var(--box-size) * 9); text-align: center; background-color: #E9164D; border-radius: 50%; color: #FFFFFF; font-weight: 600; padding: 0 var(--indent-size); margin: 0 0 0 var(--indent-size); } @media only screen and (min-width: 1920px) { .count { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .count { font-size: 16px; line-height: 1.75; } } @media only screen and (max-width: 767px) { .count { font-size: 14px; line-height: 1.7142857143; } } .creator { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: #8E7D82; } .creator__text { display: inline-block; vertical-align: top; margin-bottom: var(--indent-size); } .creator__logo { display: inline-block; vertical-align: top; font-size: 0; line-height: 1; } .creator__logo:hover svg { fill: #430315; } .creator__logo svg { fill: #8E7D82; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .creator__logo img, .creator__logo svg { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; } .dropdown { position: relative; } .dropdown .dropdown-menu { left: 0 !important; top: 100% !important; width: 100%; font-weight: 500; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } @media only screen and (min-width: 1920px) { .dropdown .dropdown-menu { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .dropdown .dropdown-menu { border-radius: calc(var(--border-radius) / 4 * 3); } } @media only screen and (min-width: 1920px) { .dropdown .dropdown-menu { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { .dropdown .dropdown-menu { font-size: 12px; line-height: 1.5; } } .dropdown.show .dropdown-menu { display: block; } .dropdown.show .dropdown-label svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .dropdown_flags .dropdown-label { padding-left: calc(var(--indent-size) * 4); } .dropdown_flags .dropdown-label .dropdown-icon { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: var(--indent-size); } .dropdown_flags .dropdown-icon { width: 24px; } .dropdown_image { max-width: 328px; } .dropdown_image .dropdown-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-self: flex-start; border: 1px solid #e9164d; border-radius: 12px; padding: 4px 24px 4px 12px; } .dropdown_image .dropdown-label .dropdown-arrow { right: 6px; } .dropdown_image .dropdown-image { width: 60px; height: 60px; margin-right: 12px; } .dropdown-wrapper { position: relative; } .dropdown-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dropdown-wrap .dropdown-icon { margin-right: var(--indent-size); } .dropdown-label { position: relative; display: block; width: 100%; height: auto; font-weight: 500; color: currentColor; text-align: left; cursor: pointer; background-color: transparent; background-clip: padding-box; border: solid currentColor; border-width: 0 0 1px; padding: 0 calc(var(--indent-size) * 4) var(--indent-size) 0; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .dropdown-label { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .dropdown-label { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .dropdown-label { font-size: 13px; line-height: 1.5384615385; } } .dropdown-label .dropdown-wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dropdown-label .dropdown-value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dropdown-label svg { fill: currentColor; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .dropdown-icon { -ms-flex-negative: 0; flex-shrink: 0; font-size: 0; line-height: 1; margin-top: -2px; } .dropdown-arrow { position: absolute; right: -3px; font-size: 0; line-height: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: var(--indent-size); } .dropdown-value { background: none; border: 0 none; margin: 0; padding: 0; outline: none; font-size: inherit; font-weight: inherit; color: currentColor; } .dropdown-menu { display: none; position: absolute; z-index: 10; background-color: #FFFFFF; border: 1px solid #E9164D; -webkit-box-shadow: 0 0 calc(var(--box-size) * 6) calc(var(--box-size) * 2) rgba(0, 0, 0, 0.04); box-shadow: 0 0 calc(var(--box-size) * 6) calc(var(--box-size) * 2) rgba(0, 0, 0, 0.04); margin-top: calc(var(--indent-size) / 2); padding: var(--indent-size); } .dropdown-menu.datepicker-dropdown { width: 292px; } .dropdown-menu.datepicker-dropdown::before { border-bottom-color: #E9164D; } .dropdown-menu ul { max-height: 272px; overflow: hidden; overflow-y: auto; padding-right: calc(var(--indent-size) / 2); } .dropdown-menu ul::-webkit-scrollbar { width: 4px; } .dropdown-menu ul::-webkit-scrollbar-track { background-color: #F6E2E6; border-radius: 100px; } .dropdown-menu ul::-webkit-scrollbar-thumb { background-color: #E9164D; border-radius: 100px; } .dropdown-menu li { background-color: transparent; border-radius: calc(var(--border-radius) / 2); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: var(--indent-size); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .dropdown-menu li:hover { background-color: #FCF4F4; } .dropdown__checkbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: -1; background: none; border: 0 none; } .dropdown-wrapper:not(.is-dynamic) .dropdown-menu ul[data-type=dynamic] { display: none; } .dropdown-wrapper.is-dynamic .dropdown-menu ul[data-type=all] { display: none; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 10000000; } .fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-gradient { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 99994; } @media only screen and (min-width: 768px) { .fancybox-gradient { height: 50vh; } } @media only screen and (max-width: 767px) { .fancybox-gradient { height: 200px; } } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; right: 0; top: 0; } .fancybox-inner { background-color: #FFFFFF; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background-color: rgba(74, 74, 80, 0.6); opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 1; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; visibility: visible; } .fancybox-infobar { display: none; color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; } @media only screen and (min-width: 1920px) { .fancybox-slide--image { padding: calc(var(--indent-size) * 15) 0 calc(var(--indent-size) * 20); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .fancybox-slide--image { padding: calc(var(--indent-size) * 10) 0 calc(var(--indent-size) * 15); } } @media only screen and (max-width: 767px) { .fancybox-slide--image { padding: calc(var(--indent-size) * 8) calc(var(--grid-size) * 2) calc(var(--indent-size) * 10); } } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: none; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 0; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: hidden; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } @media only screen and (min-width: 1920px) { .fancybox-slide--image .fancybox-content { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .fancybox-slide--image .fancybox-content { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .fancybox-slide--image .fancybox-content { border-radius: var(--border-radius); } } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable=true] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: none; } .fancybox-slide--map .fancybox-content { background: none; } .fancybox-slide--iframe .fancybox-content { background: none; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ @media only screen and (max-width: 1279px) { .fancybox-navigation { display: none; } } .fancybox-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; margin: 0; position: relative; visibility: inherit; outline: none; padding: 0; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .fancybox-button--close { background: none; } @media only screen and (min-width: 768px) { .fancybox-button--close { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .fancybox-button--close { padding: var(--indent-size); } } .fancybox-button--close, .fancybox-button--close:visited, .fancybox-button--close:link { color: #8E7D82; } .fancybox-button--close:hover { color: #E9164D; } .fancybox-button--close svg { fill: currentColor; } @media only screen and (min-width: 1920px) { .fancybox-button--close svg { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .fancybox-button--close svg { width: calc(var(--box-size) * 9); height: calc(var(--box-size) * 9); } } @media only screen and (max-width: 767px) { .fancybox-button--close svg { width: calc(var(--box-size) * 6); height: calc(var(--box-size) * 6); } } .fancybox-button--arrow_left, .fancybox-button--arrow_right { background-color: transparent; border: 1px solid transparent; border-radius: 50%; } @media only screen and (min-width: 1920px) { .fancybox-button--arrow_left, .fancybox-button--arrow_right { width: calc(var(--box-size) * 20); height: calc(var(--box-size) * 20); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .fancybox-button--arrow_left, .fancybox-button--arrow_right { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1279px) { .fancybox-button--arrow_left, .fancybox-button--arrow_right { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } .fancybox-button--arrow_left:not([disabled]), .fancybox-button--arrow_right:not([disabled]) { border-color: #F27C96; } .fancybox-button--arrow_left:not([disabled]), .fancybox-button--arrow_left:not([disabled]):visited, .fancybox-button--arrow_left:not([disabled]):link, .fancybox-button--arrow_right:not([disabled]), .fancybox-button--arrow_right:not([disabled]):visited, .fancybox-button--arrow_right:not([disabled]):link { color: #F27C96; } .fancybox-button--arrow_left:not([disabled]):hover, .fancybox-button--arrow_right:not([disabled]):hover { border-color: #E9164D; color: #E9164D; } .fancybox-button--arrow_left[disabled], .fancybox-button--arrow_right[disabled] { border-color: #8E7D82; cursor: not-allowed; } .fancybox-button--arrow_left[disabled], .fancybox-button--arrow_left[disabled]:visited, .fancybox-button--arrow_left[disabled]:link, .fancybox-button--arrow_right[disabled], .fancybox-button--arrow_right[disabled]:visited, .fancybox-button--arrow_right[disabled]:link { color: #8E7D82; } .fancybox-button--arrow_left svg, .fancybox-button--arrow_right svg { stroke: currentColor; } .fancybox-button--arrow_left svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: none; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { overflow: visible; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { display: none; background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .fancybox-navigation .fancybox-button div { padding: 0; } @media only screen and (min-width: 1920px) { .fancybox-navigation .fancybox-button--arrow_left { left: calc(var(--grid-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .fancybox-navigation .fancybox-button--arrow_left { left: calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .fancybox-navigation .fancybox-button--arrow_left { left: calc(var(--grid-size) * 2); } } @media only screen and (min-width: 1920px) { .fancybox-navigation .fancybox-button--arrow_right { right: calc(var(--grid-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .fancybox-navigation .fancybox-button--arrow_right { right: calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .fancybox-navigation .fancybox-button--arrow_right { right: calc(var(--grid-size) * 2); } } /* Caption */ .fancybox-caption { display: none; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: 0.7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -webkit-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: transparent; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; position: absolute; left: 0; bottom: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; z-index: 99995; } @media only screen and (min-width: 1920px) { .fancybox-thumbs { padding-bottom: calc(var(--indent-size) * 6); } } @media only screen and (max-width: 1919px) { .fancybox-thumbs { padding-bottom: calc(var(--indent-size) * 3); } } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-thumbs-x::-webkit-scrollbar { display: none; } .fancybox-thumbs__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0; line-height: 1; height: auto; list-style: none; position: relative; white-space: nowrap; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; display: inline-block; vertical-align: top; outline: none; overflow: hidden; margin: 0 var(--indent-size); padding: 0; position: relative; -webkit-tap-highlight-color: transparent; text-decoration: none; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .fancybox-thumbs__list a { width: 98px; height: 109px; border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .fancybox-thumbs__list a { width: 80px; height: 91px; border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 1279px) { .fancybox-thumbs__list a { width: calc(var(--box-size) * 3); height: calc(var(--box-size) * 3); background-image: none !important; background-color: #F6E2E6; background-clip: content-box; border-radius: 50%; padding: 2px; } } .fancybox-thumbs__list a.fancybox-thumbs-active { opacity: 1; } @media only screen and (max-width: 1279px) { .fancybox-thumbs__list a.fancybox-thumbs-active { background-color: #E9164D; padding: 0; } } /* Styling for Small-Screen Devices */ /*@media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }*/ .favorite { font-size: 0; line-height: 1; } .favorite:hover svg { fill: #E9164D; } .favorite.favorite.active svg { fill: #E9164D; } .favorite svg { fill: #8E7D82; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .figure { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; overflow: hidden; } @media only screen and (max-width: 1279px) { .figure:not([class*=_dynamic]):not([class*=_mob]) { display: none; } } @media only screen and (min-width: 1280px) { .figure[class*=_mob] { display: none; } } .figure-layer { position: relative; width: 100%; height: 100%; } .figure-vibe { position: absolute; font-size: 0; line-height: 1; } @media only screen and (max-width: 1279px) { .figure-vibe { width: 33.333333vw; } } @media only screen and (max-width: 1279px) { .filter-items { display: none; position: fixed; top: 0; left: 0; z-index: 101; width: 100%; height: 100%; background-color: #FFFFFF; } .filter-items::before { content: ""; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; background: rgb(255, 255, 255); background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); } } @media only screen and (max-width: 1279px) and (min-width: 1920px) { .filter-items::before { height: calc(var(--box-size) * 24); } } @media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1919px) { .filter-items::before { height: calc(var(--box-size) * 20); } } @media only screen and (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) { .filter-items::before { height: calc(var(--box-size) * 16); } } @media only screen and (max-width: 1279px) and (max-width: 767px) { .filter-items::before { height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1279px) { .filter-items__scroll { height: 100%; overflow: hidden; overflow-y: scroll; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .filter-items__scroll { padding: calc(var(--indent-size) * 10) calc(var(--grid-size) * 3) calc(calc(var(--grid-size) * 3) * 2 + calc(var(--box-size) * 12)); } } @media only screen and (max-width: 767px) { .filter-items__scroll { padding: calc(var(--indent-size) * 8) calc(var(--grid-size) * 2) calc(calc(var(--grid-size) * 2) * 2 + calc(var(--box-size) * 12)); } } .filter-items__scroll::-webkit-scrollbar { display: none; } @media only screen and (min-width: 1920px) { .filter-items__title { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .filter-items__title { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .filter-items__title { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1280px) { .filter-items__title { display: none; } } @media only screen and (max-width: 1279px) { .filter-items__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .filter-items__title h3:not(:last-child) { margin-bottom: 0; } body.filterActive .filter-items { display: block !important; -webkit-animation: fadeInUpFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeInUpFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } body.filterActive .header { z-index: 1; } body.filterActive .menu { z-index: 1; } body.filterRemoving .filter-items { -webkit-animation: fadeOutUpFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeOutUpFilter 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } @-webkit-keyframes fadeInUpFilter { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInUpFilter { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOutUpFilter { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOutUpFilter { from { opacity: 1; } to { opacity: 0; } } label.error { position: absolute; left: 0; width: 100%; display: block; color: #E9164D; font-weight: 600; text-align: left; margin-top: var(--indent-size); } @media only screen and (min-width: 1920px) { label.error { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { label.error { font-size: 12px; line-height: 1.5; } } @media only screen and (max-width: 767px) { label.error { z-index: 2; background-color: #FFFFFF; } } label.error:not([style]) ~ .form-input__hint { opacity: 0; } .form-inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 1920px) { .form-inputs { margin: calc(-1 * calc(var(--grid-size) * 6)) calc(-1 * calc(var(--grid-size) * 3)) calc(var(--grid-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .form-inputs { margin: calc(-1 * calc(var(--grid-size) * 4)) calc(-1 * var(--grid-size)) calc(var(--grid-size) * 6.5); } } @media only screen and (max-width: 767px) { .form-inputs { margin: calc(-1 * calc(var(--grid-size) * 3)) calc(-1 * var(--grid-size)) calc(var(--grid-size) * 8.5); } } .form-inputs:last-child { margin-bottom: 0; } @media only screen and (min-width: 1920px) { .form-inputs .form-input { margin: calc(var(--grid-size) * 6) calc(var(--grid-size) * 3) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .form-inputs .form-input { margin: calc(var(--grid-size) * 4) var(--grid-size) 0; } } @media only screen and (max-width: 767px) { .form-inputs .form-input { margin: calc(var(--grid-size) * 3) var(--grid-size) 0; } } @media only screen and (min-width: 1920px) { .form-inputs .form-input:not([data-width]) { width: calc(100% - (calc(var(--grid-size) * 6))); } } @media only screen and (max-width: 1919px) { .form-inputs .form-input:not([data-width]) { width: calc(100% - (calc(var(--grid-size) * 2))); } } @media only screen and (min-width: 1920px) { .form-inputs .form-input[data-width="50"] { width: calc(50% - (calc(var(--grid-size) * 6))); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .form-inputs .form-input[data-width="50"] { width: calc(50% - (calc(var(--grid-size) * 2))); } } @media only screen and (max-width: 767px) { .form-inputs .form-input[data-width="50"] { width: calc(100% - (calc(var(--grid-size) * 2))); } } @media only screen and (min-width: 1920px) { .form-inputs .form-input[data-width="25"] { width: calc(25% - (calc(var(--grid-size) * 6))); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .form-inputs .form-input[data-width="25"] { width: calc(25% - (calc(var(--grid-size) * 2))); } } @media only screen and (max-width: 767px) { .form-inputs .form-input[data-width="25"] { width: calc(50% - (calc(var(--grid-size) * 2))); } } .form-checkboxes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 1920px) { .form-checkboxes { margin: calc(-1 * calc(var(--grid-size) * 3)) calc(-1 * calc(var(--grid-size) * 3)) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .form-checkboxes { margin: calc(-1 * calc(var(--grid-size) * 3)) calc(-1 * var(--grid-size)) 0; } } @media only screen and (max-width: 767px) { .form-checkboxes { margin: calc(-1 * calc(var(--grid-size) * 2)) calc(-1 * var(--grid-size)) 0; } } @media only screen and (min-width: 1920px) { .form-checkboxes .form-checkbox { margin: calc(var(--grid-size) * 3) calc(var(--grid-size) * 3) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .form-checkboxes .form-checkbox { margin: calc(var(--grid-size) * 3) var(--grid-size) 0; } } @media only screen and (max-width: 767px) { .form-checkboxes .form-checkbox { margin: calc(var(--grid-size) * 2) var(--grid-size) 0; } } @media only screen and (min-width: 1920px) { .form-checkboxes .form-checkbox:not([data-width]) { width: calc(100% - (calc(var(--grid-size) * 6))); } } @media only screen and (max-width: 1919px) { .form-checkboxes .form-checkbox:not([data-width]) { width: calc(100% - (calc(var(--grid-size) * 2))); } } @media only screen and (min-width: 1920px) { .form-checkboxes .form-checkbox[data-width="50"] { width: calc(50% - (calc(var(--grid-size) * 6))); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .form-checkboxes .form-checkbox[data-width="50"] { width: calc(50% - (calc(var(--grid-size) * 2))); } } @media only screen and (max-width: 767px) { .form-checkboxes .form-checkbox[data-width="50"] { width: calc(100% - (calc(var(--grid-size) * 2))); } } .form-input { position: relative; } .form-input__label { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; font-weight: 500; color: currentColor; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: text; padding: 0 0 var(--indent-size); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .form-input__label { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .form-input__label { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .form-input__label { font-size: 13px; line-height: 1.5384615385; } } .form-input__label span { display: inline-block; vertical-align: top; } .form-input__hint { position: absolute; left: 0; width: 100%; z-index: 1; font-weight: 500; color: #8E7D82; margin-top: calc(var(--indent-size) / 2); } @media only screen and (min-width: 1920px) { .form-input__hint { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { .form-input__hint { font-size: 12px; line-height: 1.5; } } .form-input__hint.apply-coupon-result { white-space: nowrap; } .form-input__hint a { color: #E9164D; } .form-input .link-next { position: absolute; right: 0; top: 0; z-index: 1; } .form-control { display: block; width: 100%; height: auto; font-weight: 500; color: currentColor; text-align: left; background-color: transparent; background-clip: padding-box; border: solid currentColor; border-width: 0 0 1px; border-radius: 0; -webkit-appearance: none; padding: 0 0 var(--indent-size); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .form-control { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .form-control { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .form-control { font-size: 13px; line-height: 1.5384615385; } } .form-control.error { border-color: #E9164D; } .form-control.error ~ .form-input__label { color: #E9164D; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { outline: 0; } .form-control:focus ~ .form-input__label, .form-control.is-focus ~ .form-input__label { color: currentColor; } .form-control:focus.error, .form-control.is-focus.error { border-color: #E9164D; -webkit-box-shadow: 0 1px 0 0 #E9164D; box-shadow: 0 1px 0 0 #E9164D; } .form-control:focus.error ~ .form-input__label, .form-control.is-focus.error ~ .form-input__label { color: #E9164D; } .form-control:focus ~ .form-input__label, .form-control.is-focus ~ .form-input__label { top: calc(-1 * calc(var(--indent-size) * 2)); height: auto; color: currentColor; } @media only screen and (min-width: 768px) { .form-control:focus ~ .form-input__label, .form-control.is-focus ~ .form-input__label { font-size: 11px; } } @media only screen and (max-width: 767px) { .form-control:focus ~ .form-input__label, .form-control.is-focus ~ .form-input__label { font-size: 10px; } } .form-control:focus[readonly], .form-control.is-focus[readonly] { color: #8E7D82; cursor: default; } .form-control::-webkit-input-placeholder { color: #8E7D82; } .form-control::-moz-placeholder { color: #8E7D82; } .form-control:-ms-input-placeholder { color: #8E7D82; } .form-control::-ms-input-placeholder { color: #8E7D82; } .form-control::placeholder { color: #8E7D82; } .form-control .form-control:disabled, .form-control .form-control[readonly] { background-color: transparent; border-color: #8E7D82; opacity: 1; } .form-calendar { position: relative; } .form-calendar__icon { position: absolute; right: 0; z-index: 1; cursor: pointer; font-size: 0; line-height: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: var(--indent-size); } .form-calendar__icon svg { fill: currentColor; } .form-select { position: relative; } .form-select__icon { position: absolute; right: -3px; z-index: 1; font-size: 0; line-height: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: var(--indent-size); } .form-select__icon svg { fill: currentColor; } .form-select__flag { position: absolute; left: 0; font-size: 0; line-height: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: var(--indent-size); } .form-select_country .form-control { padding-left: calc(var(--indent-size) * 4); } .form-points { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .form-points__column { width: 100%; } } @media only screen and (max-width: 767px) { .form-points__column:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .form-callback { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .form-callback .form-input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (min-width: 1920px) { .form-callback .form-input { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .form-callback .form-input { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .form-callback .form-input { margin-right: calc(var(--indent-size) * 2); } } .form-pass { position: relative; } .form-pass__icon { position: absolute; right: 0; z-index: 1; cursor: pointer; font-size: 0; line-height: 1; color: #8E7D82; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: var(--indent-size); } .form-pass__icon svg { fill: currentColor; } .form-agreement { color: #8E7D82; } @media only screen and (min-width: 1920px) { .form-agreement { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { .form-agreement { font-size: 12px; line-height: 1.5; } } .form-agreement a { color: #E9164D; } .form-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 768px) { .form-btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 767px) { .form-btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (min-width: 1920px) { .form-btn > *:not(:last-child) { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .form-btn > *:not(:last-child) { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .form-btn > *:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .form-btn a:not([class*=btn]) { font-weight: 500; color: #E9164D; } @media only screen and (min-width: 1920px) { .form-btn a:not([class*=btn]) { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .form-btn a:not([class*=btn]) { font-size: 13px; line-height: 1.5384615385; } } .form-country { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 768px) { .form-country { margin: calc(-1 * calc(var(--grid-size) * 4)) calc(-1 * calc(var(--grid-size) * 2)) 0; } } @media only screen and (max-width: 767px) { .form-country { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: calc(-1 * calc(var(--grid-size) * 3)) calc(-1 * var(--grid-size)) 0; } } .form-country__input { position: relative; } .form-country__input:first-child { min-width: 200px; } .form-country__input:not(:first-child) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (min-width: 768px) { .form-country__input { margin: calc(var(--grid-size) * 4) calc(var(--grid-size) * 2) 0; } } @media only screen and (max-width: 767px) { .form-country__input { margin: calc(var(--grid-size) * 3) var(--grid-size) 0; } } .form-file { position: relative; } .form-stars { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-stars__items { font-size: 0; line-height: 1; } .form-stars__label { display: inline-block; vertical-align: top; font-weight: 500; } @media only screen and (min-width: 1920px) { .form-stars__label { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .form-stars__label { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .form-stars__label { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .form-stars__label { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .form-stars__label { margin-right: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) { .default-form .form-agreement { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .default-form .form-agreement { margin-top: var(--indent-size); } } .default-form .form-agreement a { color: #E9164D; } .default-form .max-width { max-width: 640px; } .default-form textarea { resize: none; } .default-form:not(.is-success) .form-finish { display: none; } .default-form.is-success .form-start { display: none; } @media only screen and (min-width: 768px) { .callback-form .form-agreement { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .callback-form .form-agreement { margin-top: var(--indent-size); } } .callback-form .form-agreement a { color: #E9164D; } .callback-form .max-width { max-width: 640px; } .callback-form textarea { resize: none; } .callback-form:not(.is-success) .form-finish { display: none; } .callback-form.is-success .form-start { display: none; } .file { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 100%; cursor: pointer; font-weight: 500; } @media only screen and (min-width: 1920px) { .file { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .file { font-size: 13px; line-height: 1.5384615385; } } .file input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; cursor: pointer; } .file__icon { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FCF4F4; border-radius: calc(var(--border-radius) / 2); color: #E9164D; } @media only screen and (min-width: 1920px) { .file__icon { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1919px) { .file__icon { width: calc(var(--box-size) * 10); height: calc(var(--box-size) * 10); } } .file__icon svg { fill: currentColor; } .file-info { padding-left: calc(var(--indent-size) * 2); } .file__text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .file__hint { color: #8E7D82; } @media only screen and (min-width: 768px) { .file-upload { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .file-upload { margin-top: var(--indent-size); } } .file-img { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 768px) { .file-img { margin: calc(-1 * calc(var(--grid-size) * 2)) calc(-1 * var(--grid-size)) 0; } } @media only screen and (max-width: 767px) { .file-img { margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) / 2)) 0; } } .file-img__delete { position: absolute; z-index: 1; font-size: 0; line-height: 1; cursor: pointer; } @media only screen and (min-width: 768px) { .file-img__delete { right: var(--indent-size); top: var(--indent-size); } } @media only screen and (max-width: 767px) { .file-img__delete { right: calc(var(--indent-size) / 2); top: calc(var(--indent-size) / 2); } } .file-img__delete svg { fill: currentColor; } .file-img__item { position: relative; color: #FFFFFF; cursor: pointer; } .file-img__item:hover img.lazy { -webkit-transform: scale(1.1); transform: scale(1.1); } @media only screen and (min-width: 768px) { .file-img__item { margin: calc(var(--grid-size) * 2) var(--grid-size) 0; } } @media only screen and (max-width: 767px) { .file-img__item { margin: var(--grid-size) calc(var(--grid-size) / 2) 0; } } @media only screen and (min-width: 1280px) { .file-img__item { width: calc(25% - calc(var(--grid-size) * 2)); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .file-img__item { width: calc(16.666667% - calc(var(--grid-size) * 2)); } } @media only screen and (max-width: 767px) { .file-img__item { width: calc(25% - var(--grid-size)); } } .file-img__item .object-fit { background-color: #F2F2F2; } @media only screen and (min-width: 1920px) { .file-img__item .object-fit { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 1919px) { .file-img__item .object-fit { border-radius: var(--border-radius); } } .file label.error { top: 100%; font-weight: 400; } .color { position: relative; } .color:hover { color: #8E7D82; } .color__box { position: absolute; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(var(--box-size) * 6); height: calc(var(--box-size) * 6); background-color: #FFFFFF; border-radius: 50%; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .color__box svg { fill: #FFFFFF; opacity: 0; width: 11.141px; height: auto; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .color label:not(.error) { display: block; width: 100%; min-height: calc(var(--box-size) * 6); font-weight: 500; cursor: pointer; padding-left: calc(var(--indent-size) * 4); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .color input { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; cursor: pointer; } .color input:checked ~ label { color: #E9164D; } .color input:checked ~ label .color__box svg { opacity: 1; } .color input.error ~ label .checkbox__box { border-color: #E9164D; } @media only screen and (min-width: 1920px) { .color:not([class*=_empty]) { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .color:not([class*=_empty]) { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .color:not([class*=_empty]) { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .color:not([class*=_empty]):not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .color:not([class*=_empty]):not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .color:not([class*=_empty]) .color__box { top: 1px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .color:not([class*=_empty]) .color__box { top: 0; } } @media only screen and (max-width: 767px) { .color:not([class*=_empty]) .color__box { top: -3px; } } .color_empty { font-size: 0; line-height: 1; } .color_empty label:not(.error) { padding-left: calc(var(--indent-size) * 3); } .color_empty .color__box { top: 0; } .color_white .color__box { border: 1px solid #8E7D82; } .color_white .color__box svg { fill: #8E7D82; } .btn { position: relative; overflow: hidden; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; outline: none; cursor: pointer; text-align: center; text-transform: uppercase; } @media only screen and (min-width: 1920px) { .btn { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .btn { font-size: 13px; line-height: 1.5384615385; } } .btn > * { position: relative; } .btn:not(a) { -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .btn[disabled] { cursor: not-allowed; } .btn:not([class*=-stroke]) .btn__icon svg { fill: currentColor; } .btn-stroke .btn__icon svg { stroke: currentColor; } .btn:not(.border) { border: 0 none; } .btn.border { border: 1px solid transparent; } .btn:not([class*=-circle]) { padding: var(--indent-size) calc(var(--indent-size) * 3); /*&::before { content: ''; position: absolute; left: auto; right: 0; top: 0; width: 0; height: 100%; @include radius-size-16; transition: $basicTransition1; }*/ } @media only screen and (min-width: 1920px) { .btn:not([class*=-circle]) { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .btn:not([class*=-circle]) { border-radius: calc(var(--border-radius) / 4 * 3); } } @media only screen and (min-width: 1920px) { .btn:not([class*=-circle]) { min-height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1919px) { .btn:not([class*=-circle]) { min-height: calc(var(--box-size) * 12); } } .btn:not([class*=-circle]):hover { /*&::before { left: 0; width: 100%; }*/ } @media only screen and (min-width: 1920px) { .btn:not([class*=-circle]):hover { border-radius: calc(calc(var(--box-size) * 14) / 2); } } @media only screen and (max-width: 1919px) { .btn:not([class*=-circle]):hover { border-radius: calc(calc(var(--box-size) * 12) / 2); } } .btn:not([class*=-circle]):hover .btn__icon:last-child { left: calc(var(--indent-size) / 2); } .btn:not([class*=-circle]):active { -webkit-transform: scale(0.9); transform: scale(0.9); } .btn-circle { border-radius: 50%; padding: var(--indent-size) var(--indent-size); } @media only screen and (min-width: 1920px) { .btn-circle { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1919px) { .btn-circle { width: calc(var(--box-size) * 10); height: calc(var(--box-size) * 10); } } .btn.btn-red:not(.border) { background-color: #E9164D; color: #FFFFFF; /*&::before { background-color: rgba($color4, 0.5); }*/ } .btn.btn-red:not(.border):hover { background-color: #E9164D; color: #FFFFFF; } .btn.btn-red.border { background-color: transparent; border-color: #E9164D; color: #E9164D; } .btn.btn-red.border:hover { background-color: transparent; border-color: #430315; color: #430315; } .btn.btn-light-red:not(.border) { background-color: #F6E2E6; color: #E9164D; /*&::before { background-color: rgba($color4, 0.3); }*/ } .btn.btn-light-red:not(.border):hover { background-color: #F6E2E6; color: #E9164D; } .btn__text { position: relative; display: inline-block; } .btn__icon { position: relative; display: inline-block; font-size: 0; line-height: 1; margin-top: -1px; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 768px) { .btn__icon:not(:only-child):first-child { margin-right: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .btn__icon:not(:only-child):first-child { margin-right: var(--indent-size); } } .btn__icon:not(:only-child):last-child { left: 0; } @media only screen and (min-width: 1920px) { .btn__icon:not(:only-child):last-child { margin-left: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1919px) { .btn__icon:not(:only-child):last-child { margin-left: var(--indent-size); } } .btn-gift { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; text-transform: uppercase; background-color: #F6E2E6; color: #E9164D; pointer-events: none; padding: var(--indent-size) calc(var(--indent-size) * 3); } @media only screen and (min-width: 1920px) { .btn-gift { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 1919px) { .btn-gift { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .btn-gift { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .btn-gift { border-radius: calc(var(--border-radius) / 4 * 3); } } @media only screen and (min-width: 1920px) { .btn-gift { min-height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1919px) { .btn-gift { min-height: calc(var(--box-size) * 12); } } @media only screen and (max-width: 767px) { .btn-gift { font-size: 0; } } .btn-gift .btn__text::before { content: attr(data-text); font-size: 13px; } @media only screen and (min-width: 768px) { .btn-gift .btn__text::before { display: none; } } .btn-gift svg { fill: currentColor; } .t-button { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 12px; width: 100%; height: 48px; min-height: 24px; min-width: 102px; border: 1px solid transparent; background-color: #000; color: #fff; -webkit-filter: brightness(1); filter: brightness(1); will-change: filter; -webkit-transition: -webkit-filter 0.3s ease; transition: -webkit-filter 0.3s ease; transition: filter 0.3s ease; transition: filter 0.3s ease, -webkit-filter 0.3s ease; } .t-button:hover { -webkit-filter: brightness(0.7); filter: brightness(0.7); } .header_fixed .header-fixed { position: fixed; left: 0; top: 0; z-index: 1; width: 100%; } .header-fixed.headroom { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1); animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .header-fixed.headroom--not-top { background-color: #FFFFFF; } @media only screen and (min-width: 1280px) { .header-fixed.headroom--not-top .header-links { opacity: 0; pointer-events: none; } } @media only screen and (min-width: 1280px) { .header-fixed.headroom--not-top .header-info { z-index: 1; } } @media only screen and (min-width: 1280px) { .header-fixed.headroom--not-top .header-main { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 1920px) { .header-fixed.headroom--not-top .header-main__nav { margin-left: calc(120px + calc(var(--indent-size) * 8)); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .header-fixed.headroom--not-top .header-main__nav { margin-left: calc(100px + calc(var(--indent-size) * 6)); } } @media only screen and (min-width: 1280px) { .header-fixed.headroom--not-top .header-main__nav { height: inherit; } } @media only screen and (min-width: 1280px) { .header-fixed.headroom--not-top .header-main .header__inner { height: inherit; } } @media only screen and (max-width: 767px) { .header-fixed.headroom--not-top .header-event[data-type=search] { display: none; } } @media only screen and (min-width: 1280px) { .header-fixed.headroom--not-top .nav-menu { height: inherit; } } @media only screen and (min-width: 1280px) { .header-fixed.headroom--not-top .nav-menu__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: inherit; } } @media only screen and (min-width: 1280px) { .header-fixed.headroom--not-top .nav-menu__item:not(:first-child) { display: none; } } @media only screen and (min-width: 1280px) { .header-fixed.headroom--not-top .nav-menu__item:first-child .nav-menu__link { height: inherit; } } @media only screen and (min-width: 1920px) { .header-fixed.headroom--not-top .nav-menu__item:first-child .nav-menu__link span:not([class]) { width: 194px; height: 44px; border-radius: var(--border-radius); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .header-fixed.headroom--not-top .nav-menu__item:first-child .nav-menu__link span:not([class]) { width: 156px; height: 36px; border-radius: calc(var(--border-radius) / 4 * 3); } } @media only screen and (min-width: 1280px) { .header-fixed.headroom--not-top .nav-menu__item:first-child .nav-menu__link span:not([class]) { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #E9164D; color: #FFFFFF; margin-top: -1px; } } @media only screen and (min-width: 1280px) { .header-fixed.headroom--not-top .nav-menu__link::after { height: 0; } } .header-fixed.headroom--pinned { -webkit-animation-name: slideDownHeadroom; animation-name: slideDownHeadroom; } .header-fixed.headroom--unpinned { -webkit-animation-name: slideUpHeadroom; animation-name: slideUpHeadroom; } @-webkit-keyframes slideDownHeadroom { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideDownHeadroom { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideUpHeadroom { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideUpHeadroom { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .help { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; font-size: 0; line-height: 1; width: 24px; margin: -3px 0 0 calc(var(--indent-size) / 2); } @media only screen and (max-width: 1919px) { .help { width: 18px; } } .help:hover svg { fill: #E9164D; } .help:hover .help-tooltip { opacity: 1; pointer-events: all; } .help-tooltip { position: absolute; left: 0; bottom: 100%; z-index: 1; width: 232px; opacity: 0; pointer-events: none; background-color: #FFFFFF; border: 1px solid #E9164D; font-weight: 500; color: #430315; -webkit-box-shadow: 0 0 calc(var(--box-size) * 6) calc(var(--box-size) * 2) rgba(0, 0, 0, 0.04); box-shadow: 0 0 calc(var(--box-size) * 6) calc(var(--box-size) * 2) rgba(0, 0, 0, 0.04); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .help-tooltip { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .help-tooltip { border-radius: calc(var(--border-radius) / 4 * 3); } } @media only screen and (min-width: 1920px) { .help-tooltip { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { .help-tooltip { font-size: 12px; line-height: 1.5; } } @media only screen and (min-width: 768px) { .help-tooltip { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .help-tooltip { padding: var(--indent-size); } } .help-tooltip a { color: #E9164D; } .help.help_active svg { fill: #E9164D; } .help svg { fill: #8E7D82; cursor: pointer; width: 100%; height: 100%; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .object-fit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; text-align: center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .object-fit { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .object-fit { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .object-fit { border-radius: var(--border-radius); } } .object-fit img, .object-fit picture { min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; } .object-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .img__inner, .video__inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .img__inner:not([class*=object-]), .video__inner:not([class*=object-]) { overflow: hidden; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .img__inner:not([class*=object-]), .video__inner:not([class*=object-]) { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .img__inner:not([class*=object-]), .video__inner:not([class*=object-]) { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .img__inner:not([class*=object-]), .video__inner:not([class*=object-]) { border-radius: var(--border-radius); } } @media only screen and (max-width: 767px) { .img-catalog, .video-catalog { height: unset; } } @media only screen and (min-width: 1920px) { .video:not([class$=_big]) .video-play__icon { width: calc(var(--box-size) * 24); height: calc(var(--box-size) * 24); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .video:not([class$=_big]) .video-play__icon { width: calc(var(--box-size) * 20); height: calc(var(--box-size) * 20); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .video:not([class$=_big]) .video-play__icon { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (max-width: 767px) { .video:not([class$=_big]) .video-play__icon { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (min-width: 1920px) { .video:not([class$=_big]) .video-play__icon::after { border-top: calc(var(--box-size) * 3) solid transparent; border-left: calc(var(--box-size) * 4) solid #FFFFFF; border-bottom: calc(var(--box-size) * 3) solid transparent; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .video:not([class$=_big]) .video-play__icon::after { border-top: calc(var(--box-size) * 2) solid transparent; border-left: calc(var(--box-size) * 3) solid #FFFFFF; border-bottom: calc(var(--box-size) * 2) solid transparent; } } @media only screen and (max-width: 767px) { .video:not([class$=_big]) .video-play__icon::after { border-top: calc(var(--box-size) / 2 * 3) solid transparent; border-left: calc(var(--box-size) * 2) solid #FFFFFF; border-bottom: calc(var(--box-size) / 2 * 3) solid transparent; } } @media only screen and (min-width: 1920px) { .video_big .video-play__icon { width: calc(var(--box-size) * 30); height: calc(var(--box-size) * 30); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .video_big .video-play__icon { width: calc(var(--box-size) * 20); height: calc(var(--box-size) * 20); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .video_big .video-play__icon { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (max-width: 767px) { .video_big .video-play__icon { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (min-width: 1920px) { .video_big .video-play__icon::after { border-top: calc(var(--box-size) * 4) solid transparent; border-left: calc(var(--box-size) * 6) solid #FFFFFF; border-bottom: calc(var(--box-size) * 4) solid transparent; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .video_big .video-play__icon::after { border-top: calc(var(--box-size) * 2) solid transparent; border-left: calc(var(--box-size) * 3) solid #FFFFFF; border-bottom: calc(var(--box-size) * 2) solid transparent; } } @media only screen and (max-width: 767px) { .video_big .video-play__icon::after { border-top: calc(var(--box-size) / 2 * 3) solid transparent; border-left: calc(var(--box-size) * 2) solid #FFFFFF; border-bottom: calc(var(--box-size) / 2 * 3) solid transparent; } } .video.is-play .video-play { opacity: 0; z-index: -1; } .video.is-play iframe { opacity: 1; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .video video { width: 100% !important; height: auto !important; } .video-play { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .video-play:hover .video-play__icon { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .video-play::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(255, 255, 255); background: radial-gradient(circle, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 100%); } .video-play__icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: calc(var(--box-size) / 2) solid #FFFFFF; border-radius: 50%; background-color: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .video-play__icon::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0; height: 0; } img, picture, .svg { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; } .layer { position: fixed; top: 0; left: 0; z-index: 101; width: 100%; height: 100%; background-color: #FCF4F4; -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); } .layer.layerActive { display: block !important; -webkit-animation: layerInUp 0.57s cubic-bezier(0.65, 0, 0.35, 1) forwards; animation: layerInUp 0.57s cubic-bezier(0.65, 0, 0.35, 1) forwards; } .layer.layerRemoving { -webkit-animation: layerOutUp 0.57s cubic-bezier(0.65, 0, 0.35, 1) forwards; animation: layerOutUp 0.57s cubic-bezier(0.65, 0, 0.35, 1) forwards; } .layer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } .layer__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 767px) { .layer__logo { width: calc(var(--box-size) * 30); } } .layer__logo-img { opacity: 1; font-size: 0; line-height: 1; -webkit-animation: logoOpacity 0.75s ease-in-out infinite alternate; animation: logoOpacity 0.75s ease-in-out infinite alternate; } body.loading { overflow: hidden; } body.loading .main-wrapper { opacity: 0; } @-webkit-keyframes layerInUp { from { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); } to { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } } @keyframes layerInUp { from { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); } to { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } } @-webkit-keyframes layerOutUp { from { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } to { -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } } @keyframes layerOutUp { from { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } to { -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } } @-webkit-keyframes fadeInUpLayer { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInUpLayer { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOutUpLayer { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOutUpLayer { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes logoOpacity { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes logoOpacity { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } img:not([src]):not([srcset]) { visibility: hidden; } img.lazy { opacity: 0; -webkit-transition: 0.75s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.75s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; } img.lazy:not([class*=anim]).loaded { opacity: 1; } @media only screen and (min-width: 1280px) { img.lazy.anim { -webkit-transform: scale(1.1); transform: scale(1.1); } } img.lazy.anim.animated { opacity: 1; } @media only screen and (min-width: 1280px) { img.lazy.anim.animated { -webkit-transform: scale(1); transform: scale(1); } } .line { width: 100%; height: calc(var(--box-size) / 2); background-color: #F6E2E6; } @media only screen and (min-width: 1920px) { .line { margin: calc(var(--indent-size) * 15) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .line { margin: calc(var(--indent-size) * 10) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .line { margin: calc(var(--indent-size) * 8) 0; } } @media only screen and (max-width: 767px) { .line { margin: calc(var(--indent-size) * 6) 0; } } .link-next { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #E9164D; font-weight: 500; } @media only screen and (min-width: 1920px) { .link-next { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .link-next { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .link-next { font-size: 13px; line-height: 1.5384615385; } } .link-next:hover { color: #F27C96; } .link-next:hover svg { -webkit-transform: translateX(4px); transform: translateX(4px); } .link-next svg { stroke: currentColor; margin-left: var(--indent-size); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .load-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 1920px) { .load-btn { margin-top: calc(var(--indent-size) * 10); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .load-btn { margin-top: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .load-btn { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { .load-btn { margin-top: calc(var(--indent-size) * 4); } } .logo { font-size: 0; line-height: 1; margin: 0 auto; /*&, &-link { transition: $basicTransition1; }*/ } .logo-link { -ms-flex-negative: 0; flex-shrink: 0; z-index: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .logo img, .logo svg { -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .logo svg { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; } .logo svg path { -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .logo svg .path-title { fill: #E9164D; } .logo svg .path-subtitle { fill: #8E7D82; } .map { position: relative; display: block; height: 0; padding-top: calc(800 / 1440 * 100%); overflow: hidden; } @media only screen and (min-width: 1920px) { .map { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .map { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .map { border-radius: var(--border-radius); } } .map__inner { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 100%; } .map__inner > * { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .map [class*=ymaps-2][class*=-ground-pane] { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); } .minutiae { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8E7D82; font-weight: 500; text-transform: uppercase; width: 100%; } @media only screen and (min-width: 1920px) { .minutiae { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .minutiae { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .minutiae { font-size: 13px; line-height: 1.5384615385; } } .minutiae:first-child { margin-top: 0; } .minutiae:last-child { margin-bottom: 0; } .minutiae_right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .minutiae-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { .minutiae-items { margin-top: calc(-1 * var(--grid-size)); } } @media only screen and (max-width: 1919px) { .minutiae-items { margin-top: calc(-1 * calc(var(--grid-size) / 2)); } } @media only screen and (min-width: 1920px) { .minutiae-items > * { margin: var(--grid-size) calc(var(--grid-size) * 2) 0 0; } } @media only screen and (max-width: 1919px) { .minutiae-items > * { margin: calc(var(--grid-size) / 2) var(--grid-size) 0 0; } } .minutiae-items > *:not(:last-child)::after { content: ""; width: var(--box-size); height: var(--box-size); background-color: currentColor; border-radius: 50%; } @media only screen and (min-width: 1920px) { .minutiae-items > *:not(:last-child)::after { margin-left: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1919px) { .minutiae-items > *:not(:last-child)::after { margin-left: var(--indent-size); } } .minutiae-items > *:last-child { margin-right: 0; } .minutiae-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; } .minutiae-item span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .minutiae-item svg { -ms-flex-negative: 0; flex-shrink: 0; fill: currentColor; } @media only screen and (min-width: 1920px) { .minutiae-item svg { margin-right: var(--indent-size); } } @media only screen and (max-width: 1919px) { .minutiae-item svg { margin-right: calc(var(--indent-size) / 2); } } @media only screen and (min-width: 768px) { .minutiae-item svg { margin-top: -1px; } } @media only screen and (max-width: 767px) { .minutiae-item svg { margin-top: -3px; } } @media only screen and (max-width: 767px) { .minutiae--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .outline { position: relative; white-space: nowrap; } .outline svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; } .outline path { stroke: #F27C96; stroke-width: 2px; } .outline-line { position: relative; display: inline-block; white-space: nowrap; } .outline-line svg { display: block; width: calc(100% - calc(var(--box-size) * 8)); max-width: 100%; height: auto; margin: 0 auto; } @media only screen and (max-width: 767px) { .outline-line svg { position: absolute; left: calc(var(--indent-size) * 2); right: calc(var(--indent-size) * 2); } } .outline-line path { stroke: #F27C96; } @media only screen and (min-width: 768px) { .outline-line path { stroke-width: 1px; } } @media only screen and (max-width: 767px) { .outline-line path { stroke-width: 2px; } } .btn-outline { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; text-align: center; color: #E9164D; text-transform: uppercase; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); /*&:not([class*='_h']) { path { &.path { &-3, &-4 { opacity: 0; } } } }*/ } @media only screen and (min-width: 1920px) { .btn-outline { min-width: 222px; min-height: 108px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .btn-outline { min-width: 210px; min-height: 102px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .btn-outline { min-width: 200px; min-height: 108px; } } @media only screen and (max-width: 767px) { .btn-outline { min-width: 188px; min-height: 92px; } } .btn-outline span { display: block; width: 100%; margin: 0 auto; } @media only screen and (min-width: 1920px) { .btn-outline span { max-width: 172px; } } @media only screen and (max-width: 1919px) { .btn-outline span { max-width: 132px; } } .btn-outline svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; overflow: visible; /*& [class*='path-'] { transition: $basicTransition1; }*/ } .btn-outline path { stroke: currentColor; stroke-width: 2px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .btn-outline path.path-opacity { opacity: 1; } [class*=outline] path { stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-dasharray: 10000; stroke-dashoffset: 0; fill: none; } [class*=outline].animated path { -webkit-animation: dashOutline 15s ease; animation: dashOutline 15s ease; } @-webkit-keyframes dashOutline { from { stroke-dashoffset: 10000; } to { stroke-dashoffset: 0; } } @keyframes dashOutline { from { stroke-dashoffset: 10000; } to { stroke-dashoffset: 0; } } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { .pagination-wrap { margin-top: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .pagination-wrap { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .pagination-wrap { margin-top: calc(var(--indent-size) * 3); } } .pagination-item { -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 1920px) { .pagination-item { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (max-width: 1919px) { .pagination-item { width: calc(var(--box-size) * 9); height: calc(var(--box-size) * 9); } } @media only screen and (min-width: 768px) { .pagination-item { margin: 0 4px; } } .pagination-item.active .pagination-link { background-color: #FCF4F4; color: #E9164D; } .pagination-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; text-align: center; border-radius: 50%; } .pagination-more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .pagination-arrow { -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 1920px) { .pagination-arrow { margin: 0 calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .pagination-arrow { margin: 0 calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .pagination-arrow { margin: 0 calc(var(--indent-size) * 3); } } .pagination-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; outline: none; background-color: transparent; border: 1px solid transparent; border-radius: 50%; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .pagination-icon { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .pagination-icon { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1279px) { .pagination-icon { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } .pagination-icon:not([class*=_disabled]) { border-color: #E9164D; } .pagination-icon:not([class*=_disabled]):hover { border-color: #F27C96; } .pagination-icon:not([class*=_disabled]):hover svg { stroke: #F27C96; } .pagination-icon:not([class*=_disabled]) svg { stroke: #E9164D; } .pagination-icon[class*=_disabled] { border-color: #8E7D82; } .pagination-icon[class*=_disabled] svg { stroke: #8E7D82; } .pagination-icon:not([class*=_disabled]) { cursor: pointer; } .pagination-icon[class*=_disabled] { opacity: 1; cursor: not-allowed; } .pagination-icon svg { -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .pagination-icon[data-type=prev] svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .pagination-icon[data-type=prev]:not([class*=_disabled]):hover svg { -webkit-transform: rotate(-180deg) translateX(4px); transform: rotate(-180deg) translateX(4px); } .pagination-icon[data-type=next]:not([class*=_disabled]):hover svg { -webkit-transform: translateX(4px); transform: translateX(4px); } .modal__close { position: absolute; right: 0; top: 0; z-index: 3; font-size: 0; line-height: 1; cursor: pointer; color: #8E7D82; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1280px) { .modal__close { padding: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .modal__close { padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .modal__close { padding: calc(var(--indent-size) * 2); } } .modal__close:hover { color: #E9164D; } .modal__close svg { fill: currentColor; } @media only screen and (min-width: 1920px) { .modal__close svg { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal__close svg { width: calc(var(--box-size) * 9); height: calc(var(--box-size) * 9); } } @media only screen and (max-width: 767px) { .modal__close svg { width: calc(var(--box-size) * 6); height: calc(var(--box-size) * 6); } } .overlay { display: none; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background-color: rgba(74, 74, 80, 0.6); } @-webkit-keyframes fadeInUpOverlay { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInUpOverlay { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOutUpOverlay { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOutUpOverlay { from { opacity: 1; } to { opacity: 0; } } /*html { &.isScroll { .modal-open, .modalOpen { overflow: hidden; @include laptop-small-min { padding-right: 17px; } & .header { &-fixed { @include laptop-small-min { padding-right: 17px; } &.headroom { &--not-top { & .header { &-main { @include laptop-small-min { padding-right: 17px; } } } } } } } } } }*/ @media only screen and (min-width: 1280px) { body.dis-scroll-full .header-fixed { padding-right: 17px; } } @media only screen and (min-width: 1280px) { body.dis-scroll-full .header-fixed.headroom--not-top .header-main { padding-right: 17px; } } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; padding-right: 0 !important; } .modal::-webkit-scrollbar { display: none; } .modal.fade .modal-dialog { -webkit-transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .modal:not([data-type=center]):not([data-size=big]) .modal-dialog { max-width: 880px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .modal:not([data-type=center]):not([data-size=big]) .modal-dialog { max-width: 640px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .modal:not([data-type=center]):not([data-size=big]) .modal-dialog { padding-left: calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .modal:not([data-type=center]):not([data-size=big]) .modal-dialog { padding-left: calc(var(--grid-size) * 2); } } @media only screen and (min-width: 1920px) { .modal:not([data-type=center]):not([data-size=big]).fade .modal-dialog { -webkit-transform: translateX(880px); transform: translateX(880px); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .modal:not([data-type=center]):not([data-size=big]).fade .modal-dialog { -webkit-transform: translateX(640px); transform: translateX(640px); } } @media only screen and (max-width: 1279px) { .modal:not([data-type=center]):not([data-size=big]).fade .modal-dialog { -webkit-transform: translateX(100%); transform: translateX(100%); } } .modal:not([data-type=center]):not([data-size=big]).show .modal-dialog { -webkit-transform: translateX(0); transform: translateX(0); } @media only screen and (min-width: 1920px) { .modal:not([data-type=center])[data-size=big] .modal-dialog { max-width: 1320px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .modal:not([data-type=center])[data-size=big] .modal-dialog { max-width: 1180px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .modal:not([data-type=center])[data-size=big] .modal-dialog { padding-left: calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .modal:not([data-type=center])[data-size=big] .modal-dialog { padding-left: calc(var(--grid-size) * 2); } } @media only screen and (min-width: 1920px) { .modal:not([data-type=center])[data-size=big].fade .modal-dialog { -webkit-transform: translateX(1320px); transform: translateX(1320px); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .modal:not([data-type=center])[data-size=big].fade .modal-dialog { -webkit-transform: translateX(1180px); transform: translateX(1180px); } } @media only screen and (max-width: 1279px) { .modal:not([data-type=center])[data-size=big].fade .modal-dialog { -webkit-transform: translateX(100%); transform: translateX(100%); } } .modal:not([data-type=center])[data-size=big].show .modal-dialog { -webkit-transform: translateX(0); transform: translateX(0); } .modal:not([data-type=center]) .modal-dialog { margin: 0 0 0 auto; } .modal:not([data-type=center]) .modal-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; overflow-y: auto; } @media only screen and (min-width: 1920px) { .modal:not([data-type=center]) .modal-body { padding: calc(var(--indent-size) * 15) calc(var(--indent-size) * 15) calc(var(--indent-size) * 6); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .modal:not([data-type=center]) .modal-body { padding: calc(var(--indent-size) * 10) calc(var(--indent-size) * 8) calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .modal:not([data-type=center]) .modal-body { padding: calc(var(--indent-size) * 8) calc(var(--indent-size) * 6) calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .modal:not([data-type=center]) .modal-body { padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2); } } .modal:not([data-type=center]) .modal-body::-webkit-scrollbar { width: 4px; } .modal:not([data-type=center]) .modal-body::-webkit-scrollbar-track { background-color: #FFFFFF; border-radius: 100px; } .modal:not([data-type=center]) .modal-body::-webkit-scrollbar-thumb { background-color: #CBC8C8; border-radius: 100px; } @media only screen and (min-width: 768px) { .modal:not([data-type=center]) .logo-link { max-width: 200px; } } @media only screen and (max-width: 767px) { .modal:not([data-type=center]) .logo-link { max-width: 160px; } } @media only screen and (min-width: 1920px) { .modal:not([data-type=center]) h3 + p { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal:not([data-type=center]) h3 + p { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .modal:not([data-type=center]) h3 + p { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1280px) { .modal:not([data-type=center]) h3 + p { max-width: 320px; } } .modal[data-type=center] .modal-dialog { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } @media only screen and (min-width: 1920px) { .modal[data-type=center] .modal-dialog { max-width: 880px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .modal[data-type=center] .modal-dialog { max-width: 640px; } } @media only screen and (max-width: 1279px) { .modal[data-type=center] .modal-dialog { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .modal[data-type=center] .modal-dialog { padding: 0 calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .modal[data-type=center] .modal-dialog { padding: 0 calc(var(--grid-size) * 2); } } .modal[data-type=center] .modal-content { text-align: center; } @media only screen and (min-width: 1920px) { .modal[data-type=center] .modal-content { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal[data-type=center] .modal-content { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .modal[data-type=center] .modal-content { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .modal[data-type=center] .modal-body { padding: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal[data-type=center] .modal-body { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .modal[data-type=center] .modal-body { padding: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .modal[data-type=center] .logo-link { width: 180px; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .modal[data-type=center] .logo-link { width: 160px; } } @media only screen and (max-width: 767px) { .modal[data-type=center] .logo-link { width: 120px; } } @media only screen and (min-width: 768px) { .modal[data-type=center].fade .modal-dialog { -webkit-transform: translateY(-24px); transform: translateY(-24px); } } @media only screen and (max-width: 767px) { .modal[data-type=center].fade .modal-dialog { -webkit-transform: translateY(-16px); transform: translateY(-16px); } } .modal[data-type=center].show .modal-dialog { -webkit-transform: translateY(0); transform: translateY(0); } @media only screen and (min-width: 1920px) { .modal[data-type=center] h3 + p { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal[data-type=center] h3 + p { font-size: 16px; line-height: 1.75; } } @media only screen and (max-width: 767px) { .modal[data-type=center] h3 + p { font-size: 14px; line-height: 1.7142857143; } } .modal-dialog { position: relative; height: 100%; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal-dialog-scrollable { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: calc(100% - 16px); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 16px); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 16px); } .modal-dialog-centered::before { display: block; height: calc(100vh - 16px); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; width: 100%; background-clip: padding-box; pointer-events: auto; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100%; height: 100%; -webkit-transition: 0.75s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.75s cubic-bezier(0.76, 0, 0.24, 1); } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 16px; border-bottom: 1px solid transparent; } .modal-close { position: absolute; z-index: 1; font-size: 0; line-height: 1; cursor: pointer; opacity: 1; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .modal-close svg { fill: currentColor; } .modal-close:not(:disabled):not(.disabled):hover, .modal-close:not(:disabled):not(.disabled):focus { outline: none; opacity: 0.75; } button.modal-close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; pointer-events: auto; } a.modal-close.disabled { pointer-events: none; } .modal-title { position: relative; width: 100%; } .modal-body { position: relative; width: 100%; height: 100%; } .modal-footer { position: relative; width: 100%; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog-scrollable { max-height: calc(100% - 16px); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 16px); } .modal-dialog-centered { min-height: calc(100% - 16px); } .modal-dialog-centered::before { height: calc(100vh - 16px); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } /* *** */ .modal-backdrop { background-color: rgba(74, 74, 80, 0.6); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.fade.show { opacity: 1; } .modal-content { background-color: #FFFFFF; } .modal:not(.is-success) .modal-success { display: none; } .modal.is-success .modal-start { display: none; } .modal-steps:not(.is-success) { margin-left: 0; } .modal-steps.is-success { margin-left: -100%; } .modal-start { height: 100%; overflow: hidden; } .modal-finish { height: 100%; } .modal-steps { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 200%; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .modal-step { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; } .modal-empty { border-top: 2px solid #F6E2E6; } @media only screen and (min-width: 1920px) { .modal-empty { margin: calc(var(--indent-size) * 10) calc(-1 * calc(var(--indent-size) * 15)) 0; padding: calc(var(--indent-size) * 10) calc(var(--indent-size) * 15) 0; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .modal-empty { margin: calc(var(--indent-size) * 8) calc(-1 * calc(var(--indent-size) * 8)) 0; padding: calc(var(--indent-size) * 8) calc(var(--indent-size) * 8) 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .modal-empty { margin: calc(var(--indent-size) * 6) calc(-1 * calc(var(--indent-size) * 6)) 0; padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 6) 0; } } @media only screen and (max-width: 767px) { .modal-empty { margin: calc(var(--indent-size) * 4) calc(-1 * calc(var(--indent-size) * 2)) 0; padding: calc(var(--indent-size) * 4) calc(var(--indent-size) * 2) 0; } } @media only screen and (min-width: 1920px) { .modal-text { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal-text { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .modal-text { margin-top: calc(var(--indent-size) * 3); } } .modal-text:first-child { margin-top: 0; } .modal-text:last-child { margin-bottom: 0; } @media only screen and (min-width: 1280px) { .modal-text article > :not([class]) { min-width: 100%; } } @media only screen and (min-width: 1920px) { .modal-btn { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal-btn { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .modal-btn { margin-top: calc(var(--indent-size) * 2); } } .modal-hint { position: relative; z-index: 1; color: #8E7D82; } @media only screen and (min-width: 1920px) { .modal-hint { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal-hint { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .modal-hint { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 768px) { .modal-hint { margin: calc(var(--indent-size) * 2) 0; } } @media only screen and (max-width: 767px) { .modal-hint { margin: var(--indent-size) 0; } } .modal-hint:first-child { margin-top: 0; } .modal-hint:last-child { margin-bottom: 0; } .modal-hint_right { text-align: right; } .modal-hint a { color: inherit; } .modal-prev { color: #8E7D82; } @media only screen and (min-width: 1920px) { .modal-prev { margin: 64px 0 calc(var(--indent-size) * 10); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .modal-prev { margin: 48px 0 calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .modal-prev { margin: 32px 0 calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { .modal-prev { margin: 24px 0 calc(var(--indent-size) * 4); } } .modal-prev:first-child { margin-top: 0; } .modal-prev:last-child { margin-bottom: 0; } .modal-icon { display: block; } @media only screen and (min-width: 1920px) { .modal-icon { font-size: 56px; line-height: 1.25; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .modal-icon { font-size: 40px; line-height: 1.3; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .modal-icon { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (max-width: 767px) { .modal-icon { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 1920px) { .modal-icon { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal-icon { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .modal-icon { margin-bottom: calc(var(--indent-size) * 2); } } .modal-inner { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 1920px) { .modal-inner { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal-inner { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .modal-inner { margin-bottom: calc(var(--indent-size) * 3); } } .modal-inner:first-child { margin-top: 0; } .modal-inner:last-child { margin-bottom: 0; } .modal-agreement { margin: auto 0 0; } @media only screen and (min-width: 1920px) { .modal-static { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal-static { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .modal-static { margin-top: calc(var(--indent-size) * 3); } } .modal-static .max-width { max-width: 640px; margin: 0 auto; } @media only screen and (min-width: 1920px) { .modal-form { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal-form { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .modal-form { margin-top: calc(var(--indent-size) * 3); } } .modal-form:first-child { margin-top: 0; } .modal-form:last-child { margin-bottom: 0; } .modal-head { position: relative; } @media only screen and (min-width: 1920px) { .modal .basket-items { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal .basket-items { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .modal .basket-items { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1920px) { .modal .basket-items { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal .basket-items { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .modal .basket-items { margin-bottom: calc(var(--indent-size) * 3); } } .modal .basket-ordering { background-color: #FFFFFF; } @media only screen and (min-width: 1920px) { .modal .basket-ordering { padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 15); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .modal .basket-ordering { padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .modal .basket-ordering { padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { .modal .basket-ordering { padding: var(--indent-size) calc(var(--indent-size) * 2); } } .modal .basket-ordering:not(.is-sticky) { position: relative; z-index: 2; } @media only screen and (min-width: 1920px) { .modal .basket-ordering:not(.is-sticky) { margin: auto calc(-1 * calc(var(--indent-size) * 15)) calc(-1 * calc(var(--indent-size) * 6)); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .modal .basket-ordering:not(.is-sticky) { margin: auto calc(-1 * calc(var(--indent-size) * 8)) calc(-1 * calc(var(--indent-size) * 6)); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .modal .basket-ordering:not(.is-sticky) { margin: auto calc(-1 * calc(var(--indent-size) * 6)) calc(-1 * calc(var(--indent-size) * 4)); } } @media only screen and (max-width: 767px) { .modal .basket-ordering:not(.is-sticky) { margin: auto calc(-1 * calc(var(--indent-size) * 2)) calc(-1 * calc(var(--indent-size) * 2)); } } .modal .basket-ordering.is-sticky { position: absolute; left: 0; right: 4px; bottom: 0; z-index: 1; } @media only screen and (min-width: 768px) { .modal .basket-ordering.is-sticky { padding-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .modal .basket-ordering.is-sticky { padding-bottom: var(--indent-size); } } @media only screen and (min-width: 1920px) { .modal .basket__groups { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal .basket__groups { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .modal .basket__groups { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1280px) { .modal .basket__present { position: absolute; right: 0; top: 5px; z-index: 1; } } @media only screen and (max-width: 1279px) { .modal .basket__present { margin-top: 16px; } } @media only screen and (min-width: 1920px) { .modal .search-city { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal .search-city { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .modal .search-city { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1920px) { .modal .shop-map { margin-top: calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal .shop-map { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .modal .shop-map { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1920px) { .modal .shop-contacts { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal .shop-contacts { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .modal .shop-contacts { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1920px) { .modal .shop-img { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal .shop-img { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .modal .shop-img { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1920px) { .modal .pickup-items { margin-top: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .modal .pickup-items { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 767px) { .modal .pickup-items { margin-top: calc(var(--indent-size) * 3); } } .modal .pickup-right { height: 100%; overflow: hidden; overflow-y: auto; } .modal .pickup-right::-webkit-scrollbar { width: 4px; } .modal .pickup-right::-webkit-scrollbar-track { background-color: #F6E2E6; border-radius: 100px; } .modal .pickup-right::-webkit-scrollbar-thumb { background-color: #E9164D; border-radius: 100px; } .modal h3 + p { color: #8E7D82; } .modal h3 + p a { color: #E9164D; } @supports (-webkit-touch-callout: none) { .modal-body { overscroll-behavior-y: none; } } .popup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; right: -100%; top: calc(var(--indent-size) * 8); z-index: 1051; background-color: #FFFFFF; border: 1px solid #E9164D; font-weight: 500; -webkit-transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .popup { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .popup { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .popup { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .popup { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .popup { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .popup { margin-right: calc(var(--indent-size) * 2); } } .popup.is-open { right: 0; } @media only screen and (min-width: 1920px) { .popup { width: 528px; padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 8) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .popup { width: 428px; } } @media only screen and (max-width: 1919px) { .popup { padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 4) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .popup { width: calc(100% - calc(var(--grid-size) * 4)); } } @media only screen and (min-width: 1920px) { .popup:not([class*="--static"]) .popup-content h5 { max-height: 68px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .popup:not([class*="--static"]) .popup-content h5 { max-height: 52px; } } @media only screen and (max-width: 767px) { .popup:not([class*="--static"]) .popup-content h5 { max-height: 56px; } } @media only screen and (min-width: 1920px) { .popup[class*="--static"] { padding-right: calc(var(--indent-size) * 3); } } .popup__close { position: absolute; font-size: 0; line-height: 1; cursor: pointer; color: #8E7D82; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .popup__close { right: calc(var(--indent-size) * 2); top: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1919px) { .popup__close { right: var(--indent-size); top: var(--indent-size); } } .popup__close:hover { color: #E9164D; } .popup__close svg { fill: currentColor; } .popup-favorite, .popup-feedback-success { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: fixed; right: -100%; top: calc(var(--indent-size) * 8); z-index: 1051; background-color: #FFFFFF; border: 1px solid #E9164D; font-weight: 500; -webkit-transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .popup-favorite, .popup-feedback-success { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .popup-favorite, .popup-feedback-success { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .popup-favorite, .popup-feedback-success { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .popup-favorite, .popup-feedback-success { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .popup-favorite, .popup-feedback-success { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .popup-favorite, .popup-feedback-success { margin-right: calc(var(--indent-size) * 2); } } .popup-favorite.is-open, .popup-feedback-success.is-open { right: 0; } @media only screen and (min-width: 1920px) { .popup-favorite, .popup-feedback-success { width: 528px; padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 8) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .popup-favorite, .popup-feedback-success { width: 428px; } } @media only screen and (max-width: 1919px) { .popup-favorite, .popup-feedback-success { padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 4) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .popup-favorite, .popup-feedback-success { width: calc(100% - calc(var(--grid-size) * 4)); } } .popup-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .popup-picture { -ms-flex-negative: 0; flex-shrink: 0; position: relative; } @media only screen and (min-width: 1920px) { .popup-picture { width: calc(var(--box-size) * 30); } } @media only screen and (max-width: 1919px) { .popup-picture { width: calc(var(--box-size) * 20); } } .popup-img { padding-top: 111.6666666667%; } .popup-img .object-fit { background-color: #F2F2F2; } @media only screen and (min-width: 1920px) { .popup-img .object-fit { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .popup-img .object-fit { border-radius: calc(var(--border-radius) / 4 * 3); } } .popup-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (min-width: 1920px) { .popup-content { padding-left: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .popup-content { padding-left: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .popup-content { padding-left: calc(var(--indent-size) * 2); } } .popup-content h5 { overflow: hidden; font-weight: inherit; } .popup-content h5:not(:first-child) { margin-top: 0; } .popup-content h5:not(:last-child) { margin-bottom: 0; } .popup-content a { color: #E9164D; } .audio { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .audio span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .audio svg { -ms-flex-negative: 0; flex-shrink: 0; margin-top: -1px; } @media only screen and (min-width: 1920px) { .audio svg { margin-right: var(--indent-size); } } @media only screen and (max-width: 1919px) { .audio svg { margin-right: calc(var(--indent-size) / 2); } } .audio audio { display: none; } .player { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FCF4F4; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media only screen and (min-width: 1920px) { .player { border-radius: calc(var(--border-radius) * 3); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .player { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .player { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .player { border-radius: var(--border-radius); } } @media only screen and (min-width: 1920px) { .player { padding: calc(var(--indent-size) * 6); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .player { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .player { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .player { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } .player-play { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #E9164D; border-radius: 50%; cursor: pointer; color: #FFFFFF; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .player-play { width: calc(var(--box-size) * 28); height: calc(var(--box-size) * 28); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .player-play { width: calc(var(--box-size) * 20); height: calc(var(--box-size) * 20); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .player-play { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (max-width: 767px) { .player-play { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } .player-play:hover { background-color: #430315; } .player-play svg { fill: currentColor; } .player-volume { position: relative; -ms-flex-negative: 0; flex-shrink: 0; font-size: 0; line-height: 1; } .player-volume__btn { display: inline-block; font-size: 0; line-height: 1; cursor: pointer; color: #8E7D82; } .player-volume__btn svg { width: 28px; height: auto; fill: currentColor; } @media only screen and (max-width: 767px) { .player-volume__btn svg { width: 32px; } } .player-volume__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30px; height: 135px; background-color: rgba(67, 3, 21, 0.4); position: absolute; left: -1px; bottom: calc(var(--indent-size) * 4); } @media only screen and (min-width: 1920px) { .player-volume__controls { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .player-volume__controls { border-radius: calc(var(--border-radius) / 4 * 3); } } .player-volume__controls.top { left: -1px; bottom: calc(var(--indent-size) * 4); } .player-volume__controls.hidden { display: none; } .player-volume .slider { width: var(--box-size); margin: 16px 0; } .player-volume .progress { bottom: 0; height: 100%; width: 4px; } .player-volume .pin { left: -10px; top: -12px; } .player-info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (min-width: 1920px) { .player-info { margin: 0 calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .player-info { margin: 0 calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .player-info { margin: 0 calc(var(--indent-size) * 2); } } .player-time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 500; color: #8E7D82; margin: 4px 0 0; } @media only screen and (min-width: 1920px) { .player-time { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .player-time { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .player-time { font-size: 13px; line-height: 1.5384615385; } } .player-progress { padding: var(--indent-size) 0; } .player-progress__line { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; cursor: pointer; background-color: #F6E2E6; border-radius: 500px; } .player-progress__line-size { position: absolute; background-color: #E9164D; border-radius: inherit; pointer-events: none; } .player-progress__pin { position: absolute; width: calc(var(--box-size) * 6); height: calc(var(--box-size) * 6); background-color: #E9164D; border: 3px solid #FCF4F4; border-radius: 50%; cursor: pointer; pointer-events: all; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .player-progress__pin:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .player-progress .slider { height: var(--box-size); } .player-progress .progress { width: 0; height: 100%; } .player-progress .pin { right: -12px; top: -10px; } .player__title { font-weight: 600; margin: var(--indent-size) 0 var(--indent-size); } @media only screen and (min-width: 1920px) { .player__title { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .player__title { font-size: 16px; line-height: 1.75; } } @media only screen and (max-width: 767px) { .player__title { font-size: 14px; line-height: 1.7142857143; } } .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } @media only screen and (min-width: 1920px) { .price:not([class*=_big]):not([class*=_small]) .price-now { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .price:not([class*=_big]):not([class*=_small]) .price-now { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .price:not([class*=_big]):not([class*=_small]) .price-now { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .price:not([class*=_big]):not([class*=_small]) .price-old { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .price:not([class*=_big]):not([class*=_small]) .price-old { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .price:not([class*=_big]):not([class*=_small]) .price-old { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 768px) { .price:not([class*=_big]):not([class*=_small]) > *:not(:last-child) { margin-right: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .price:not([class*=_big]):not([class*=_small]) > *:not(:last-child) { margin-right: var(--indent-size); } } @media only screen and (min-width: 1920px) { .price[class*=_big] .price-now { font-size: 48px; line-height: 1.3333333333; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .price[class*=_big] .price-now { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .price[class*=_big] .price-now { font-size: 30px; line-height: 1.2666666667; } } @media only screen and (max-width: 767px) { .price[class*=_big] .price-now { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (min-width: 1920px) { .price[class*=_big] .price-old { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .price[class*=_big] .price-old { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .price[class*=_big] .price-old { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .price[class*=_big] > *:not(:last-child) { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .price[class*=_big] > *:not(:last-child) { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .price[class*=_big] > *:not(:last-child) { margin-right: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .price[class*=_small] .price-now { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .price[class*=_small] .price-now { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .price[class*=_small] .price-now { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .price[class*=_small] .price-old { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { .price[class*=_small] .price-old { font-size: 12px; line-height: 1.5; } } @media only screen and (min-width: 1920px) { .price[class*=_small] > *:not(:last-child) { margin-right: var(--indent-size); } } @media only screen and (max-width: 1919px) { .price[class*=_small] > *:not(:last-child) { margin-right: calc(var(--indent-size) / 2); } } .price-now { color: #430315; } .price-old { color: #8E7D82; } @media only screen and (max-width: 767px) { .price_center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .quantity { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .quantity__nav { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; width: calc(var(--box-size) * 8); height: calc(var(--box-size) * 8); background-color: #F6E2E6; border-radius: 50%; color: #E9164D; font-weight: 600; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .quantity__nav { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .quantity__nav { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .quantity__nav { font-size: 18px; line-height: 1.5555555556; } } .quantity__nav:hover { background-color: #F27C96; color: #FFFFFF; } .quantity__nav::before, .quantity__nav::after { content: ""; position: absolute; left: 50%; top: 50%; background-color: currentColor; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .quantity__nav.el-minus::before { width: 12px; height: calc(var(--box-size) / 2); } .quantity__nav.el-plus::before { width: 12px; height: calc(var(--box-size) / 2); } .quantity__nav.el-plus::after { width: calc(var(--box-size) / 2); height: 12px; } .quantity__control { background: none; border: 0 none; width: calc(var(--box-size) * 12); margin: 0; padding: 0; outline: none; font-weight: 500; text-align: center; } @media only screen and (min-width: 1920px) { .quantity__control { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .quantity__control { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .quantity__control { font-size: 18px; line-height: 1.5555555556; } } .rating { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rating:not([data-type=rating]) .rating-stars { margin-right: 0; } .rating[data-type=rating] { color: #E9164D; } .rating[data-type=rating] a { color: inherit; border-bottom: 1px solid transparent; } .rating[data-type=rating] a:hover { border-bottom-color: currentColor; } .rating-stars { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rating-star { font-size: 0; line-height: 1; } .rating-star:last-child svg { margin-right: 0; } .rating:not([class*=_big]) .rating-stars { margin: 0 var(--indent-size) 0 0; } @media only screen and (min-width: 1920px) { .rating_big { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .rating_big { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .rating_big { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .rating_big { font-size: 18px; line-height: 1.5555555556; } } .rating_big .rating-stars { margin: 0 calc(var(--indent-size) * 2) 0 0; } @media only screen and (max-width: 767px) { .rating_big .rating-star svg { width: calc(var(--box-size) * 8); height: calc(var(--box-size) * 8); } } .rating svg { -ms-flex-negative: 0; flex-shrink: 0; fill: #E9164D; margin: -1px var(--indent-size) 0 0; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 1920px) { .row { margin: calc(-1 * calc(var(--grid-size) * 8)) calc(-1 * calc(var(--grid-size) * 2)) 0; } } @media only screen and (max-width: 1919px) { .row { margin: calc(-1 * calc(var(--grid-size) * 4)) calc(-1 * var(--grid-size)) 0; } } @media only screen and (min-width: 1920px) { .row[class*=_big] { margin-left: calc(-1 * calc(var(--grid-size) * 4)); margin-right: calc(-1 * calc(var(--grid-size) * 4)); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .row[class*=_big] { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } @media only screen and (max-width: 1279px) { .row[class*=_big] { margin-left: calc(-1 * var(--grid-size)); margin-right: calc(-1 * var(--grid-size)); } } @media only screen and (min-width: 1920px) { .row[class*=_big] > [class*=col-] { padding-left: calc(var(--grid-size) * 4); padding-right: calc(var(--grid-size) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .row[class*=_big] > [class*=col-] { padding-left: calc(var(--grid-size) * 2); padding-right: calc(var(--grid-size) * 2); } } @media only screen and (max-width: 1279px) { .row[class*=_big] > [class*=col-] { padding-left: var(--grid-size); padding-right: var(--grid-size); } } .row[class*=_near] { margin-left: 0; margin-right: 0; } .row[class*=_near] > [class*=col-] { padding-left: 0; padding-right: 0; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } @media only screen and (min-width: 1920px) { .col { margin: calc(var(--grid-size) * 8) 0 0; padding: 0 calc(var(--grid-size) * 2); } } @media only screen and (max-width: 1919px) { .col { margin: calc(var(--grid-size) * 4) 0 0; padding: 0 var(--grid-size); } } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .col-20 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .share { font-size: 0; line-height: 1; display: none; background-color: transparent; border: none; } @media only screen and (max-width: 767px) { .share { display: block; } } .share-tooltiped { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 767px) { .share-tooltiped { display: none; } } .share-tooltiped:hover .share-tooltip { opacity: 1; pointer-events: all; } .share-tooltiped svg { fill: #8E7D82; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .share-tooltiped .share-wrap { padding: 20px; } .share-tooltiped .share-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .share-tooltiped .share-item { font-size: 24px; } .share-tooltip { position: absolute; top: 25px; bottom: auto; right: 0; z-index: 101; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; opacity: 0; pointer-events: none; background-color: #FFFFFF; border: 1px solid #E9164D; font-weight: 500; color: #430315; -webkit-box-shadow: 0 0 calc(var(--box-size) * 6) calc(var(--box-size) * 2) rgba(0, 0, 0, 0.04); box-shadow: 0 0 calc(var(--box-size) * 6) calc(var(--box-size) * 2) rgba(0, 0, 0, 0.04); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .share-tooltip { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .share-tooltip { border-radius: calc(var(--border-radius) / 4 * 3); } } @media only screen and (min-width: 1920px) { .share-tooltip { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { .share-tooltip { font-size: 12px; line-height: 1.5; } } @media only screen and (min-width: 768px) { .share-tooltip { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .share-tooltip { padding: var(--indent-size); } } .share:hover svg { fill: #E9164D; } .share.share_active svg { fill: #E9164D; } .share svg { fill: #8E7D82; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .share-fixed { display: none; position: fixed; top: auto; bottom: 0; left: 0; border-top: 1px solid #E9164D; border-radius: 24px 24px 0 0; z-index: 101; width: 100%; background-color: #FFFFFF; } @media only screen and (max-width: 767px) { .share-fixed { height: 60%; } } @media only screen and (min-width: 1920px) { .share-wrap { padding: calc(var(--indent-size) * 30) 0 calc(var(--indent-size) * 30); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .share-wrap { padding: calc(var(--indent-size) * 15) 0 calc(var(--indent-size) * 15); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .share-wrap { padding: calc(var(--indent-size) * 10) 0 calc(var(--indent-size) * 10); } } @media only screen and (max-width: 767px) { .share-wrap { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 8); } } .share-items { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 992px) { .share-items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 768px) { .share-items { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 calc(-1 * var(--indent-size)); } } @media only screen and (max-width: 767px) { .share-items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; width: 40%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media only screen and (max-width: 576px) { .share-items { width: 70%; } } .share-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: top; font-weight: 600; gap: 24px; background-color: transparent; border: none; color: #430315; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } @media only screen and (min-width: 1920px) { .share-item { font-size: 56px; line-height: 1.25; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .share-item { font-size: 40px; line-height: 1.3; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .share-item { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (max-width: 767px) { .share-item { font-size: 24px; line-height: 1.4166666667; } } .share-item:hover { color: #E9164D; text-decoration: none; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .share-item:hover svg { fill: #E9164D; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .share-item svg { fill: #430315; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); width: 40px; height: 40px; } @media only screen and (min-width: 992px) { .share-item { margin: 0 var(--indent-size); } } @media only screen and (max-width: 992px) { .share-item { margin: calc(var(--indent-size) / 2 * 3) 0; } } body.shareActive .share-fixed { display: block !important; -webkit-animation: fadeInUpShare 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeInUpShare 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } @media only screen and (min-width: 768px) { body.shareActive .overlay { display: block !important; -webkit-animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } } @media only screen and (max-width: 767px) { body.shareActive .overlay { display: block !important; z-index: 100; -webkit-animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } } body.shareRemoving .share-fixed { -webkit-animation: fadeOutUpShare 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeOutUpShare 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } @media only screen and (min-width: 768px) { body.shareRemoving .overlay { -webkit-animation: fadeOutUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeOutUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } } @-webkit-keyframes fadeInUpShare { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInUpShare { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOutUpShare { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOutUpShare { from { opacity: 1; } to { opacity: 0; } } .slider-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; outline: none; background-color: transparent; border: 1px solid transparent; border-radius: 50%; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .slider-btn:not([class*=_white]):not(.swiper-button-disabled) { border-color: #F27C96; } .slider-btn:not([class*=_white]):not(.swiper-button-disabled):hover { border-color: #E9164D; } .slider-btn:not([class*=_white]):not(.swiper-button-disabled):hover svg { stroke: #E9164D; } .slider-btn:not([class*=_white]):not(.swiper-button-disabled) svg { stroke: #F27C96; } .slider-btn:not([class*=_white]).swiper-button-disabled { border-color: #8E7D82; } .slider-btn:not([class*=_white]).swiper-button-disabled svg { stroke: #8E7D82; } .slider-btn:not([class*=_white])[class*=_bg] { background-color: #FFFFFF; } .slider-btn[class*=_white] { background-color: rgba(255, 255, 255, 0.6); border-color: #FFFFFF; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } .slider-btn[class*=_white]:not(.swiper-button-disabled):hover svg { stroke: #E9164D; } .slider-btn[class*=_white] svg { stroke: #FFFFFF; } @media only screen and (min-width: 1920px) { .slider-btn:not([class*=_big]) { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .slider-btn:not([class*=_big]) { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1279px) { .slider-btn:not([class*=_big]) { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (min-width: 1920px) { .slider-btn[class*=_big] { width: calc(var(--box-size) * 20); height: calc(var(--box-size) * 20); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .slider-btn[class*=_big] { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1279px) { .slider-btn[class*=_big] { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } .slider-btn:not(.swiper-button-disabled) { cursor: pointer; } .slider-btn.swiper-button-disabled { opacity: 1; cursor: not-allowed; } .slider-btn svg { -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .slider-btn[data-type=prev] svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .slider-btn[data-type=prev]:not(.swiper-button-disabled):hover svg { -webkit-transform: rotate(-180deg) translateX(4px); transform: rotate(-180deg) translateX(4px); } .slider-btn[data-type=next]:not(.swiper-button-disabled):hover svg { -webkit-transform: translateX(4px); transform: translateX(4px); } .slider-items { position: relative; } .slider-arrows { position: absolute; top: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { .slider-arrows { width: calc(var(--box-size) * 16); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .slider-arrows { width: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1279px) { .slider-arrows { width: calc(var(--box-size) * 12); } } .slider-arrows[data-type=prev] { left: 0; } .slider-arrows[data-type=next] { right: 0; } .slider-pagination { font-size: 0; line-height: 1; } .slider-pagination .swiper-pagination-bullet { width: calc(var(--box-size) * 3); height: calc(var(--box-size) * 3); background-color: #F6E2E6; background-clip: content-box; opacity: 1; padding: 2px; margin: 0 var(--indent-size); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .slider-pagination .swiper-pagination-bullet-active { background-color: #E9164D; padding: 0; } .arrow-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: transparent; border: 1px solid currentColor; cursor: pointer; padding: var(--indent-size) var(--indent-size); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .arrow-btn { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1919px) { .arrow-btn { width: calc(var(--box-size) * 10); height: calc(var(--box-size) * 10); } } .arrow-btn svg { stroke: currentColor; } .arrow-btn[data-type=prev] svg { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .socials_white .socials-icons__item svg { fill: #FFFFFF; } .socials_white .socials-icons__item:hover svg { fill: #F27C96; } .socials:not([class*=_white]) .socials-icons__item { border-color: #E9164D; } .socials:not([class*=_white]) .socials-icons__item svg { fill: #E9164D; } .socials:not([class*=_white]) .socials-icons__item:hover { border-color: #F27C96; } .socials:not([class*=_white]) .socials-icons__item:hover svg { fill: #F27C96; } @media only screen and (min-width: 1920px) { .socials_big .socials-icons { margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) * 2)) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .socials_big .socials-icons { margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) / 2 * 3)) 0; } } @media only screen and (max-width: 767px) { .socials_big .socials-icons { margin: calc(-1 * var(--grid-size)) calc(-1 * var(--grid-size)) 0; } } @media only screen and (min-width: 1920px) { .socials_big .socials-icons__item { width: calc(var(--box-size) * 30); height: calc(var(--box-size) * 30); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .socials_big .socials-icons__item { width: calc(var(--box-size) * 20); height: calc(var(--box-size) * 20); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .socials_big .socials-icons__item { width: calc(var(--box-size) * 16); height: calc(var(--box-size) * 16); } } @media only screen and (max-width: 767px) { .socials_big .socials-icons__item { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (min-width: 1920px) { .socials_big .socials-icons__item { margin: var(--grid-size) calc(var(--grid-size) * 2) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .socials_big .socials-icons__item { margin: var(--grid-size) calc(var(--grid-size) / 2 * 3) 0; } } @media only screen and (max-width: 767px) { .socials_big .socials-icons__item { margin: var(--grid-size) var(--grid-size) 0; } } .socials:not([class*=_big]) .socials-icons { margin: calc(-1 * var(--grid-size)) calc(-1 * var(--grid-size)) 0; } .socials:not([class*=_big]) .socials-icons__item { margin: var(--grid-size) var(--grid-size) 0; } @media only screen and (min-width: 1920px) { .socials:not([class*=_big]) .socials-icons__item { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (max-width: 1919px) { .socials:not([class*=_big]) .socials-icons__item { width: calc(var(--box-size) * 9); height: calc(var(--box-size) * 9); } } .socials-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .socials-icons__item { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid transparent; border-radius: 50%; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .socials-icons__item:active { -webkit-transform: scale(0.9); transform: scale(0.9); } .socials-icons__item svg { max-width: 50%; width: auto; height: auto; max-height: 50%; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .socials-label { display: inline-block; vertical-align: top; color: #8E7D82; } @media only screen and (min-width: 1920px) { .socials-label { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { .socials-label { font-size: 12px; line-height: 1.5; } } @media only screen and (min-width: 768px) { .socials-label { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .socials-label { margin-bottom: var(--indent-size); } } .tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 1920px) { .tags:not([class*=_small]) { display: block; width: 40px; margin: calc(-1 * calc(var(--grid-size) * 2)) calc(-1 * var(--grid-size)) 0; } } @media only screen and (max-width: 1919px) { .tags:not([class*=_small]) { display: block; width: 40px; margin: -14px 0 0 -10px; } } @media only screen and (min-width: 1920px) { .tags:not([class*=_small]) .tag-item { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1919px) { .tags:not([class*=_small]) .tag-item { width: calc(var(--box-size) * 10); height: calc(var(--box-size) * 10); } } @media only screen and (min-width: 1920px) { .tags:not([class*=_small]) .tag-item { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { .tags:not([class*=_small]) .tag-item { font-size: 12px; line-height: 1.5; } } @media only screen and (min-width: 1920px) { .tags:not([class*=_small]) .tag-item { margin: calc(var(--grid-size) * 2) var(--grid-size) 0; } } @media only screen and (max-width: 1919px) { .tags:not([class*=_small]) .tag-item { margin: var(--grid-size) calc(var(--grid-size) / 2) 0; } } .tags_small { margin: calc(-1 * var(--grid-size)) calc(-1 * calc(var(--grid-size) / 2)) 0; } .tags_small .tag-item { width: calc(var(--box-size) * 9); height: calc(var(--box-size) * 9); font-size: 11px; line-height: 1.4545454545; margin: var(--grid-size) calc(var(--grid-size) / 2) 0; } .tag-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; text-align: center; font-weight: 600; color: #FFFFFF; overflow: hidden; } .tag-item_new { background-color: #7EE07B; } .tag-item_discount { background-color: #E9164D; } .tag-item_installment-plan { background-color: #F7CF64; } .tabs-wrap { position: relative; z-index: 1; } .tabs-items { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .tabs-items--full { overflow: visible; } .tabs-item { white-space: nowrap; position: relative; } .tabs-item.active { cursor: default; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .fade { -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .wow { visibility: visible !important; } .burger { position: relative; z-index: 2; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; cursor: pointer; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1280px) { .burger { display: none; } } @media only screen and (max-width: 1279px) { .burger { display: -webkit-box; display: -ms-flexbox; display: flex; } } .burger_active .burger__line { background-color: #8E7D82; } .burger_active .burger__line:nth-child(1) { -webkit-transform: translate(0, 6px) rotate(-45deg); transform: translate(0, 6px) rotate(-45deg); } .burger_active .burger__line:nth-child(2) { opacity: 0; } .burger_active .burger__line:nth-child(3) { -webkit-transform: translate(0, -6px) rotate(45deg); transform: translate(0, -6px) rotate(45deg); } .burger:not([class*=_active]) .burger__line { background-color: #8E7D82; } .burger__line { position: relative; width: 20px; height: 2px; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .burger__line:not(:last-child) { margin-bottom: 4px; } .city { position: absolute; left: 0; top: 100%; z-index: 1; background-color: #FFFFFF; border: 1px solid #E9164D; font-weight: 500; color: #430315; } @media only screen and (min-width: 1920px) { .city { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .city { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (max-width: 767px) { .city { border-radius: var(--border-radius); } } @media only screen and (min-width: 768px) { .city { padding: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .city { padding: calc(var(--indent-size) * 2); } } .city.is-hide { display: none; } @media only screen and (min-width: 768px) { .city { min-width: 280px; } } @media only screen and (max-width: 767px) { .city { min-width: 223px; margin-top: var(--indent-size); } } @media only screen and (min-width: 1920px) { .city-btn { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .city-btn { margin-top: calc(var(--indent-size) * 2); } } .city-btn .btn { width: 100%; } .city-btn .btn:not(:last-child) { margin-bottom: var(--indent-size); } .city__label { display: block; color: #8E7D82; } @media only screen and (min-width: 1920px) { .city__label { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .city__label { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .city__label { font-size: 13px; line-height: 1.5384615385; } } .city__name { display: block; } @media only screen and (min-width: 1920px) { .city__name { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .city__name { font-size: 20px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .city__name { font-size: 18px; line-height: 1.5555555556; } } body.sidebarActive .header-main { -webkit-animation: slideInLeftSidebar 0.45s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: slideInLeftSidebar 0.45s cubic-bezier(0.76, 0, 0.24, 1) forwards; } @media only screen and (max-width: 767px) { body.sidebarActive .header-info { background-color: #FFFFFF; } } @media only screen and (max-width: 767px) { body.sidebarActive .header-event[data-type=search] { background-color: rgba(255, 255, 255, 0.6); } } @media only screen and (max-width: 767px) { body.sidebarActive .header-fixed[class*="--not-top"] .header-event[data-type=search] { display: inline-block; } } body.sidebarActive .menu { z-index: 1; } body.sidebarRemoving .header-main { -webkit-animation: slideOutLeftSidebar 0.45s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: slideOutLeftSidebar 0.45s cubic-bezier(0.76, 0, 0.24, 1) forwards; } @media only screen and (max-width: 767px) { body.sidebarRemoving .header-info { background-color: transparent; } } @media only screen and (max-width: 767px) { body.sidebarRemoving .header-event[data-type=search] { background-color: transparent; } } @media only screen and (max-width: 767px) { body.sidebarRemoving .header-fixed[class*="--not-top"] .header-event[data-type=search] { display: none; } } @-webkit-keyframes slideInLeftSidebar { from { left: 100%; } to { left: 0; } } @keyframes slideInLeftSidebar { from { left: 100%; } to { left: 0; } } @-webkit-keyframes slideOutLeftSidebar { from { left: 0; } to { left: 100%; } } @keyframes slideOutLeftSidebar { from { left: 0; } to { left: 100%; } } .megaMenu { overflow: hidden; font-weight: 500; cursor: default; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); /*&-items { @include laptop-small-min { height: 100%; } }*/ } @media only screen and (min-width: 1920px) { .megaMenu { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .megaMenu { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (min-width: 1280px) { .megaMenu { display: block !important; position: absolute; left: 0; top: 100%; z-index: 1; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .megaMenu { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (max-width: 1279px) { .megaMenu { display: block !important; position: fixed; left: 100%; top: 0; z-index: 1; width: 100%; height: calc(var(--vh, 1vh) * 100); background-color: #FFFFFF; } .megaMenu::before { content: ""; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; background: rgb(255, 255, 255); background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); } } @media only screen and (max-width: 1279px) and (min-width: 1920px) { .megaMenu::before { height: calc(var(--box-size) * 40); } } @media only screen and (max-width: 1279px) and (max-width: 1919px) { .megaMenu::before { height: calc(var(--box-size) * 30); } } @media only screen and (max-width: 767px) { .megaMenu { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 1280px) { .megaMenu-all { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .megaMenu-all { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .megaMenu-all { margin-bottom: calc(var(--indent-size) * 2); } } .megaMenu-all a { display: block; } .megaMenu-title { font-weight: 600; } @media only screen and (min-width: 1280px) { .megaMenu-title { display: none; } } @media only screen and (max-width: 1279px) { .megaMenu-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .megaMenu-title { font-size: 54px; line-height: 1.2962962963; margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { .megaMenu-title { font-size: 24px; line-height: 1.4166666667; margin-bottom: calc(var(--indent-size) * 4); } } .megaMenu-title__arrow { font-size: 0; line-height: 1; -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media only screen and (min-width: 768px) and (max-width: 1279px) { .megaMenu-title__arrow { margin-right: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .megaMenu-title__arrow { margin-right: var(--indent-size); } } @media only screen and (max-width: 767px) { .megaMenu-title__arrow svg { width: calc(var(--box-size) * 8); height: calc(var(--box-size) * 8); } } .megaMenu-inner { background-color: #FFFFFF; overflow: hidden; -webkit-transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.45s cubic-bezier(0.76, 0, 0.24, 1); -webkit-transition-property: height, padding-top, padding-bottom; transition-property: height, padding-top, padding-bottom; } @media only screen and (min-width: 1920px) { .megaMenu-inner { padding: calc(var(--indent-size) * 6) 0 calc(var(--indent-size) * 6); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .megaMenu-inner { padding: calc(var(--indent-size) * 3) 0 calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1280px) { .megaMenu-inner{ display: none; } .megaMenuActive .megaMenu-inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 1279px) { .megaMenu-inner { height: 100%; width: 100%; overflow: hidden; overflow-y: auto; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .megaMenu-inner { padding: calc(var(--indent-size) * 15) 0 calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { .megaMenu-inner { padding: 150px 0 84px; } } @media only screen and (min-width: 1280px) { .megaMenu-inner .content > .row { height: 100%; } } @media only screen and (max-width: 1279px) { .megaMenu-inner .row > [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .megaMenu-inner::-webkit-scrollbar { display: none; } @media only screen and (min-width: 1280px) { .megaMenu-catalog { height: 100%; } } @media only screen and (min-width: 1280px) { .megaMenu-catalog__all { display: none; } } .megaMenu-catalog__link { display: block; } .megaMenu-catalog__link a { font-size: 16px; font-weight: 600; } @media only screen and (min-width: 1920px) { .megaMenu-catalog__left { margin-right: -64px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .megaMenu-catalog__left { margin-right: -32px; } } @media only screen and (min-width: 1280px) { .megaMenu-catalog__left { position: relative; height: 100%; } } @media only screen and (min-width: 1280px) { .megaMenu-catalog__left::before { content: ""; position: absolute; left: 0; background-color: #FCF4F4; border-radius: 0 50% 50% 0/0px 50% 50% 0px; pointer-events: none; } } @media only screen and (min-width: 1920px) { .megaMenu-catalog__left::before { top: calc(-1 * (calc(var(--indent-size) * 6) + var(--path-percent))); bottom: calc(-1 * (calc(var(--indent-size) * 6) + var(--path-percent))); right: 64px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .megaMenu-catalog__left::before { top: calc(-1 * (calc(var(--indent-size) * 3) + var(--path-percent))); bottom: calc(-1 * (calc(var(--indent-size) * 3) + var(--path-percent))); right: 32px; } } @media only screen and (min-width: 1280px) { .megaMenu-catalog__left::after { content: ""; position: absolute; right: 100%; width: calc(var(--vw, 1vw) * 100); background-color: #FCF4F4; pointer-events: none; } } @media only screen and (min-width: 1920px) { .megaMenu-catalog__left::after { top: calc(-1 * (calc(var(--indent-size) * 6) + var(--path-percent))); bottom: calc(-1 * (calc(var(--indent-size) * 6) + var(--path-percent))); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .megaMenu-catalog__left::after { top: calc(-1 * (calc(var(--indent-size) * 3) + var(--path-percent))); bottom: calc(-1 * (calc(var(--indent-size) * 3) + var(--path-percent))); } } @media only screen and (min-width: 1280px) { .megaMenu-catalog__list { position: relative; } } @media only screen and (min-width: 1280px) { .megaMenu-catalog__list li { cursor: pointer; } } @media only screen and (min-width: 1920px) { .megaMenu-catalog__list li:not(:last-child) { padding-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .megaMenu-catalog__list li:not(:last-child) { padding-bottom: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .megaMenu-catalog__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .megaMenu-catalog__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1279px) { .megaMenu-catalog__list a { position: relative; display: block; } } .megaMenu-catalog__arrow { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); font-size: 0; line-height: 1; } @media only screen and (min-width: 1280px) { .megaMenu-catalog__arrow { display: none; } } @media only screen and (max-width: 767px) { .megaMenu-catalog__arrow svg { width: calc(var(--box-size) * 8); height: calc(var(--box-size) * 8); } } @media only screen and (min-width: 1280px) { .megaMenu-catalog .row { height: inherit; } } @media only screen and (min-width: 1280px) { .megaMenu-catalog .row > [class*=col-] { height: inherit; } } .megaMenu-item { -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1280px) { .megaMenu-item { position: relative; display: none; opacity: 0; left: calc(-1 * calc(var(--grid-size) * 2)); } } @media only screen and (max-width: 1279px) { .megaMenu-item { position: fixed; left: 100%; top: 0; z-index: 98; width: 100%; height: 100vh; background-color: #FFFFFF; overflow: hidden; overflow-y: auto; } .megaMenu-item::before { content: ""; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; background: rgb(255, 255, 255); background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); } } @media only screen and (max-width: 1279px) and (min-width: 1920px) { .megaMenu-item::before { height: calc(var(--box-size) * 24); } } @media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1919px) { .megaMenu-item::before { height: calc(var(--box-size) * 20); } } @media only screen and (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) { .megaMenu-item::before { height: calc(var(--box-size) * 16); } } @media only screen and (max-width: 1279px) and (max-width: 767px) { .megaMenu-item::before { height: calc(var(--box-size) * 14); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .megaMenu-item { padding: calc(var(--indent-size) * 15) calc(var(--grid-size) * 3) calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { .megaMenu-item { padding: 150px calc(var(--grid-size) * 2) 84px; } } .megaMenu-item::-webkit-scrollbar { display: none; } @media only screen and (max-width: 1279px) { .megaMenu-item.megaMenuActive { left: 0; } } @media only screen and (min-width: 1280px) { .megaMenu-item.megaMenuItemActive { display: block !important; -webkit-animation: fadeInLeftMegaMenuItem 0.75s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeInLeftMegaMenuItem 0.75s cubic-bezier(0.76, 0, 0.24, 1) forwards; } } @media only screen and (min-width: 1280px) { .megaMenu-column { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media only screen and (min-width: 1280px) { .megaMenu-menu { page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid-column; } } @media only screen and (min-width: 1920px) { .megaMenu-menu:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .megaMenu-menu:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .megaMenu-menu:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .megaMenu-menu:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .megaMenu-menu__title { display: block; } @media only screen and (min-width: 1920px) { .megaMenu-menu__title { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .megaMenu-menu__title { font-size: 16px; line-height: 1.75; } } @media only screen and (max-width: 1279px) { .megaMenu-menu__title { position: relative; } } @media only screen and (min-width: 1920px) { .megaMenu-menu__title:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .megaMenu-menu__title:not(:last-child) { margin-bottom: var(--indent-size); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .megaMenu-menu__title:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .megaMenu-menu__title:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .megaMenu-menu__arrow { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); font-size: 0; line-height: 1; } @media only screen and (min-width: 1280px) { .megaMenu-menu__arrow { display: none; } } @media only screen and (max-width: 767px) { .megaMenu-menu__arrow svg { width: calc(var(--box-size) * 8); height: calc(var(--box-size) * 8); } } @media only screen and (max-width: 1279px) { .megaMenu-menu.megaMenuActive .megaMenu-submenu { left: 0; } } @media only screen and (min-width: 1280px) { .megaMenu-other { page-break-inside: avoid; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid-column; } } @media only screen and (min-width: 1920px) { .megaMenu-other:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .megaMenu-other:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .megaMenu-other:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .megaMenu-other:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1280px) { .megaMenu-other__list { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 1920px) { .megaMenu-other__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .megaMenu-other__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .megaMenu-other__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 1279px) { .megaMenu-submenu { position: fixed; left: 100%; top: 0; z-index: 99; width: 100%; height: 100vh; background-color: #FFFFFF; overflow: hidden; overflow-y: auto; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .megaMenu-submenu::before { content: ""; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; background: rgb(255, 255, 255); background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); } } @media only screen and (max-width: 1279px) and (min-width: 1920px) { .megaMenu-submenu::before { height: calc(var(--box-size) * 24); } } @media only screen and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1919px) { .megaMenu-submenu::before { height: calc(var(--box-size) * 20); } } @media only screen and (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) { .megaMenu-submenu::before { height: calc(var(--box-size) * 16); } } @media only screen and (max-width: 1279px) and (max-width: 767px) { .megaMenu-submenu::before { height: calc(var(--box-size) * 14); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .megaMenu-submenu { padding: calc(var(--indent-size) * 15) calc(var(--grid-size) * 3) calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { .megaMenu-submenu { padding: 150px calc(var(--grid-size) * 2) calc(var(--indent-size) * 4); } } .megaMenu-submenu::-webkit-scrollbar { display: none; } @media only screen and (min-width: 1280px) { .megaMenu-submenu__all { display: none; } } @media only screen and (min-width: 1280px) { .megaMenu-submenu__list { color: #8E7D82; } } @media only screen and (min-width: 1920px) { .megaMenu-submenu__list li:not(:last-child) { margin-bottom: var(--indent-size); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .megaMenu-submenu__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) / 2); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .megaMenu-submenu__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .megaMenu-submenu__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } .megaMenu-submenu__list a { color: inherit; } @media only screen and (min-width: 1280px) { .megaMenu-submenu__list a:hover { color: #E9164D; } } @media only screen and (min-width: 1280px) { .megaMenu-right { position: relative; height: 100%; } } @media only screen and (max-width: 1279px) { .megaMenu-right { display: none; } } @media only screen and (min-width: 1280px) { .megaMenu-right::before, .megaMenu-right::after { content: ""; position: absolute; background-color: #FCF4F4; } } @media only screen and (min-width: 1920px) { .megaMenu-right::before, .megaMenu-right::after { top: calc(-1 * (calc(var(--indent-size) * 12) + var(--path-percent))); bottom: calc(-1 * (calc(var(--indent-size) * 12) + var(--path-percent))); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .megaMenu-right::before, .megaMenu-right::after { top: calc(-1 * (calc(var(--indent-size) * 8) + var(--path-percent))); bottom: calc(-1 * (calc(var(--indent-size) * 8) + var(--path-percent))); } } @media only screen and (min-width: 1280px) { .megaMenu-right::before { left: 0; right: 0; border-radius: 50% 0 0 50%/50% 0px 0px 50%; } } @media only screen and (min-width: 1280px) { .megaMenu-right::after { left: 100%; width: calc(var(--vw, 1vw) * 100); } } .megaMenu-right .card-item { position: relative; } .megaMenu-category { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #430315; /*@include desktop-large-min { min-height: 354px; } @include desktop-large-laptop-small { min-height: 302px; }*/ } .megaMenu-category__inner { width: 100%; } .megaMenu-category__icon { display: inline-block; vertical-align: top; font-weight: 400; } @media only screen and (min-width: 1920px) { .megaMenu-category__icon { font-size: 48px; line-height: 1.3333333333; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .megaMenu-category__icon { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .megaMenu-category__icon { font-size: 30px; line-height: 1.2666666667; } } @media only screen and (max-width: 767px) { .megaMenu-category__icon { font-size: 22px; line-height: 1.4545454545; } } .megaMenu-category h4:not(:first-child) { margin-top: 0; } @media only screen and (max-width: 1279px) { .megaMenu .row { margin-top: 0; } } @media only screen and (max-width: 1279px) { .megaMenu .row > [class*=col-] { margin-top: 0; } } .megaMenu .content { position: static; } @media only screen and (min-width: 1280px) { body.megaMenuActive .overlay { display: block !important; -webkit-animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } } body.megaMenuActive .header-fixed { background-color: white; -webkit-animation: 0.3s ease all; animation: 0.3s ease all; } @media only screen and (min-width: 1280px) { body.megaMenuRemoving .overlay { -webkit-animation: fadeOutUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeOutUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } } body.megaMenuRemoving .header-fixed { background-color: transparent; -webkit-animation: 0.5s ease all; animation: 0.5s ease all; } @-webkit-keyframes fadeInUpMegaMenu { from { pointer-events: none; } to { pointer-events: all; } } @keyframes fadeInUpMegaMenu { from { pointer-events: none; } to { pointer-events: all; } } @-webkit-keyframes fadeOutUpMegaMenu { from { pointer-events: all; } to { pointer-events: none; } } @keyframes fadeOutUpMegaMenu { from { pointer-events: all; } to { pointer-events: none; } } @-webkit-keyframes fadeInLeftMegaMenuItem { from { opacity: 0; left: calc(-1 * calc(var(--grid-size) * 2)); } to { opacity: 1; left: 0; } } @keyframes fadeInLeftMegaMenuItem { from { opacity: 0; left: calc(-1 * calc(var(--grid-size) * 2)); } to { opacity: 1; left: 0; } } .menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 20%; font-weight: 500; text-align: center; padding: var(--indent-size); } @media only screen and (min-width: 768px) { .menu-item { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 767px) { .menu-item { font-size: 11px; line-height: 1.4545454545; } } .menu-item_active { color: #E9164D; } .menu-item__title { display: block; } .menu-item__icon { position: relative; display: inline-block; vertical-align: top; font-size: 0; line-height: 1; } .menu-item__icon svg { fill: currentColor; } @media only screen and (max-width: 767px) { .menu-item__icon svg { width: calc(var(--box-size) * 6); height: auto; } } .menu-item__count { position: absolute; right: calc(-1 * calc(var(--indent-size) / 2)); top: calc(-1 * calc(var(--indent-size) / 2)); z-index: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: calc(var(--box-size) / 2 * 9); height: calc(var(--box-size) / 2 * 9); text-align: center; background-color: #E9164D; border-radius: 50%; font-size: 11px; color: #FFFFFF; font-weight: 600; padding: 0 calc(var(--indent-size) / 2); } .nav-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 1280px) { .nav-menu { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + calc(var(--grid-size) * 2)); margin: 0 calc(-1 * var(--grid-size)); overflow-x: auto; } } @media only screen and (max-width: 1279px) { .nav-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .nav-menu__arrow { font-size: 0; line-height: 1; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } @media only screen and (min-width: 1280px) { .nav-menu__arrow { display: none; } } @media only screen and (max-width: 767px) { .nav-menu__arrow svg { width: calc(var(--box-size) * 8); height: calc(var(--box-size) * 8); } } .nav-menu__item { /*&:first-child { margin-left: 0; } &:last-child { margin-right: 0; }*/ /*&[data-type='drop'] { &:hover { & .megaMenu { @include laptop-small-min { opacity: 1; pointer-events: all; } } } }*/ /*&.megaMenuActive { & .megaMenu { @include laptop-small-min { display: block !important; animation: fadeInUpMegaMenu 0.45s cubic-bezier(0.76, 0, 0.24, 1) forwards; } } }*/ /*&.megaMenuRemoving { & .megaMenu { @include laptop-small-min { animation: fadeOutUpMegaMenu 0.45s cubic-bezier(0.76, 0, 0.24, 1) forwards; } } }*/ } @media only screen and (min-width: 1280px) { .nav-menu__item { -ms-flex-negative: 0; flex-shrink: 0; height: 48px; margin: 0 var(--grid-size); } } @media only screen and (max-width: 1279px) { .nav-menu__item.megaMenuActive .megaMenu { left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .nav-menu__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 6); } } @media only screen and (max-width: 767px) { .nav-menu__item:not(:last-child) { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (max-width: 1279px) { .nav-menu__item:not([class*=_catalog]) { display: none; } } @media only screen and (min-width: 1280px) { .nav-menu__item:not([class*=_active]):hover .nav-menu__link { color: #E9164D; } } @media only screen and (min-width: 1280px) { .nav-menu__item:not([class*=_active]):hover .nav-menu__link::after { opacity: 1; } } .nav-menu__item_active .nav-menu__link { cursor: default; } @media only screen and (min-width: 1280px) { .nav-menu__item_active .nav-menu__link { color: #E9164D; } } @media only screen and (min-width: 1280px) { .nav-menu__item_active .nav-menu__link::after { opacity: 1; } } @media only screen and (min-width: 1920px) { .nav-menu__item:not(.is-load) .megaMenu-inner { min-height: calc(var(--headerHeight) + 96px); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .nav-menu__item:not(.is-load) .megaMenu-inner { min-height: calc(var(--headerHeight) + 48px); } } @media only screen and (min-width: 1280px) { .nav-menu__item.megaMenuHide .megaMenu-inner { height: 0; padding-top: 0; padding-bottom: 0; } } .nav-menu__link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1280px) { .nav-menu__link { z-index: 2; height: 100%; } } @media only screen and (max-width: 1279px) { .nav-menu__link { font-weight: 600; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .nav-menu__link { font-size: 54px; line-height: 1.2962962963; } } @media only screen and (max-width: 767px) { .nav-menu__link { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 1280px) { .nav-menu__link::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; background-color: #E9164D; height: 1px; opacity: 0; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } } .nav-menu__link span:not([class]) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (min-width: 1280px) { .nav-menu__link span:not([class]) > svg { margin-right: var(--indent-size); margin-top: -1px; } } @media only screen and (max-width: 1279px) { .nav-menu__link span:not([class]) > svg { display: none; } } .nav-menu__link svg { fill: currentColor; -ms-flex-negative: 0; flex-shrink: 0; } .search { display: none; position: fixed; left: 0; top: 0; z-index: 101; width: 100%; background-color: #FFFFFF; } @media only screen and (max-width: 1279px) { .search { height: 100%; } } @media only screen and (min-width: 1920px) { .search-hint { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .search-hint { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .search-hint { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1920px) { .search-city .search-popular { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .search-city .search-popular { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .search-city .search-popular { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .search-city .search-hint { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .search-city .search-hint { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .search-top { padding: calc(var(--indent-size) * 15) 0 calc(var(--indent-size) * 15); } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .search-top { padding: calc(var(--indent-size) * 10) 0 calc(var(--indent-size) * 10); } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .search-top { padding: calc(var(--indent-size) * 10) 0 calc(var(--indent-size) * 8); } } @media only screen and (max-width: 767px) { .search-top { padding: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 4); } } .search-bottom { border-top: 2px solid #F6E2E6; } @media only screen and (min-width: 1920px) { .search-bottom { padding: calc(var(--indent-size) * 8) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .search-bottom { padding: calc(var(--indent-size) * 4) 0; } } @media only screen and (max-width: 767px) { .search-bottom { padding: calc(var(--indent-size) * 3) 0; } } .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search-form:not(.is-active) .search-form__clear { display: none; } .search-form.is-active .search-form__btn { display: none; } .search-form__input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (min-width: 1920px) { .search-form__input { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .search-form__input { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .search-form__input { margin-right: calc(var(--indent-size) * 2); } } .search-form__input input { display: block; width: 100%; height: auto; font-weight: 600; color: #430315; background: none; border: 0 none; outline: none; margin: 0; padding: 0; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .search-form__input input { font-size: 56px; line-height: 1.25; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .search-form__input input { font-size: 40px; line-height: 1.3; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .search-form__input input { font-size: 36px; line-height: 1.2222222222; } } @media only screen and (max-width: 767px) { .search-form__input input { font-size: 24px; line-height: 1.4166666667; } } .search-form__input input::-webkit-input-placeholder { color: #CBC8C8; } .search-form__input input::-moz-placeholder { color: #CBC8C8; } .search-form__input input:-ms-input-placeholder { color: #CBC8C8; } .search-form__input input::-ms-input-placeholder { color: #CBC8C8; } .search-form__input input::placeholder { color: #CBC8C8; } .search-form__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { .search-form__btns { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .search-form__btns { width: calc(var(--box-size) * 9); height: calc(var(--box-size) * 9); } } @media only screen and (max-width: 767px) { .search-form__btns { width: calc(var(--box-size) * 6); height: calc(var(--box-size) * 6); } } .search-form__clear { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FCF4F4; border-radius: 50%; cursor: pointer; } @media only screen and (min-width: 768px) { .search-form__clear { width: 32px; height: 32px; } } @media only screen and (max-width: 767px) { .search-form__clear { width: 24px; height: 24px; } } .search-form__clear svg { fill: #F27C96; } @media only screen and (min-width: 768px) { .search-form__clear svg { width: calc(var(--box-size) * 6); height: calc(var(--box-size) * 6); } } @media only screen and (max-width: 767px) { .search-form__clear svg { width: calc(var(--box-size) * 4); height: calc(var(--box-size) * 4); } } .search-form__btn { -ms-flex-negative: 0; flex-shrink: 0; background: none; border: 0 none; font-size: 0; line-height: 1; padding: 0; cursor: pointer; outline: none; color: #E9164D; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .search-form__btn:hover { color: #E9164D; } .search-form__btn svg { fill: currentColor; } @media only screen and (min-width: 1920px) { .search-form__btn svg { width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .search-form__btn svg { width: calc(var(--box-size) * 9); height: calc(var(--box-size) * 9); } } @media only screen and (max-width: 767px) { .search-form__btn svg { width: calc(var(--box-size) * 6); height: calc(var(--box-size) * 6); } } @media only screen and (min-width: 1920px) { .search-popular__list { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .search-popular__list { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .search-popular__list { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 1280px) { .search-popular__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) / 2 * 3); } } @media only screen and (max-width: 1279px) { .search-popular__list li:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .search-popular h6 { margin-bottom: calc(var(--indent-size) * 2); } } .search-results__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { .search-results__top { margin-bottom: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .search-results__top { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .search-results__top { margin-bottom: calc(var(--indent-size) * 2); } } .search-results__scroll { overflow: hidden; overflow-y: auto; } @media only screen and (min-width: 1920px) { .search-results__scroll { margin-bottom: calc(-1 * calc(var(--indent-size) * 8)); padding: 0 calc(var(--indent-size) * 4) calc(var(--indent-size) * 8) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .search-results__scroll { margin-bottom: calc(-1 * calc(var(--indent-size) * 4)); padding: 0 calc(var(--indent-size) * 3) calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 768px) { .search-results__scroll { max-height: 392px; } } @media only screen and (max-width: 767px) { .search-results__scroll { max-height: calc(100vh - 196px); max-height: calc(var(--vh, 1vh) * 100 - 196px); margin-bottom: calc(-1 * calc(var(--indent-size) * 3)); padding: 0 calc(var(--indent-size) * 2) calc(var(--indent-size) * 10) 0; } } .search-results__scroll::-webkit-scrollbar { width: 4px; } .search-results__scroll::-webkit-scrollbar-track { background-color: #FFFFFF; border-radius: 100px; } .search-results__scroll::-webkit-scrollbar-thumb { background-color: #CBC8C8; border-radius: 100px; } .search-types { font-weight: 600; } .search-type { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { .search-type:not(:last-child) { margin-right: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .search-type:not(:last-child) { margin-right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .search-type:not(:last-child) { margin-right: calc(var(--indent-size) * 2); } } .search-type.active { color: #E9164D; } .search-type__count { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: calc(var(--box-size) * 6); height: calc(var(--box-size) * 6); text-align: center; background-color: #E9164D; border-radius: 50%; color: #FFFFFF; font-weight: 600; padding: 0 calc(var(--indent-size) / 2); margin: 0 0 0 var(--indent-size); } @media only screen and (min-width: 1920px) { .search-type__count { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { .search-type__count { font-size: 12px; line-height: 1.5; } } .search-cards[data-type=cards] .search-card__img { padding-top: 112.5%; } @media only screen and (min-width: 1920px) { .search-cards[data-type=cards] .search-card__img .object-fit { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .search-cards[data-type=cards] .search-card__img .object-fit { border-radius: calc(var(--border-radius) / 4 * 3); } } .search-cards[data-type=news] .search-card__img { padding-top: 112.5%; } @media only screen and (min-width: 1920px) { .search-cards[data-type=news] .search-card__img .object-fit { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .search-cards[data-type=news] .search-card__img .object-fit { border-radius: calc(var(--border-radius) / 4 * 3); } } .search-cards[data-type=guide] .search-card__img { padding-top: 56.25%; } .search-cards[data-type=guide] .search-card__img .object-fit { border-radius: calc(var(--border-radius) / 2); } .search-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { .search-card { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .search-card { font-size: 14px; line-height: 1.7142857143; } } @media only screen and (max-width: 767px) { .search-card { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (min-width: 768px) { .search-card { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .search-card { margin-bottom: var(--indent-size); } } .search-card:hover .search-card__btn { border-radius: 50%; } @media only screen and (min-width: 768px) { .search-card:not(:last-child) { margin-bottom: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .search-card:not(:last-child) { margin-bottom: var(--indent-size); } } .search-card__picture { -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 768px) { .search-card__picture { width: calc(var(--box-size) * 16); } } @media only screen and (max-width: 767px) { .search-card__picture { width: calc(var(--box-size) * 14); } } .search-card__category { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FCF4F4; } @media only screen and (min-width: 768px) { .search-card__category { padding: calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .search-card__category { padding: var(--indent-size); } } .search-card__category svg { stroke: currentColor; } .search-card__img .object-fit { background-color: #F2F2F2; } .search-card__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (min-width: 1920px) { .search-card__content { padding: 0 calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .search-card__content { padding: 0 calc(var(--indent-size) * 2); } } @media only screen and (max-width: 767px) { .search-card__content { padding-left: calc(var(--indent-size) / 2 * 3); } } .search-card__title { display: block; } .search-card__btn { background-color: #E9164D; color: #FFFFFF; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .search-card__btn { width: calc(var(--box-size) * 14); height: calc(var(--box-size) * 14); } } @media only screen and (max-width: 1919px) { .search-card__btn { width: calc(var(--box-size) * 10); height: calc(var(--box-size) * 10); } } @media only screen and (min-width: 1920px) { .search-card__btn { border-radius: var(--border-radius); } } @media only screen and (max-width: 1919px) { .search-card__btn { border-radius: calc(var(--border-radius) / 4 * 3); } } @media only screen and (min-width: 768px) { .search-card__btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 767px) { .search-card__btn { display: none; } } .search-card__btn svg { stroke: currentColor; } .search-card .price { font-weight: 500; } @media only screen and (max-width: 767px) { .search__link-next { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; background-color: #FFFFFF; border-top: 2px solid #F6E2E6; padding: var(--indent-size) calc(var(--grid-size) * 2); } } .search-empty__title { display: block; } @media only screen and (min-width: 1920px) { .search-empty__title { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .search-empty__title { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .search-empty__title { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .search-empty__title { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .search-empty__btn { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .search-empty__btn { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .search-empty__btn { margin-top: calc(var(--indent-size) * 2); } } .search .max-width { max-width: 880px; margin: 0 auto; } .search .content { position: static; } body.searchActive .search { display: block !important; -webkit-animation: fadeInUpSearch 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeInUpSearch 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } @media only screen and (min-width: 1280px) { body.searchActive .overlay { display: block !important; -webkit-animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeInUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } } body.searchRemoving .search { -webkit-animation: fadeOutUpSearch 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeOutUpSearch 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } @media only screen and (min-width: 1280px) { body.searchRemoving .overlay { -webkit-animation: fadeOutUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeOutUpOverlay 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } } @-webkit-keyframes fadeInUpSearch { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInUpSearch { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOutUpSearch { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOutUpSearch { from { opacity: 1; } to { opacity: 0; } } .stories { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media only screen and (min-width: 768px) and (max-width: 1279px) { .stories { padding-left: calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .stories { padding-left: calc(var(--grid-size) * 2); } } @media only screen and (max-width: 1279px) { .stories::after { content: ""; -ms-flex-negative: 0; flex-shrink: 0; display: block; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .stories::after { width: calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .stories::after { width: calc(var(--grid-size) * 2); } } @media only screen and (max-width: 1279px) { .stories-wrap { overflow: hidden; overflow-x: auto; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .stories-wrap { margin-left: calc(-1 * calc(var(--grid-size) * 3)); margin-right: calc(-1 * calc(var(--grid-size) * 3)); } } @media only screen and (max-width: 767px) { .stories-wrap { margin-left: calc(-1 * calc(var(--grid-size) * 2)); margin-right: calc(-1 * calc(var(--grid-size) * 2)); } } .stories-wrap::-webkit-scrollbar { display: none; } .stories-item { -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; text-align: center; color: inherit; margin: 0 var(--indent-size); -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .stories-item:hover { color: #E9164D; } .stories-item:hover .stories-item__icon { border-color: #E9164D; } .stories-item_active { color: #E9164D; } .stories-item_active .stories-item__icon { border-color: currentColor; } .stories-item:first-child { margin-left: 0; } .stories-item:last-child { margin-right: 0; } .stories-item__icon { border: 1px solid #8E7D82; border-radius: 50%; margin: 0 auto; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @media only screen and (min-width: 1920px) { .stories-item__icon { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .stories-item__icon { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .stories-item__icon { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .stories-item__icon { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1920px) { .stories-item__icon { width: 80px; } } @media only screen and (max-width: 1919px) { .stories-item__icon { width: 64px; } } @media only screen and (min-width: 768px) { .stories-item__icon { padding: calc(var(--indent-size) / 2); } } @media only screen and (max-width: 767px) { .stories-item__icon { padding: calc(var(--indent-size) / 4); } } .stories-item__icon .img { border-radius: 50%; overflow: hidden; } .stories-item__icon .img__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0; } .stories-item__name { display: block; margin-top: 4px; } @media only screen and (min-width: 1920px) { .stories-item__name { font-size: 13px; line-height: 1.5384615385; } } @media only screen and (max-width: 1919px) { .stories-item__name { font-size: 12px; line-height: 1.5; } } .stories-icon { border: 1px solid transparent; border-radius: 50%; font-weight: 400; padding: 1px; -webkit-transition: 0.45s ease-out; transition: 0.45s ease-out; } @media only screen and (max-width: 767px) { .stories-icon { border-color: #E9164D; width: calc(var(--box-size) * 10); height: calc(var(--box-size) * 10); font-size: 18px; line-height: 1.5555555556; } } .stories-icon__name { margin-left: var(--indent-size); } .stories-icon .img { border-radius: 50%; overflow: hidden; } .stories-icon .img__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0; } .stories-fixed { display: none; position: fixed; left: 0; top: 0; z-index: 101; width: 100%; height: 100%; overflow: hidden; background-color: #FFFFFF; color: #FFFFFF; } .stories-fixed .logo-link { position: absolute; color: inherit; } @media only screen and (min-width: 1920px) { .stories-fixed .logo-link { left: calc(var(--grid-size) * 4); top: calc(var(--indent-size) * 3); width: 120px; } } @media only screen and (max-width: 1919px) { .stories-fixed .logo-link { top: calc(var(--indent-size) * 2); width: 100px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .stories-fixed .logo-link { left: calc(var(--grid-size) * 3); } } @media only screen and (max-width: 767px) { .stories-fixed .logo-link { left: calc(var(--grid-size) * 2); display: none; } } .stories-fixed .logo-link svg .path-title { fill: currentColor; } .stories-fixed .modal__close { color: currentColor; } @media only screen and (max-width: 767px) { .stories-fixed .modal__close { top: calc(var(--indent-size) * 3); } } .stories-bg { position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; } .stories-bg::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .stories-bg.object-fit { border-radius: 0; } .stories-bg img { -webkit-filter: blur(7px); filter: blur(7px); } .stories-items { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 1920px) { .stories-items { padding: calc(var(--indent-size) * 8) 0 calc(var(--indent-size) * 8); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .stories-items { padding: calc(var(--indent-size) * 4) 0 calc(var(--indent-size) * 4); } } .stories-height { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 1920px) { .stories-height { max-height: 952px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .stories-height { max-height: 656px; } } @media only screen and (min-width: 414px) and (max-width: 767px) { .stories-height { height: 90vh; max-height: 660px; } } @media only screen and (max-width: 413px) { .stories-height { max-height: 100%; } } @media only screen and (min-width: 768px) { .stories-slide:not(.swiper-slide-active) .stories-box { cursor: pointer; } } @media only screen and (min-width: 768px) { .stories-slide:not(.swiper-slide-active) .stories-box::before { opacity: 1; pointer-events: all; } } @media only screen and (min-width: 1920px) { .stories-slide:not(.swiper-slide-active) .stories-box__content { padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .stories-slide:not(.swiper-slide-active) .stories-box__content { padding: var(--indent-size) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) { .stories-slide:not(.swiper-slide-active) .stories-box__top { padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) { .stories-slide:not(.swiper-slide-active) .stories-icon { width: calc(var(--box-size) * 10); height: calc(var(--box-size) * 10); border-color: #8E7D82; font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 1920px) { .stories-slide:not(.swiper-slide-active) .stories-poster__title { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .stories-slide:not(.swiper-slide-active) .stories-poster__title { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .stories-slide:not(.swiper-slide-active) .stories-poster__title { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (min-width: 1920px) { .stories-slide:not(.swiper-slide-active) .stories-poster__desc { font-size: 18px; line-height: 1.5555555556; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .stories-slide:not(.swiper-slide-active) .stories-poster__desc { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .stories-slide:not(.swiper-slide-active) .stories-poster__desc { font-size: 16px; line-height: 1.75; } } @media only screen and (min-width: 768px) { .stories-slide:not(.swiper-slide-active) .stories-poster__desc { margin-top: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) { .stories-slide:not(.swiper-slide-active) .stories-poster__code { opacity: 0; } } @media only screen and (min-width: 768px) { .stories-slide:not(.swiper-slide-active) .stories-lines { opacity: 0; } } @media only screen and (min-width: 1920px) { .stories-slide:not(.swiper-slide-active) { padding: calc(var(--indent-size) * 8) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .stories-slide:not(.swiper-slide-active) { padding: calc(var(--indent-size) * 4) 0; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .stories-slide.swiper-slide-active .stories-box:not([data-type=poster]) .stories-box__content { padding: calc(var(--indent-size) * 3) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .stories-slide.swiper-slide-active .stories-box[data-type=poster] .stories-box__content { padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2); } } @media only screen and (min-width: 1920px) { .stories-slide.swiper-slide-active .stories-box__content { padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 3) calc(var(--indent-size) * 3); } } @media only screen and (min-width: 1920px) { .stories-slide.swiper-slide-active .stories-box__top { padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 3); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .stories-slide.swiper-slide-active .stories-box__top { padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) { .stories-slide.swiper-slide-active .stories-icon { border-color: #E9164D; width: calc(var(--box-size) * 12); height: calc(var(--box-size) * 12); font-size: 20px; line-height: 1.3; } } @media only screen and (min-width: 1920px) { .stories-slide.swiper-slide-active .stories-poster__title { font-size: 32px; line-height: 1.5; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .stories-slide.swiper-slide-active .stories-poster__title { font-size: 28px; line-height: 1.4285714286; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .stories-slide.swiper-slide-active .stories-poster__title { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (min-width: 1920px) { .stories-slide.swiper-slide-active .stories-poster__desc { font-size: 24px; line-height: 1.4166666667; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .stories-slide.swiper-slide-active .stories-poster__desc { font-size: 20px; line-height: 1.3; } } @media only screen and (min-width: 768px) and (max-width: 1279px) { .stories-slide.swiper-slide-active .stories-poster__desc { font-size: 20px; line-height: 1.3; } } @media only screen and (min-width: 768px) { .stories-slide.swiper-slide-active .stories-poster__desc { margin-top: calc(var(--indent-size) * 2); } } .stories-slide.swiper-slide { -webkit-transition-property: padding, -webkit-transform; transition-property: padding, -webkit-transform; transition-property: transform, padding; transition-property: transform, padding, -webkit-transform; -webkit-transition-duration: 0.45s; transition-duration: 0.45s; width: 360px; } @media only screen and (min-width: 1920px) { .stories-slide.swiper-slide { width: 536px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .stories-slide.swiper-slide { width: 372px; } } @media only screen and (min-width: 414px) and (max-width: 767px) { .stories-slide.swiper-slide { width: 372px; } } .stories-box { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; color: #430315; font-weight: 500; } .stories-box::before { content: ""; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: 0.45s ease-out; transition: 0.45s ease-out; pointer-events: none; } @media only screen and (min-width: 1920px) { .stories-box { border-radius: calc(var(--border-radius) * 2); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .stories-box { border-radius: calc(var(--border-radius) / 2 * 3); } } @media only screen and (min-width: 414px) and (max-width: 767px) { .stories-box { border-radius: 20px; } } @media only screen and (max-width: 767px) { .stories-box:not([data-type=poster]) .stories-box__content { padding: calc(var(--indent-size) * 2) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2); } } .stories-box[data-type=poster] { color: #E9164D; } @media only screen and (max-width: 767px) { .stories-box[data-type=poster] .stories-box__content { padding: calc(var(--indent-size) * 6) calc(var(--indent-size) * 2) calc(var(--indent-size) * 2); } } .stories-box__content { position: relative; background-color: #FFFFFF; -webkit-transition: 0.45s ease-out; transition: 0.45s ease-out; min-height: 150px; } .stories-box__content::before { content: ""; position: absolute; left: 0; bottom: 100%; width: 100%; height: 50%; background-color: #FFFFFF; } @media only screen and (max-width: 767px) { .stories-box__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .stories-box__content h5 { overflow: hidden; font-weight: inherit; } @media only screen and (min-width: 1920px) { .stories-box__content h5 { max-height: 68px; } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .stories-box__content h5 { max-height: 52px; } } @media only screen and (max-width: 767px) { .stories-box__content h5 { max-height: 56px; } } .stories-box__content h5:not(:first-child) { margin-top: var(--indent-size); } @media only screen and (min-width: 1920px) { .stories-box__btn { margin-top: calc(var(--indent-size) * 4); } } @media only screen and (min-width: 768px) and (max-width: 1919px) { .stories-box__btn { margin-top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .stories-box__btn { margin-top: auto; padding-top: calc(var(--indent-size) * 2); position: relative; z-index: 1; } } @media only screen and (min-width: 1920px) { .stories-box .tags { margin-bottom: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .stories-box .tags { margin-bottom: calc(var(--indent-size) * 2); } } .stories-box__top { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; color: #FFFFFF; -webkit-transition: 0.45s ease-out; transition: 0.45s ease-out; } @media only screen and (max-width: 767px) { .stories-box__top { padding: calc(var(--indent-size) * 4) calc(var(--indent-size) * 6) calc(var(--indent-size) * 4) calc(var(--indent-size) * 2); } } .stories-box__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; line-height: 1.5; } .stories-box__info-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; } .stories-slider { width: 100%; } .stories-media { position: relative; z-index: 1; overflow: hidden; color: #FFFFFF; width: calc(100% + var(--path-percent) * 6); min-height: 50%; margin: 0 calc(-1 * var(--path-percent) * 3) 0; aspect-ratio: 16/9; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .stories-media:not(:last-child) { border-radius: 0 0 50% 50%/0px 0px 50% 50%; } @media only screen and (max-width: 767px) { .stories-media:last-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .stories-media::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0, 0, 0); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0))); background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); pointer-events: none; } .stories-event.with-btn .stories-box__btn{ position: relative; z-index: 20; } .stories-left{ left: 0; } .stories-right{ right: 0; } .stories-left, .stories-right{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; cursor: pointer; } .stories-arrow-wrap { width: 61px; height: 61px; border-radius: 50%; background: rgba(3, 3, 3, 0.4); transition: all 0.15s; } .stories-right .stories-arrow-wrap svg { left: 15px; top: 50%; transform: translateY(-50%); } .stories-left .stories-arrow-wrap svg { right: 15px; top: 50%; transform: translateY(-50%); } .stories-arrow-wrap svg { position: absolute; transition: all 0.15s; } .stories-right .stories-arrow-wrap { transform: translateX(50%); } .stories-left .stories-arrow-wrap { transform: translateX(-50%); } .stories-media__wrap { position: absolute; left: 0; right: 0; top: 0; height: 100%; width: 100%; max-width: 52%; margin: 0 auto; } .stories-media__wrap-inner { position: relative; width: 100%; height: 100%; } .stories-media .object-fit { border-radius: 0; } .stories-media video { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; } .stories-poster__title { font-weight: 600; } @media only screen and (max-width: 767px) { .stories-poster__title { font-size: 22px; line-height: 1.4545454545; } } @media only screen and (max-width: 767px) { .stories-poster__desc { font-size: 18px; line-height: 1.5555555556; margin-top: var(--indent-size); } } .stories-poster__code { position: absolute; left: 0; z-index: 1; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: 0.45s ease-out; transition: 0.45s ease-out; } @media only screen and (min-width: 1280px) { .stories-poster__code { top: calc(-1 * calc(var(--indent-size) * 4)); } } @media only screen and (max-width: 1279px) { .stories-poster__code { top: calc(-1 * calc(var(--indent-size) * 3)); } } .stories-poster .poster-code { position: relative; } .stories-lines { position: absolute; z-index: 2; height: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 0.45s ease-out; transition: 0.45s ease-out; } @media only screen and (min-width: 1920px) { .stories-lines { left: calc(var(--indent-size) * 3); right: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 1919px) { .stories-lines { left: calc(var(--indent-size) * 2); right: calc(var(--indent-size) * 2); } } @media only screen and (min-width: 768px) { .stories-lines { top: calc(var(--indent-size) * 3); } } @media only screen and (max-width: 767px) { .stories-lines { top: calc(var(--indent-size) * 2); } } .stories-line { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; height: 100%; background-color: rgba(255, 255, 255, 0.4); border-radius: 100px; overflow: hidden; } .stories-line:not(:last-child) { margin-right: 2px; } /*.stories-line.active .stories-line__progress {*/ /* -webkit-animation-name: move;*/ /* animation-name: move;*/ /* -webkit-animation-duration: 15s;*/ /* animation-duration: 15s;*/ /* -webkit-animation-timing-function: linear;*/ /* animation-timing-function: linear;*/ /* -webkit-animation-fill-mode: forwards;*/ /* animation-fill-mode: forwards;*/ /*}*/ .stories-line__progress { height: 100%; width: 0; background-color: #FFFFFF; } .stories-line.viewed .stories-line__progress { width: 100%; } .stories-events { position: relative; width: 100%; height: 100%; } .stories-event { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stories-event:not(.active) { display: none; } @media only screen and (max-width: 767px) { .stories-event:after { content: ""; background: rgb(255, 255, 255); background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.7371323529))); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.7371323529) 100%); position: absolute; bottom: 0; left: 0; display: block; height: 110px; width: 100%; } } @media only screen and (max-width: 767px) { .stories-text p { max-height: 96px; overflow: hidden; } } .stories-mute { position: absolute; left: 50%; top: 16px; z-index: 2; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #FFFFFF; font-size: 14px; text-transform: uppercase; cursor: pointer; } @media only screen and (max-width: 767px) { .stories-mute { top: auto; left: auto; right: 16px; bottom: 30px; color: #430315; } } .stories-mute:not(.active) .stories-mute__box--yes { display: none; } .stories-mute.active .stories-mute__box--not { display: none; } .stories-mute__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .stories-mute__icon { font-size: 0; line-height: 1; } .stories-mute__icon svg { fill: #fff; } .stories-mute span { margin-left: 10px; } @media only screen and (max-width: 767px) { .stories-mute span { display: none; } } .stories-slide:not(.swiper-slide-active) .stories-media { min-height: auto; } @-webkit-keyframes move { 0% { width: 0; } 100% { width: 100%; } } @keyframes move { 0% { width: 0; } 100% { width: 100%; } } body.storiesActive .stories-fixed { display: block !important; -webkit-animation: fadeInUpStories 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeInUpStories 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } body.storiesRemoving .stories-fixed { -webkit-animation: fadeOutUpStories 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; animation: fadeOutUpStories 0.25s cubic-bezier(0.76, 0, 0.24, 1) forwards; } @-webkit-keyframes fadeInUpStories { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInUpStories { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOutUpStories { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOutUpStories { from { opacity: 1; } to { opacity: 0; } } .scroll-bottom { z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; width: 19px; height: 121px; overflow: hidden; font-size: 0; line-height: 1; } .scroll-bottom__icon { position: relative; overflow: hidden; width: 100%; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 0; line-height: 1; -webkit-transform: translateX(0) translateZ(0) scale(1); transform: translateX(0) translateZ(0) scale(1); -webkit-animation: dotTrail 1.7s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; animation: dotTrail 1.7s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; } .scroll-bottom__icon svg { height: 100%; width: auto; stroke: currentColor; stroke-width: 1px; -webkit-transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } @-webkit-keyframes dotTrail { 0% { height: 0; } 100% { height: 100%; } } @keyframes dotTrail { 0% { height: 0; } 100% { height: 100%; } } /* End */ /* Start:/local/templates/erolaif_2025/src/css/style.css?175500895164303*/ :root { --vh: 1vh; --vw: 1vw; --indent-size: 8px; --grid-size: 8px; --font-size: 18px; --box-size: 4px; --border-radius: 16px; --path-percent: 16%; --helloSliderHeight: 0px; --headerHeight: 0px; } body { margin: 0 auto; padding: 0; position: relative; font-size: 14px; color: #430315; font-family: 'Mulish', sans-serif; /*overflow-x: hidden;*/ /*max-width: 1920px;*/ background: #ffffff; } body.modal-open{ overflow: hidden; } p { margin: 0; padding: 0; } a { text-decoration: none; transition: all 0.2s linear; color: #430315; } ul li { list-style: none; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } .container { max-width: 1560px; margin: 0 auto; padding: 0 20px; } /**************************************************************************************/ .section_item { font-size: 45px; font-weight: 700; text-align: center; } .page_catalog .section_item.related, .page_catalog .section_item.in_product { font-size: 45px; font-weight: 700; text-align: center; } .section_item h1 { font-size: 45px; } /**************************************************************************************/ header { position: fixed; top: 0; left: 0; width: 100%; z-index: 40; transition: all 0.2s linear; background: #ffffff; } header.fixed .menu_wrap { display: none; } .header_top { background: #EF3167; } .header_top_wrap { display: flex; justify-content: space-between; align-items: center; min-height: 30px; } .header_top_menu { display: flex; align-items: center; column-gap: 28px; } .header_top_menu a { font-size: 15px; font-weight: 400; color: #ffffff; } .header_top_contacts { display: flex; align-items: center; column-gap: 72px; } .header_top_contacts a { position: relative; display: flex; align-items: center; padding-left: 28px; font-size: 15px; font-weight: 400; color: #ffffff; } .header_top_contacts a:before { content: ''; position: absolute; left: 0; width: 15px; height: 15px; } .header-event__inner{ cursor: pointer; display: flex; align-items: center; font-size: 15px; font-weight: 400; color: #ffffff; } .header-event__inner svg{ margin-right: 13px; } .header_top_contacts a.phone:before { background: url(/local/templates/erolaif_2025/src/css/../img/phone_ico.svg) no-repeat; } .header_wrapper { border-bottom: 1px solid #F6E2E6; } .header_wrapper .container { display: flex; justify-content: space-between; align-items: center; min-height: 52px; } .header_wrap { display: flex; align-items: center; } .header_logo { margin-right: 38px; } .header_logo a { display: block; max-width: 180px; } .header_logo a img { width: 100%; } .menu_btn { width: 144px; height: 35px; display: flex; justify-content: center; align-items: center; column-gap: 14px; background: #E73467; border-radius: 10px; cursor: pointer; } .menu_btn > div { display: flex; flex-direction: column; row-gap: 3.4px; } .menu_btn > div span { display: block; width: 15px; height: 1.6px; background: #ffffff; transition: all 0.2s linear; } .menu_btn.active > div span:nth-child(1) { transform: translate(-2px, 5px) rotate(45deg); } .menu_btn.active > div span:nth-child(2) { opacity: 0; } .menu_btn.active > div span:nth-child(3) { transform: translate(-2px, -5px) rotate(-45deg); } .menu_btn_close { position: absolute; top: 12px; right: 10px; width: 45px; height: 45px; justify-content: center; align-items: center; column-gap: 14px; background: #E73467; border-radius: 10px; z-index: 5; display: none; } .menu_btn_close > div { display: flex; flex-direction: column; row-gap: 3.4px; } .menu_btn_close > div span { display: block; width: 15px; height: 1.6px; background: #ffffff; transition: all 0.2s linear; } .menu_btn_close > div span:nth-child(1) { transform: translate(0px, 2px) rotate(45deg); } .menu_btn_close > div span:nth-child(2) { transform: translate(0px, -3px) rotate(-45deg); } .menu_btn p { font-size: 16px; font-weight: 700; text-transform: uppercase; color: #ffffff; } .header_search { position: relative; margin-left: 38px; display: flex; align-items: center; flex-direction: row-reverse; column-gap: 10px; } .header_search input { min-width: 110px; min-height: 18px; background: #ffffff; border: none; outline: none; font-family: 'Mulish', sans-serif; font-size: 15px; font-weight: 300; color: #430315; } .header_search input::placeholder { font-size: 15px; font-weight: 300; color: #430315; } .header_search .submit { width: 18px; height: 18px; cursor: pointer; background: url(/local/templates/erolaif_2025/src/css/../img/search_ico.svg) no-repeat; border: none; } .header_admin { display: flex; align-items: center; column-gap: 32px; } .header_admin a { position: relative; display: flex; align-items: center; font-size: 16px; font-weight: 500; color: #8E7D82; } .header_admin a:hover { color: #E73467; } .header_admin a:before { content: ''; position: absolute; left: 0; width: 34px; height: 34px; transition: all 0.2s linear; } .header_admin a svg{ margin-right: 10px; } .header_admin a path{ transition: all 0.2s linear; } .header_admin a:hover path{ fill: #E73467; } .menu_wrap { border-bottom: 1px solid #F6E2E6; } .menu_wrap .menu { display: flex; justify-content: space-between; align-items: center; min-height: 37px; } .menu_wrap .menu a { font-size: 14px; font-weight: 500; color: #430315; } .menu_wrap .menu a:hover { color: #E73467; } .header_mob_phone { display: none; width: 45px; height: 45px; background: url(/local/templates/erolaif_2025/src/css/../img/phone_ico.svg) 50% 50% no-repeat #E73467; border-radius: 10px; } /**************************************************************************************/ .menu_catalog { padding-top: 120px; } .menu_catalog{ overflow: hidden; overflow-x: auto; } .menu_catalog::-webkit-scrollbar { display: none; } .menu_catalog_wrap { display: flex; padding-top: 29px; padding-bottom: 35px; column-gap: 14px; } .menu_catalog .menu_catalog_item { display: flex !important; flex-direction: column; align-items: center; justify-content: start; row-gap: 4px; font-size: 14px; font-weight: 400; color: #430315; } .menu_catalog .menu_catalog_item:hover { color: #E73467; } .menu_catalog .menu_catalog_item .menu_catalog_img { width: 88px; height: 88px; border: 3px solid #ef3268; border-radius: 50%; box-sizing: border-box; } .menu_catalog .menu_catalog_item .menu_catalog_img .inner_cir { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; border: 3px solid #fff; box-sizing: border-box; } .menu_catalog .menu_catalog_item .menu_catalog_img img { width: 100%; } .menu_catalog_item span { font-size: 14px; font-weight: 400; } .menu_catalog_wrap .slick-dots { display: flex; justify-content: center; column-gap: 8px; padding: 0; } .menu_catalog_wrap .slick-dots li button { display: none; } .menu_catalog_wrap .slick-dots li { width: 12px; height: 12px; background: #F6E2E6; border-radius: 50px; } .menu_catalog_wrap .slick-dots li.slick-active { background: #E73467; } .stories-fixed { display: none; } .fade:not(.show) { opacity: 0; } .form-input { width:100%; } .socials-icons__item svg { fill:rgb(233, 22, 77); } .footer__list-label { display:none; } .menu_wrapper { position: fixed; width: 100%; top: 118px; padding-top: 20px; padding-bottom: 60px; z-index: -1; background: #ffffff; opacity: 0; border-bottom: 1px solid #F6E2E6; } .header.fixed ~ .menu_wrapper { top: 82px; } .menu_wrapper.active { opacity: 1; z-index: 40; } .menu_nav_top-list, .menu_nav { position: relative; display: flex; flex-direction: column; padding: 0; } .menu_nav_top-list[data-type='info']{ display: none; } .menu_nav_addr { min-height: 61px; font-size: 15px; font-weight: 500; display: none; } .header_search.header_search_menu { display: none; } .menu_nav_tabs { margin-top: 26px; position: relative; display: none; justify-content: space-between; } .menu_nav_tabs:before { content: ''; position: absolute; top: 0; height: 51px; transform: translateX(-1px); width: -webkit-fill-available; inset: 0px 1px; padding: 3px; border-radius: 17px; background: linear-gradient(to bottom, #EF3167, #F27C96); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; z-index: -1; } .menu_nav_tabs a { width: 50%; display: flex; justify-content: center; align-items: center; height: 57px; background: transparent; border-radius: 17px; font-size: 17px; font-weight: 600; color: #430315; } .menu_nav_tabs a.active { background: #EF3167; color: #ffffff; } .menu_nav_top { display: flex; } .menu_nav_top:before { content: ''; position: absolute; top: 0; left: 316px; width: 1px; height: 100%; background: #F6E2E6; } .menu_nav_btn { position: relative; width: 300px; display: flex; align-items: center; padding: 10px 16px 10px 16px; font-size: 16px; line-height: 1; font-weight: 700; color: #430315; background: #ffffff; border-radius: 7px; transition: all 0.2s linear; cursor: pointer; } .menu_nav_top.active .menu_nav_btn { background: #FCF4F4; } .menu_nav_btn:hover { background: #FCF4F4; color: #E9164D; } .menu_nav_btn:before { content: ''; position: absolute; width: 25px; height: 25px; left: 16px; } .menu_nav_btn.ico0:before { background: #ef3167; width: 10px; height: 10px; border-radius: 50%; margin-left: 6px; } .menu_nav_btn:after { content: ''; position: absolute; right: 12px; width: 7px; height: 14px; background: url(/local/templates/erolaif_2025/src/css/../img/menu_nav/menu_nav_btn_active.svg) no-repeat; opacity: 0; } .menu_nav_top.sub.active .menu_nav_btn:after { opacity: 1; } .menu_nav_list { position: absolute; height: 100%; top: 0; left: 375px; opacity: 0; transition: all 0.2s linear; z-index: 2; } .menu_sub-menu-list{ display: flex; flex-wrap: wrap; column-gap: 81px; height: 100%; overflow-y: auto; padding-right: 15px; } .menu_sub-menu-list::-webkit-scrollbar { width: 4px; border-radius: 4px; } .menu_sub-menu-list::-webkit-scrollbar-track { background: transparent; } .menu_sub-menu-list::-webkit-scrollbar-thumb { background-color: #E73467; border-radius: 4px; } .menu_nav_list ul { padding: 0; display: flex; flex-direction: column; row-gap: 42px; } .menu_nav_list ul li { display: flex; flex-direction: column; } .menu_nav_list.active { opacity: 1; z-index: 3; } .menu_nav_list a { display: block; margin-bottom: 4px; font-size: 16px; font-weight: 400; color: #430315; transition: all 0.2s linear; } .menu_nav_list a b { display: block; margin-bottom: 8px; font-size: 17px; font-weight: 700; transition: all 0.2s linear; } .menu_nav_list a:hover, .menu_nav_list a:hover b { color: #E9164D; } /**************************************************************************************/ .btn { position: relative; padding: 0 29px; height: 42px; display: flex; align-items: center; background: #E73467; border: 3px solid #E73467; border-radius: 10px; font-family: "Geologica Cursive", sans-serif; font-size: 16px; font-weight: 500; text-transform: uppercase; color: #ffffff; cursor: pointer; transition: all 0.2s linear; } .btn:hover { border-radius: 50px; } .btn.glass { background: transparent; color: #E73467; } .btn.glass:hover { background: #E73467; color: #ffffff; } /**************************************************************************************/ .banner .banner_slider { padding-bottom: 38px; } .banner .banner_item { position: relative; border-radius: 25px; height: 302px; overflow: hidden; z-index: 4; } .banner .banner_item:before { content: ''; position: absolute; left: 0; width: 51%; height: 100%; background: url(/local/templates/erolaif_2025/src/css/../img/slider/bg.png) 100% 50% no-repeat; } .banner .banner_img { position: absolute; top: 0; right: 0; height: 100%; z-index: -1; width: 52%; } .banner .banner_img img { width: 100%; height: 100%; object-fit: cover; } .banner .banner_img picture{ height: 100%; max-height: initial; } .banner_title { position: relative; max-width: 48%; display: flex; flex-wrap: wrap; padding-top: 35px; padding-left: 54px; z-index: 2; color: #ffffff; justify-content: space-between; } .banner_title .title1 { width: 100%; font-size: 50px; font-weight: 700; line-height: 101%; } .banner_title .title2 { max-width: calc(100% - 240px); margin-top: 18px; font-size: 29px; font-weight: 400; width: 60%; } .banner .banner_btn { width: 188px; height: 60px; margin-top: -16px; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 500; color: #ffffff; } .banner .slick-dots { position: absolute; bottom: 0; width: 100%; display: flex; justify-content: center; column-gap: 3.7px; padding: 0; margin: 0; } .banner .slick-dots li button { display: none; } .banner .slick-dots li { width: 44px; height: 7px; background: #10182080; border-radius: 50px; cursor: pointer; } .banner .slick-dots li.slick-active { background: #EF3167; } /**************************************************************************************/ .category1 { margin-top: 62px; } .category_wrapper { margin-top: 36px; display: flex; justify-content: space-between; column-gap: 30px; row-gap: 38px; flex-wrap: wrap; } .category1_item { position: relative; display: block; height: 15vw; max-height: 250px; overflow: hidden; border-radius: 17px; } .category1_item_wrap { position: relative; width: 100%; height: 100%; background: linear-gradient(153.45deg, #FCF4F6 8.33%, #FEC8D2 91.67%); border-radius: 17px; overflow: hidden; transition: all 0.2s linear; } .category1_item:hover .category1_item_wrap { background: linear-gradient(153.45deg, #FDEEF1 8.33%, #FB7497 91.67%); } .category1_item_wrap:before { content: ''; position: absolute; left: 0; top: 0; width: 80%; height: 263px; background: url(/local/templates/erolaif_2025/src/css/../img/category1/category1_item_decor.svg) no-repeat; background-size: contain; opacity: 0.1; transition: all 0.2s linear; } .category1_item:hover .category1_item_wrap:before { opacity: 0.5; } .category1_item:nth-child(1) .category1_item_wrap:before { transform: translateX(-33%) translateY(10%); } .category1_item:nth-child(2) .category1_item_wrap:before { transform: translateX(12%) translateY(-22%); width: 90%; } .category1_item:nth-child(3) .category1_item_wrap:before { transform: translateX(70%) translateY(6%); width: 45%; } .category1_item:nth-child(4) .category1_item_wrap:before { transform: translateX(24%) translateY(18%); width: 80%; } .category1_item:nth-child(5) .category1_item_wrap:before { transform: translateX(10%) translateY(-28%); width: 100%; } .category1_item:nth-child(6) .category1_item_wrap:before { transform: translateX(46%) translateY(4%); width: 100%; } .category1_item:nth-child(7) .category1_item_wrap:before { transform: translateX(-6%) translateY(-20%); width: 92%; } .category1_item:nth-child(8) .category1_item_wrap:before { transform: translateX(-23%) translateY(-2%); width: 100%; } .category1_item:nth-child(9) .category1_item_wrap:before { transform: translateX(48%) translateY(4%); width: 100%; } .category1_item.category_item1 { width: 15%; } .category1_item.category_item2 { width: 32%; } .category1_item span { position: absolute; bottom: 0.8vw; left: 0.8vw; font-size: 20px; font-weight: 700; line-height: 112%; color: #430315; transition: all 0.2s linear; } .category1_item:hover span { color: #ffffff; } .category1_item .category1_img { position: absolute; top: 0; right: 0; max-width: 84%; z-index: 2; } .category1_item .category1_img img { width: 100%; } .category1_item:nth-child(2) .category1_img { max-width: 57%; } .category1_item:nth-child(3) .category1_img { max-width: 34%; } .category1_item:nth-child(4) .category1_img { max-width: 60%; } .category1_item:nth-child(5) .category1_img { max-width: 60%; } .category1_item:nth-child(6) .category1_img { top: auto; bottom: 0; max-width: 46%; } .category1_item:nth-child(8) .category1_img { max-width: 70%; } .category1_item:nth-child(9) .category1_img { max-width: 56%; } /**************************************************************************************/ .category2 { margin-top: 75px; } .category_wrapper { display: flex; justify-content: space-between; } .category2_item { position: relative; display: flex; align-items: center; font-size: 27px; width: 27%; height: 118px; background: rgb(252, 244, 244); border: 1px solid #F6E2E6; border-radius: 17px; padding-left: 2vw; font-weight: 700; text-transform: uppercase; color: rgb(67, 3, 21); transition: all 0.2s linear; } .category2_item:hover { color: #EF3167; } .category2_item .category2_img { position: absolute; right: 0; bottom: 0; max-width: 80%; } .category2_item .category2_img img { width: 100%; } .category2_item:nth-child(1) .category2_img { max-width: 54%; transform: translateX(-6%); } .category2_item:nth-child(2) .category2_img { max-width: 68%; transform: translateX(6%); } .category2_item:nth-child(3) .category2_img { max-width: 47%; transform: translateX(-12%); } /**************************************************************************************/ .brands { margin-top: 72px; } .brands_wrapper { margin-top: 24px; display: flex; justify-content: space-between; flex-wrap: wrap; column-gap: 1vw; row-gap: 24px; } .brands_item { position: relative; width: 14%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .brands_item img { max-width: 90%; max-height: 90%; filter: grayscale(100%); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .brands_item img:hover{ filter: grayscale(0%); transform: scale(110%); } @media (max-width: 780px){ .brands_item img { filter: grayscale(0%); } } /**************************************************************************************/ .catalog { margin-top: 72px; } .tabs_wrap { margin-top: 14px; display: flex; justify-content: center; column-gap: 50px; } .tabs_wrap a { font-size: 21px; font-weight: 400; color: #430315; border-bottom: 2px solid transparent; } .tabs_wrap a.active, .tabs_wrap a:hover { color: #EF3167; border-color: #EF3167; } .catalog_wraper { display: none; margin-top: 36px; justify-content: space-between; flex-wrap: wrap; column-gap: 0.8vw; row-gap: 37px; } .catalog_wraper.active { display: flex; } .catalog .btn.all_news { display:none; } .catalog .btn.all_news.active { display:flex; } .catalog_block { position: relative; display: flex; flex-flow: column; justify-content: space-between; width: 18%; } .catalog_block_head { position: absolute; flex-direction: column; top: 0; left: 0; display: flex; justify-content: space-between; padding: 10px; z-index: 2; row-gap: 10px; } .catalog_block_img { position: relative; width: 100%; height: 250px; border: 1px solid #F6E2E6; border-radius: 17px; overflow: hidden; } .catalog_block_img img { transition: 0.75s cubic-bezier(0.76, 0, 0.24, 1); width: 100%; height: 100%; object-fit: contain; } .catalog_block .catalog_cart { position: absolute; bottom: 10px; display: flex; justify-content: center; align-items: center; column-gap: 12px; width: 86%; left: 50%; transform: translateX(-50%) translateY(60px); font-size: 12px; font-weight: 500; white-space: nowrap; opacity: 0; transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .catalog_block .catalog_cart.catalog_cart-mob{ display: none; } .catalog_block:hover .catalog_cart { transform: translateX(-50%) translateY(0); opacity: 1; } .catalog_block:hover .catalog_block_img img{ transform: scale(1.1); } .catalog_block .catalog_cart:before { content: ''; position: relative; display: block; min-width: 24px; min-height: 24px; background: url(/local/templates/erolaif_2025/src/css/../img/cart1_ico.svg) 50% 50% no-repeat; background-size: 20px; transition: all 0.2s linear; } .catalog_block_new { width: 50px; height: 19px; display: flex; align-items: center; padding-left: 10px; font-size: 10px; font-weight: 600; color: #ffffff; background: url(/local/templates/erolaif_2025/src/css/../img/catalog_block_new.png) no-repeat; background-size: contain; } .catalog_block_profit { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 12px; background: #AC4F98; border-radius: 6px; font-size: 10px; font-weight: 600; color: #ffffff; line-height: 1.2; } .catalog_block_benefit { width: 50px; height: 22px; display: flex; justify-content: center; align-items: center; background: url(/local/templates/erolaif_2025/src/css/../img/catalog_block_benefit.png) no-repeat; background-size: contain; font-size: 13px; font-weight: 600; color: #ffffff; } .catalog_fav { position: absolute; top: 12px; right: 14px; border: none; width: 18px; height: 18px; cursor: pointer; background-size: contain; z-index: 2; background-color: transparent; } .btn_fav.active path, .catalog_fav.active path{ fill: #EF3167; } .catalog_fav-mob{ display: none; } .catalog_block_wrap { margin-top: 15px; display: flex; justify-content: space-between; align-items: start; } .catalog_block_category { font-size: 16px; font-weight: 500; text-transform: uppercase; color: #8E7D82; } .catalog_block_rating { position: relative; padding-left: 30px; display: flex; align-items: center; font-size: 16px; font-weight: 500; color: #8E7D82; } .catalog_block_rating:before { content: ""; position: absolute; left: 0; width: 18px; height: 18px; background: url(/local/templates/erolaif_2025/src/css/../img/catalog_block_rating.svg) 50% 50% no-repeat; } .catalog_block_title { margin-top: 6px; font-size: 17px; font-weight: 500; color: #430315; } .catalog_block_category{ /*min-height: 28px;*/ } .catalog_block_price { margin-top: 4px; display: flex; align-items: center; column-gap: 20px; } .new_price { font-size: 20px; font-weight: 500; color: #430315; } .old_price { font-size: 15px; font-weight: 500; color: #8E7D82; text-decoration: line-through; } .all_news { position: relative; margin: 28px auto 0; width: fit-content; } /**************************************************************************************/ .articles { margin-top: 62px; } .articles_wrapper { display: none; justify-content: space-between; margin: 38px -15px -15px; } .articles_wrapper.active{ display: flex; } .articles_item{ flex: 0 0 20%; max-width: 20%; padding: 15px; } .articles_block { display: block; width: 100%; padding-bottom: 2px; overflow: hidden; transition: all 0.2s linear; } .articles_block:hover { border-radius: 200px 200px 0 0; } .articles_img { width: 100%; height: 277px; overflow: hidden; border-radius: 17px; } .articles_img img { height: 100%; width: 100%; object-fit: cover; position: relative; } .articles_title { margin-top: 18px; font-size: 19px; font-weight: 500; line-height: 110%; color: #430315; } .articles_wrap { display: flex; justify-content: space-between; margin-top: 8px; } .articles_time { position: relative; padding-left: 29px; display: flex; align-items: center; font-size: 13px; font-weight: 500; text-transform: uppercase; color: #8E7D82; } .articles_time:before { content: ''; position: absolute; left: 0; width: 24px; height: 24px; background: url(/local/templates/erolaif_2025/src/css/../img/articles_time.svg) 50% 50% no-repeat; background-size: 20px; } .articles_date { position: relative; padding-left: 29px; display: flex; align-items: center; font-size: 13px; font-weight: 500; text-transform: uppercase; color: #8E7D82; } .articles_date:before { content: ''; position: absolute; left: 0; width: 24px; height: 24px; background: url(/local/templates/erolaif_2025/src/css/../img/articles_date.svg) 50% 50% no-repeat; background-size: 20px; } .all_articles { width: fit-content; margin: 25px auto 0; } .articles .btn.all_articles { display: none; } .articles .btn.all_articles.active { display: flex; } /**************************************************************************************/ .advant { margin-top: 58px; } .advant_wrapper { display: flex; justify-content: space-between; column-gap: 1vw; } .advant_block { display: flex; width: 31%; column-gap: 15px; padding: 0 24px; background: #FCF4F4; border: 1px solid #F6E2E6; border-radius: 17px; } .advant_img { width: 40%; max-width: 216px; height: 188px; overflow: hidden; border-radius: 17px; } .advant_img img { position: relative; left: 50%; transform: translateX(-50%); width: 100%; } .advant_title { width: 62%; display: flex; flex-direction: column; row-gap: 12px; padding-top: 32px; } .advant_title b { font-size: 18px; font-weight: 700; } .advant_title span { font-size: 16px; font-weight: 400; line-height: 150%; } /**************************************************************************************/ .offers { margin-top: 67px; } .offers_wrapper { display: flex; flex-direction: column; row-gap: 20px; padding: 55px 48px; background: #FCF4F4; border-radius: 17px; } .offers_wrapper b { font-size: 21px; font-weight: 700; color: #430315; } .offers_wrapper span { font-size: 20px; font-weight: 400; } /**************************************************************************************/ .offers2 { margin-top: 82px; padding-top: 114px; } .offers2_wrapper { display: flex; justify-content: center; align-items: end; column-gap: 117px; padding-bottom: 28px; border-bottom: 1px solid #F6E2E6; } .offers2_title { font-size: 28px; font-weight: 400; color: #430315; text-align: center; } .offers2_title span { position: relative; display: inline-block; } .offers2_title span:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-45%); width: 100%; height: 140%; background: url(/local/templates/erolaif_2025/src/css/../img/offers2_title_decor.svg) 50% 50% no-repeat; background-size: 100%; } .offers2_wrap form { margin-top: 32px; display: flex; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #430315; } .offers2_wrap form input { width: 100%; border: none; background: transparent; } .offers2_wrap form input { font-size: 17px; font-weight: 500; color: #430315; outline: none; } .offers2_wrap form input::placeholder { font-size: 17px; font-weight: 500; color: #430315; } /**************************************************************************************/ .footer { padding-top: 34px; background: #FCF4F4; } .footer_wrapper { display: flex; justify-content: space-between; padding-bottom: 37px; border-bottom: 1px solid #F6E2E6; } .footer_contacts { display: flex; flex-direction: column; } .footer_contacts .phone { font-size: 22px; font-weight: 400; color: #430315; margin-bottom: 19px; } .footer_contacts .mail { font-size: 22px; font-weight: 400; color: #430315; } .footer_contacts_social { margin-top: 24px; } .footer_contacts_social-list{ display: flex; margin: 0 -8px; } .footer_contacts_social-item{ padding: 0 8px; } .footer_contacts_social span { display: block; font-size: 14px; font-weight: 400; color: #8E7D82; margin-bottom: 6px; } .footer_contacts_social a { position: relative; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border: 1px solid #E9164D; border-radius: 50px; } .footer_contacts_social a:before { content: ''; position: absolute; width: 24px; height: 24px; } .footer_contacts_social a.watsapp:before { background: url("/local/templates/erolaif_2025/src/css/../img/whatsapp.svg") 50% 50% no-repeat; } .footer_contacts_social a.viber:before { background: url("/local/templates/erolaif_2025/src/css/../img/viber.svg") 50% 50% no-repeat; } .footer_contacts_social a.telegram:before { background: url("/local/templates/erolaif_2025/src/css/../img/telegram.svg") 50% 50% no-repeat; } .footer_contacts_social a.vk:before { background: url("/local/templates/erolaif_2025/src/css/../img/vk.svg") 50% 50% no-repeat; } .footer_contacts_social a.instagram:before { background: url("/local/templates/erolaif_2025/src/css/../img/instagram.svg") 50% 50% no-repeat; } .footer_contacts_social a.youtube:before { background: url("/local/templates/erolaif_2025/src/css/../img/youtube.svg") 50% 50% no-repeat; } .footer_menu { display: flex; justify-content: right; column-gap: 6vw; width: 74%; } .footer_menu ul { padding: 0; display: flex; flex-direction: column; row-gap: 11px; } .footer_menu ul li a { font-size: 18px; font-weight: 400; color: #430315; transition: all 0.2s linear; } .footer_menu ul li a:hover { color: #E73467; } .footer_bottom { padding-top: 20px; padding-bottom: 17px; display: flex; } .adult_materials { position: relative; display: flex; align-items: center; padding-left: 56px; font-size: 14px; font-weight: 400; color: #8E7D82; } .adult_materials:before { content: ''; position: absolute; left: 0; width: 41px; height: 41px; background: url(/local/templates/erolaif_2025/src/css/../img/adult_materials.png) 50% 50% no-repeat; } .footer_bottom_wrap { display: flex; column-gap: 32px; align-items: center; } .footer_bottom_wrap { margin-left: 19%; } .footer_your { padding-top: 20px; padding-bottom: 24px; background: #ffffff; } .footer_your_wrap { width: 100%; display: flex; justify-content: space-between; align-items: end; } .footer_your_block { display: flex; flex-direction: column; row-gap: 10px; } .footer_your_block:nth-child(1) { margin-left: 31%; } .footer_your_block:nth-child(2) { margin-left: 13%; } .footer_your_block a { font-size: 15px; font-weight: 300; color: #430315; } .footer_your_block a:hover { text-decoration: underline; } .copyright { font-size: 13px; font-weight: 400; color: #8E7D82; } /**************************************************************************************/ .page_catalog { } .page_catalog .section_item { text-align: left; } .page_catalog .breadcrumbs { margin: 14px 0; display: flex; align-items: center; flex-wrap: wrap; } .page_catalog .breadcrumbs a { position: relative; display: block; padding-right: 12px; margin-right: 8px; font-size: 16px; font-weight: 400; color: #A38E8E; } .page_catalog .breadcrumbs a:before { content: '/'; position: absolute; right: 0; font-size: 16px; font-weight: 400; color: #A38E8E; } /**************************************************************************************/ .page_catalog_category { margin-top: 32px; display: flex; flex-wrap: wrap; column-gap: 0.4vw; row-gap: 10px; margin-bottom: 56px; } .page_catalog_category_block { display: flex; align-items: center; width: 15.1%; padding: 8px 0.4vw; border: 1px solid #F6E2E6; border-radius: 20px; transition: all 0.2s linear; word-break: break-word; } .age_catalog_category_img { min-width: 90px; height: 64px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .age_catalog_category_img img { height: 100%; border-radius: 16px; } .age_catalog_category_img .img_none { width: 64px; height: 64px; background: #ebdee2; border-radius: 16px; } .page_catalog_category_block span { display: block; font-size: 15px; line-height: 17px; font-weight: 500; color: #430315; } .page_catalog_category_block:hover span { transition: all 0.2s linear; color: #EF3167; } .page_catalog_category_block:hover{ border-color: #EF3167; } /**************************************************************************************/ .page_catalog_wrapper { display: flex; } .page_catalog_left { min-width: 275px; } .page_catalog_nav { border: 1px solid #F6E2E6; border-radius: 10px; } .page_catalog_nav, .page_catalog_filter{ max-width: 275px; } .page_catalog_nav_head { display: flex; align-items: center; font-size: 20px; font-weight: 700; background: #FEEBF0; min-height: 48px; padding-left: 18px; } .page_catalog_nav_block { margin: 4px 8px; } .page_catalog_nav_block:nth-child(2) { margin-top: 10px; } .page_catalog_nav_block:last-child { margin-bottom: 10px; } .page_catalog_nav_btn { position: relative; display: flex; align-items: center; justify-content: space-between; border: 1px solid #F6E2E6; border-radius: 10px; min-height: 37px; font-size: 14px; cursor: pointer; } .page_catalog_nav_btn-name{ display: flex; align-items: center; } .page_catalog_nav_btn-ico{ width: 38px; display: flex; align-items: center; justify-content: center; } .page_catalog_nav_btn.active { background: #EF3167; border-color: #EF3167; color: #FFFFFF; } .page_catalog_nav_btn.active .page_catalog_nav_btn-ico path{ fill: #fff; } .page_catalog_nav_arrow{ margin-right: 10px; transition: all 0.25s; display: flex; align-items: center; } .page_catalog_nav_btn.active .page_catalog_nav_arrow{ transform: rotate(180deg); } .page_catalog_nav_btn:hover .page_catalog_nav_arrow path{ fill: #E73467; } .page_catalog_nav_btn.active .page_catalog_nav_arrow path{ fill: #fff; } .page_catalog_nav_list { padding-top: 12px; padding-bottom: 12px; flex-direction: column; row-gap: 4px; padding-left: 16px; font-size: 14px; font-weight: 400; display: none; } .page_catalog_nav_list a:hover{ color: #E73467; } .page_catalog_nav_list.active { display: flex; } .page_catalog_nav_list a { color: #430315; } .page_catalog_filter { margin-top: 30px; border: 1px solid #F6E2E6; border-radius: 10px; } .page_catalog_filter_head { display: flex; align-items: center; font-size: 20px; font-weight: 700; background: #FEEBF0; min-height: 48px; padding-left: 14px; } .page_catalog_filter_block { margin: 4px 8px; } .page_catalog_filter_block:nth-child(2) { margin-top: 10px; } .page_catalog_filter_block:last-child { margin-bottom: 10px; } .page_catalog_filter_block { padding: 6px 14px; border: 1px solid #F6E2E6; border-radius: 10px; } .page_catalog_filter_btn { position: relative; display: flex; align-items: center; justify-content: space-between; height: 24px; font-size: 14px; cursor: pointer; } .page_catalog_filter_arrow { transition: all 0.25s; display: flex; align-items: center; } .page_catalog_filter_btn.active .page_catalog_filter_arrow{ transform: rotate(180deg); } .page_catalog_filter_btn.active .page_catalog_filter_arrow path{ fill: #EF3167; } .page_catalog_filter_btn:hover .page_catalog_filter_arrow path{ fill: #E73467; } .page_catalog_left .btn { margin: 10px; display: flex; justify-content: center; } .page_catalog_filter_price { display: none; } .page_catalog_filter_price_wrap { display: flex; margin-top: 3.5px; justify-content: space-between; width: 100%; } .page_catalog_filter_price .page_catalog_filter_price-item { width: 48%; } .page_catalog_filter_price div span { font-size: 15px; font-weight: 400; } .page_catalog_filter_price div input { margin-top: 4px; width: -webkit-fill-available; border: none; background: #FCF4F4; border-radius: 10px; font-size: 15px; font-weight: 400; outline: none; padding: 10px; } .page_catalog_filter_list { margin-top: 12px; margin-bottom: 10px; max-height: 250px; display: none; overflow: auto; } .page_catalog_filter_list::-webkit-scrollbar { width: 3px; /* width of the entire scrollbar */ border-radius: 3px; } .page_catalog_filter_list::-webkit-scrollbar-track { background: #F6E2E6; /* color of the tracking area */ } .page_catalog_filter_list::-webkit-scrollbar-thumb { background-color: #E9164D; /* color of the scroll thumb */ border-radius: 5px; /* roundness of the scroll thumb */ } .page_catalog_filter_list.active { display: block; } .filter_btn { display: flex; align-items: center; column-gap: 8px; cursor: pointer; margin-bottom: 10px; transition: all 0.2s linear; } .filter_btn:last-child{ margin-bottom: 0; } .filter_btn:hover { color: #EF3167; } .filter_btn:last-child { margin-bottom: 0; } .filter_btn_container{ padding-left: 23px; position: relative; } .filter_btn_container input{ display: none; } .filter_btn_container a { color: #430315; } .filter_btn_checkmark { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 16px; width: 16px; border: 1px solid #E5BDC5; border-radius: 5px; } .filter_btn_container input:checked ~ .filter_btn_checkmark { border-color: #EF3167; } .filter_btn_checkmark:after { content: ""; position: absolute; display: none; } .filter_btn_container input:checked ~ .filter_btn_checkmark:after { display: block; } .filter_btn_container .filter_btn_checkmark:after { left: 4px; top: 2px; width: 4px; height: 6px; border: solid #EF3167; border-width: 0 2px 2px 0; transform: rotate(45deg); } .filter_btn_radio { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 16px; width: 16px; border: 1px solid #E5BDC5; border-radius: 50%; } .filter_btn_container input:checked ~ .filter_btn_radio { border-color: #EF3167; } .filter_btn_radio:after { content: ""; position: absolute; display: none; } .filter_btn_container input:checked ~ .filter_btn_radio:after { display: block; } .filter_btn_container .filter_btn_radio:after { left: 4px; top: 4px; width: 6px; height: 6px; background-color: #EF3167; border-radius: 50%; } .filter_btn p { font-size: 15px; font-weight: 400; } .filter_btn:hover p { color: #EF3167; } .page_catalog_filter_block .mCSB_scrollTools .mCSB_draggerRail { display: none; } .page_catalog_filter_block .mCSB_scrollTools { right: 5px; background: #F6E2E6; width: 2px; height: 100%; } .page_catalog_filter_block .mCSB_dragger_bar { width: 4px !important; height: 92px !important; right: 2px !important; background-color: #E9164D !important; } /**************************************************************************************/ .page_catalog_right { margin-left: 37px; width: 100%; } .page_catalog_sorting { display: flex; column-gap: 8px; } .page_catalog_sorting_price { display: flex; align-items: center; justify-content: center; column-gap: 8px; font-size: 17px; font-weight: 700; color: #ffffff; padding: 0 14px; background: #EF3167; border-radius: 7px; height: 44px; cursor: pointer; } .page_catalog_sorting_price span { display: flex; align-items: center; position: relative; width: 35px; height: 15px; background: #ffffff; border-radius: 50px; transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .page_catalog_sorting_price span:before { content: ''; position: absolute; left: 2px; width: 11px; height: 11px; background: #000000; border-radius: 50px; transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .page_catalog_sorting_price.active span:before { left: calc(100% - 13px); } .page_catalog_sorting_price.active span{ background-color: #000; } .page_catalog_sorting_price.active span:before{ background-color: #fff; } .page_catalog_sorting_nav { position: relative; } .page_catalog_sorting_item { position: relative; display: flex; align-items: center; column-gap: 8px; padding-left: 47px; padding-right: 38px; width: fit-content; min-width: 215px; height: 44px; border: 1px solid #F6E2E6; border-radius: 10px; font-size: 16px; font-weight: 500; cursor: pointer; } .page_catalog_sorting_item:before { content: ''; position: absolute; left: 16px; width: 14px; height: 11px; background: url(/local/templates/erolaif_2025/src/css/../img/page_catalog_sorting_item.svg) no-repeat; background-size: contain; } .page_catalog_sorting_item:after { content: ''; position: absolute; right: 14px; width: 12px; height: 6px; background: url(/local/templates/erolaif_2025/src/css/../img/catalog_nav_btn_up.svg) no-repeat; } .page_catalog_sorting_item.active:after { background: url(/local/templates/erolaif_2025/src/css/../img/catalog_nav_btn_down_red.svg) no-repeat; } .page_catalog_sorting_list { position: absolute; width: -webkit-fill-available; top: 52px; background: #ffffff; border: 1px solid #F6E2E6; border-radius: 10px; padding: 11px 17px; display: none; z-index: 4; } .page_catalog_sorting_list.active { display: block; } .page_catalog_sorting_list .filter_btn{ font-size: 15px; } .page_catalog_sorting_list .filter-sort__item{ margin: 0; } .page_catalog_sorting_list .filter_btn_container:hover .filter-sort__item{ color: #EF3167; } .page_catalog_sorting_list .filter_btn_container:hover .filter_btn_radio{ border-color: #EF3167; } .filter-sort__item.active{ font-weight: 400; } .page_catalog_sorting_title { margin-bottom: 10px; font-size: 17px; font-weight: 700; } .page_catalog_wrap { margin-top: 46px; display: flex; flex-wrap: wrap; column-gap: 2vw; row-gap: 26px; } .page_catalog .catalog_block { width: 21.8%; } .page_catalog_wrapper .page_catalog_all { margin: 64px auto 0; width: 178px; height: 88px; display: flex; justify-content: center; align-items: center; border: none; font-size: 16px; font-weight: 700; color: #E9164D; background: transparent; cursor: pointer; } .nav_page { margin-top: 20px; display: flex; justify-content: center; align-items: center; column-gap: 42px; } .nav_page ul { padding: 0; margin: 0; display: flex; justify-content: center; column-gap: 8px; } .nav_page ul li a { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 400; color: #430315; border-radius: 50px; } .nav_page ul li a.active, .nav_page ul li a:hover { background: #FCF4F4; color: #E9164D; } .nav_page button { width: 64px; height: 64px; border: 1px solid #E9164D; border-radius: 100px; background: transparent; cursor: pointer; transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .nav_page button svg{ transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .nav_page button path{ stroke: #E9164D; transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .nav_page button:hover { border-color: #F27C96; } .nav_page button:hover path{ stroke: #F27C96; } .nav_page button:not([class*=_disabled]):hover svg{ transform: translateX(-4px); } .nav_page button.nav_page_prev { } .nav_page button.nav_page_next { transform: rotate(180deg); } .nav_page span { position: relative; top: -10px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: end; } .nav_page button.nav_page_disabled{ border: 1px solid #8E7D82; opacity: 1; cursor: not-allowed; } .nav_page button.nav_page_disabled path{ stroke: #8E7D82; } /**************************************************************************************/ .page_products { margin-top: 28px; display: flex; justify-content: space-between; } .page_products_gallery { width: 100%; max-width: 433px; position: relative; } .products_gallery { width: 100%; display: flex; flex-direction: column; } .products_gallery .products_gallery_img { border: 1px solid #F6E2E6; border-radius: 17px; overflow: hidden; height: 550px; } .products_gallery_img{ display: flex!important; align-items: center; justify-content: center; } .products_gallery_img img { position: relative; width: 100%; } .products_gallery_thumb { margin-top: 32px; position: relative; width: 100%; padding: 0 72px; } .products_gallery_thumb_img { margin: 0 5px; border: 1px solid #F6E2E6; border-radius: 5px; overflow: hidden; cursor: pointer; } .products_gallery_thumb_img:hover, .products_gallery_thumb_img.slick-current{ border-color: #EF3167; } .products_gallery_thumb_img img { width: 100%; height: 100%; object-fit: cover; } .products_gallery_thumb .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border: 1px solid #8E7D82; border-radius: 100px; background: url(/local/templates/erolaif_2025/src/css/../img/gallery_btn.svg) 50% 50% no-repeat; background-size: 26px; font-size: 0; cursor: pointer; transition: all 0.2s linear; } .products_gallery_thumb .slick-arrow:hover { border-color: #E9164D; background: url(/local/templates/erolaif_2025/src/css/../img/gallery_btn_hov.svg) 50% 50% no-repeat; } .products_gallery_thumb .slick-arrow.slick-prev { left: 0; } .products_gallery_thumb .slick-arrow.slick-next { right: 0; transform: translateY(-50%) rotate(180deg); } .products_video { margin-top: 32px; } .products_video .btn { height: 56px; display: flex; justify-content: center; font-size: 17px; font-weight: 700; column-gap: 15px; border: 3px solid #E73467; } .products_video .btn:before { content: ''; position: relative; display: block; width: 29px; height: 29px; background: url(/local/templates/erolaif_2025/src/css/../img/btn_video_ico.svg) no-repeat; } .products_video .btn:hover:before { background: url(/local/templates/erolaif_2025/src/css/../img/btn_video_ico_hov.svg) no-repeat; } .page_products_block { margin-left: 49px; width: 100%; } .page_products_item { font-size: 30px; font-weight: 700; color: #430315; } .page_products_item h1 { font-size: 30px; margin:0; padding:0; } .page_products_category { margin-top: 10px; font-size: 21px; font-weight: 500; text-transform: uppercase; } .page_products_category a { color: #430315; } .page_products_rating { margin-top: 12px; display: flex; align-items: center; column-gap: 16px; } .page_products_rating_wrap { display: flex; column-gap: 8px; } .page_products_rating_wrap > span { display: block; width: 24px; height: 24px; } .page_products_rating_wrap .rating_ico1 { background: url(/local/templates/erolaif_2025/src/css/../img/rating_ico1.svg) no-repeat; } .page_products_rating_wrap .rating_ico2 { background: url(/local/templates/erolaif_2025/src/css/../img/rating_ico2.svg) no-repeat; } .page_products_rating p { font-size: 16px; font-weight: 400; color: #EF3167; } .page_products_wrap { margin-top: 24px; } .page_products_tabs { padding: 0; margin: 0; display: flex; flex-wrap: wrap; column-gap: 14px; row-gap: 10px; } .page_products_tabs_item { position: relative; display: flex; align-items: center; column-gap: 12px; padding: 0 40px; height: 40px; border: 1px solid #F6E2E6; background: #FCF4F4; border-radius: 17px; font-size: 15px; font-weight: 400; color: #8E7D82; text-transform: uppercase; cursor: pointer; } .page_products_tabs_item:before { content: ''; position: absolute; top: 0; height: 100%; width: 100%; inset: -3px; padding: 3px; border-radius: 17px; background: linear-gradient(180deg, #EF3167 0%, #F27C96 100%); mask: linear-gradient(fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; z-index: 2; opacity: 0; } .page_products_tabs_item.active, .page_products_tabs_item:hover { background: transparent; color: #430315; } .page_products_tabs_item.active:before, .page_products_tabs_item:hover:before { opacity: 1; } .page_products_tabs_item span { display: flex; justify-content: center; align-items: center; width: 22px; height: 22px; background: #EF3167; border-radius: 50px; font-size: 12px; color: #ffffff; } .page_products_content { display:none; margin-top: 18px; font-size: 16px; font-weight: 400; line-height: 20px; } .page_products_content ol{ list-style: decimal; } .page_products_content ul{ list-style: disc; } .page_products_content ol, .page_products_content ul{ padding-left: 40px; margin-top: 1em; margin-bottom: 1em; } .page_products_content.active { display:block; } .page_products_content p { margin-bottom: 16px; } .page_products_content ul { padding: 0; margin: 0; padding-left: 16px; margin-bottom: 16px; } .page_products_content ul li { list-style-type: disc; margin: 0; } .page_products_content a { text-decoration: underline; } .page_products_content a:hover { text-decoration: none; } .page_products_right { min-width: 380px; margin-left: 52px; } .page_products_right .sticky-block{ position: sticky; top: 110px; } .page_products_right_head { display: flex; justify-content: space-between; } .page_products_article { font-size: 16px; font-weight: 400; color: #A38E8E; } .page_products_btns { display: flex; column-gap: 30px; } .page_products_btn { width: 24px; height: 24px; border: none; cursor: pointer; transition: all 0.2s linear; } .page_products_btns .btn_fav, .page_products_btn.btn_link{ background-color: transparent; } .page_products_btns .btn_fav path, .page_products_btn.btn_link path{ transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .page_products_btn.btn_fav:hover path, .page_products_btn.btn_link:hover path{ fill: #E73467; } .page_products_right_block { margin-top: 25px; padding: 30px; background: #FCF4F4; border: 1px solid #F6E2E6; border-radius: 17px; } .page_products_right_profit { font-size: 16px; font-weight: 400; } .page_products_right_profit span{ position: relative; padding-left: 22px; } .page_products_right_profit span:before { content: ''; position: absolute; left: 0; width: 18px; height: 18px; background: url(/local/templates/erolaif_2025/src/css/../img/page_products_right_profit.svg) no-repeat; } .page_products_right_profit b { font-weight: 400; color: #EF3167; } .product-main__list { padding:0; } .product-main__list svg{ display:none; } .product-main__list .help{ display:none; } .page_products_right_price { font-size: 37px; font-weight: 700; margin-top: 10px; } .page_products_right_price .price-old { color: #a9959b; font-size: 30px; } .page_products_payments { position: relative; } .page_products_payments_btn { position: relative; display: flex; align-items: center; column-gap: 12px; height: 48px; font-size: 14px; font-weight: 400; color: #430315; background: #ffffff; border-radius: 10px; padding: 0 22px; border: 1px solid #F6E2E6; cursor: pointer; } .page_products_payments_btn:hover { border-radius: 50px; } .page_products_payments_btn:after { content: ''; position: absolute; right: 14px; width: 12px; height: 6px; background: url(/local/templates/erolaif_2025/src/css/../img/catalog_nav_btn_up.svg) no-repeat; transform: rotate(-90deg); transition: all 0.2s linear; } .page_products_payments_btn.active:after { transform: rotate(0deg); } .page_products_payments_list { position: absolute; top: 52px; background: #ffffff; border-radius: 10px; border: 1px solid #F6E2E6; width: -webkit-fill-available; padding: 22px; z-index: 2; margin: 0; flex-direction: column; row-gap: 8px; display: none; } .page_products_payments_list.active { display: flex; } .cart1 { position: relative; margin-top: 16px; width: -webkit-fill-available; display: flex; justify-content: center; column-gap: 12px; height: 44px; font-size: 13px; } .cart1:before { content: ''; position: relative; display: block; width: 24px; height: 24px; background: url(/local/templates/erolaif_2025/src/css/../img/cart1_ico.svg) no-repeat; } .cart2 { position: relative; margin-top: 16px; width: -webkit-fill-available; display: flex; justify-content: center; column-gap: 12px; height: 44px; background: #F6E2E6; border-color: #F6E2E6; font-size: 13px; color: #EF3167; } .cart2:before { content: ''; position: relative; display: block; width: 24px; height: 24px; background: url("/local/templates/erolaif_2025/src/css/../img/cart2_ico.svg") no-repeat; } .page_products_list { margin-top: 20px; display: flex; flex-direction: column; row-gap: 12px; } .page_products_list div, .page_products_list a { position: relative; display: flex; align-items: center; padding-left: 28px; font-size: 14px; font-weight: 500; } .page_products_list a { text-decoration: underline; color: #EF3167; } .page_products_list div:before, .page_products_list a:before { content: ''; position: absolute; left: 0; width: 22px; height: 22px; } .page_products_list .ico1 .product-main__list-icon { display:none; } .page_products_list .ico1:before { background: url(/local/templates/erolaif_2025/src/css/../img/products_list_ico1.svg) 50% 50% no-repeat; } .page_products_list .ico2:before { background: url(/local/templates/erolaif_2025/src/css/../img/products_list_ico2.svg) 50% 50% no-repeat; } .page_products_list .ico3:before { background: url(/local/templates/erolaif_2025/src/css/../img/products_list_ico3.svg) 50% 50% no-repeat; } .page_products_list li { list-style:none; } .page_products_list .help { display:none; } .page_products_bottom { margin-top: 18px; padding: 14px 32px; display: flex; justify-content: center; column-gap: 20px; background: #FCF4F4; border: 1px solid #F6E2E6; border-radius: 17px; } .page_products_bottom a { display: flex; flex-direction: column; align-items: center; font-size: 14px; font-weight: 400; text-align: center; row-gap: 6px; max-width: 33%; min-width: 33%; color: #430315; transition: all 0.2s linear; } .page_products_bottom a:hover { color: #EF3167; } .page_products_bottom a span.ico-category { display: block; width: 59px; height: 59px; border-radius: 100px; } .page_products_bottom .ico1 span.ico-category { background: url("/local/templates/erolaif_2025/src/css/../img/page_products_bottom_ico1.svg") 50% 50% no-repeat #F6E2E6; background-size: 16px; } .page_products_bottom .ico2 span.ico-category { background: url("/local/templates/erolaif_2025/src/css/../img/page_products_bottom_ico2.svg") 50% 50% no-repeat #F6E2E6; background-size: 18px; } .page_products_bottom .ico3 span.ico-category { background: url("/local/templates/erolaif_2025/src/css/../img/page_products_bottom_ico3.svg") 50% 50% no-repeat #F6E2E6; background-size: 18px; } /**************************************************************************************/ .products_related { margin-top: 38px; } .products_related_wrap { position: relative; margin-top: 32px; } .products_related_wrap .catalog_block { margin: 0 20px; } .products_related_wrap .slick-arrow { position: absolute; top: -82px; width: 50px; height: 50px; border: 1px solid #8E7D82; border-radius: 100px; background: url(/local/templates/erolaif_2025/src/css/../img/gallery_btn.svg) 50% 50% no-repeat; background-size: 26px; font-size: 0; cursor: pointer; transition: all 0.2s linear; } .products_related_wrap .slick-arrow:hover { background: url(/local/templates/erolaif_2025/src/css/../img/gallery_btn_hov.svg) 50% 50% no-repeat; border-color: #EF3167; } .products_related_wrap .slick-prev { right: 80px; } .products_related_wrap .slick-next { right: 0; transform: rotate(180deg); } /**********************************************/ .anim-item{ margin-bottom: 50px; display: flex; justify-content: center; } /*anim 1*/ .btn-outline { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; justify-content: center; align-items: center; font-weight: 600; text-align: center; color: #E9164D; text-transform: uppercase; cursor: pointer; transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); width: 290px; height: 142px; } .btn-outline svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; overflow: visible; } .btn-outline path { stroke: currentColor; stroke-width: 2px; transform-origin: 50% 50%; } [class*=outline] path { stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; stroke-dasharray: 10000; stroke-dashoffset: 0; fill: none; } [class*=outline].animated path { animation: dashOutline 15s ease; } @keyframes dashOutline { from { stroke-dashoffset: 10000; } to { stroke-dashoffset: 0; } } /*end anim 1*/ .banner_btn path { stroke: #ffffff; } .sticky-sidebar { will-change: min-height; } .sticky-sidebar__inner { transform: translate(0, 0); will-change: position, transform; padding-bottom: 20px; } .share-tooltip { position: absolute; top: 25px; bottom: auto; right: 0; z-index: 101; width: fit-content; opacity: 0; pointer-events: none; background-color: #FFFFFF; border: 1px solid #E9164D; font-weight: 500; color: #430315; box-shadow: 0 0 calc(4px* 6) calc(4px* 2) rgba(0, 0, 0, 0.04); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); border-radius: 16px; } .share-tooltiped .share-wrap { padding: 20px; } .share-tooltiped .share-items { display: flex; flex-direction: column; } .share-tooltiped .share-item { font-size: 24px; } .share-item svg { fill: #430315; transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); width: 40px; height: 40px; } .share-item:hover svg { fill: #E9164D; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .share-item:hover { color: #E9164D; text-decoration: none; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; } .share-item { display: flex; align-items: center; vertical-align: top; font-weight: 600; gap: 24px; background-color: transparent; border: none; color: #430315; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; margin: 0 8px; padding: 0; } .share-tooltiped:hover .share-tooltip { opacity: 1; pointer-events: all; } .mobile-bottom-menu{ display: none; } .menu_nav-back, .menu_nav .category2{ display: none; } .page_catalog_mob_filter{ display: none; } .page_products_wrap-mob, .page_products_right_head-mob{ display: none; } .favourites, .cart{ position: relative; } .favourit__count, .cart__count{ position: absolute; left: 8px; top: -7px; z-index: 1; display: inline-flex; justify-content: center; align-items: center; text-align: center; background-color: #EF3167; border-radius: 50%; font-weight: 600; width: 18px; height: 18px; font-size: 11px; color: #FFFFFF;; } .e-container{ overflow: hidden; } .articles_wrapper-list { display: flex; flex-wrap: wrap; justify-content: left; margin: 38px -15px -15px; } .btn-outline{ border: none; background-color: transparent; outline: none; } .radio input { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; cursor: pointer; } .radio { position: relative; } .radio input:checked ~ label { color: #E9164D; } .radio label:not(.error) { display: block; width: 100%; min-height: calc(var(--box-size)* 6); font-weight: 500; cursor: pointer; padding-left: calc(var(--indent-size)* 4); -webkit-transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1); transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1); } .radio input:checked ~ label .radio__box { background-color: #E9164D; border-color: #E9164D; } .radio__box { position: absolute; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(var(--box-size)* 6); height: calc(var(--box-size)* 6); background-color: #FFFFFF; border: 1px solid #707070; border-radius: 50%; -webkit-transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1); transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1); } .radio__box svg { position: relative; fill: #FFFFFF; opacity: 0; width: 11.141px; height: auto; -webkit-transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1); transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1); } .radio input:checked ~ label .radio__box svg { opacity: 1; } .radio:not([class*=_empty]) { font-size: 16px; line-height: 1.75; } .ordering .checkbox input { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; cursor: pointer; } .ordering .checkbox:not([class*=_empty]) { font-size: 16px; line-height: 1.75; } .ordering .checkbox { position: relative; } .ordering .checkbox label:not(.error) { display: block; width: 100%; min-height: calc(var(--box-size)* 6); font-weight: 500; cursor: pointer; padding-left: calc(var(--indent-size)* 4); -webkit-transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1); transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1); } .ordering .checkbox__box { position: absolute; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(var(--box-size)* 6); height: calc(var(--box-size)* 6); background-color: #FFFFFF; border: 1px solid #707070; border-radius: calc(var(--border-radius) / 4); -webkit-transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1); transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1); } .ordering .checkbox__box svg { fill: #FFFFFF; opacity: 0; width: 11.141px; height: auto; -webkit-transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1); transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1); } .ordering .checkbox input:checked ~ label .checkbox__box { background-color: #E9164D; border-color: #E9164D; } .ordering .checkbox input:checked ~ label .checkbox__box svg { opacity: 1; } .banner_btn span{ max-width: initial; } .page_brand{ margin-top: 20px; } .page_brand .page_catalog_filter{ margin-top: 0; } .card-empty { opacity: .5; } .dropdown-menu.datepicker-dropdown{ width: 200px; } .articles_block:hover .articles_title, .e-search-product-item:hover .e-search-product-name a, .catalog_block:hover .catalog_block_title{ color: #E73467; } .ordering .btn{ padding: 8px 50px; } .breadcrumbs a{ margin-right: 10px; } .cards-categories .catalog_block_img{ display: flex; align-items: center; justify-content: center; } .cards-categories .catalog_block_img img{ object-fit: contain; width: 95%; height: 95%; } .cards-slide .catalog_block_head{ padding-left: 30px; } #modalBannerAge .modal-btn .btn.js-age-set, #modalBannerAge .modal-btn .btn.no18 { width: 200px; display: inline-block; height: 44px; line-height: 42px; font-size: 14px; padding: 0 29px; margin: 0 10px; background: #E73467; border: 3px solid #E73467; border-radius: 10px; font-weight: 500; text-transform: uppercase; color: #ffffff; } #modalBannerAge .modal-btn .btn.no18 { background: #F6E2E6; border-color: #F6E2E6; color: #EF3167; font-size: 13px; padding: 0 20px; } .counter-block{ position: relative; } .counter-block .favourit__count, .counter-block .cart__count{ left: 21px; background-color: #fff; color: #EF3167; } .counter-block .favourit__count{ left: 30px; } .rating-change{ display: flex; } .jq-star{ cursor: pointer; } .jq-star svg{ width: 100%; height: 100%; } .page_catalog_category-btn{ display: flex; justify-content: center; margin-top: -30px; margin-bottom: 30px; } .page_catalog_left{ z-index: 15; } .page_catalog_filter_block{ position: relative; } .page_catalog_filter_modef .bx-filter-popup-result{ display: flex; align-items: center; width: auto; padding: 0; } .bx-filter-popup-result-text{ display: flex; align-items: center; padding: 0 10px; } .page_catalog_filter_modef .bx-filter-popup-result svg { stroke: #E9164D; -webkit-transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1); transition: 0.25 scubic-bezier(0.76, 0, 0.24, 1); } .page_catalog_filter_modef .bx-filter-popup-result a{ padding: 8px; } .banner_slider:not(.slick-initialized) .banner_item:not(:first-child){ display: none; } .footer-block{ margin-top: 120px; position: relative; overflow: hidden; } .footer-block::before { content: ""; position: absolute; top: 0; left: calc(-1* var(--path-percent)); right: calc(-1* var(--path-percent)); height: 100%; background-color: #FCF4F4; border-radius: 50% 50% 0 0px / 50% 50% 0px 0px; z-index: -1; } .shop-img .img-1by1, .shop-img .video-1by1 { padding-top: 100%; } .page_products_bottom-text{ width: 100%; } /* End */ /* Start:/local/templates/erolaif_2025/src/css/media_style.css?175500931936232*/ @media screen and (max-width: 1880px) { .footer_menu { column-gap: 7vw; } } @media screen and (max-width: 1700px) { .banner_title .title1 { font-size: 46px; } .banner .banner_btn { margin-top: 15px; } .offers2 { background-position: 50% -2vw; } } @media screen and (max-width: 1550px) { .banner_title .title2 { margin-top: 1vw; width: 100%; } .banner .banner_btn { margin-left: 0; } .category2_item .category2_img { max-width: 50%; } .category2_item:nth-child(1) .category2_img { transform: translateX(24%); } .articles_wrapper { flex-wrap: wrap; row-gap: 24px; } /*.articles_block {*/ /* width: 24%;*/ /*}*/ .advant_title b { font-size: 18px; } .advant_title span { font-size: 16px; } .advant_img img { left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; } .offers { margin-top: 32px; } .offers_wrapper { row-gap: 18px; padding: 46px 28px; } .offers_wrapper b { font-size: 18px; } .offers_wrapper span { font-size: 16px; } .footer_menu { column-gap: 4vw; } .footer_contacts .phone { font-size: 24px; } .footer_contacts .mail { font-size: 20px; } .footer_menu ul li a { font-size: 16px; } .page_catalog_category_block { width: 17.1%; } .page_catalog .catalog_block { width: 31%; } .page_products { flex-wrap: wrap; row-gap: 24px; } .page_products_item { font-size: 26px; } .page_products_gallery { max-width: 25%; } .page_products_block { margin-left: 15px; max-width: 42%; } .page_products_right { margin-left: 30px; max-width: 20%; } .page_products_right{ min-width: 380px; margin-right: 15px; } .page_products_content{ font-size: 15px; } .page_products_bottom{ padding: 14px 21px; } .page_products_right_block{ padding: 30px 21px; } .page_products_payments_btn{ font-size: 12px; padding: 0 11px; } .page_products_payments_btn img{ width: 52px; } .page_products_payments_btn:after{ right: 10px; } .cart1, .cart2{ padding: 0 10px; font-size: 13px; } .products_related_wrap .catalog_block{ margin: 0 12px; } .catalog_block_head{ padding: 10px 5px; } .category_wrapper{ column-gap: 1vw; } } @media screen and (max-width: 1440px) { .menu_wrap .menu a { font-size: 14px; } .banner_title .title1 { font-size: 36px; } .banner_title .title2 { margin-top: 16px; font-size: 24px; } .catalog_block_category { font-size: 12px; } .catalog_block_title { margin-top: 12px; font-size: 16px; } .new_price { font-size: 18px; } .old_price { font-size: 14px; } .menu_nav_list { left: 400px; column-gap: 4vw; } .page_products_bottom{ flex-direction: column; row-gap: 13px; } .page_products_bottom a{ flex-direction: row; width: 100%; text-align: left; } .page_products_bottom a span{ margin-right: 10px; } } @media (max-width: 1390px) { .page_products_block{ max-width: 35%; } } @media screen and (max-width: 1370px) { .catalog_block_profit{ padding: 0 6px; } .catalog_block_benefit{ width: 50px; justify-content: center; align-items: center; padding: 0; } .catalog_block_profit_text{ display: none; } .catalog_block_profit{ line-height: 22px; } .offers2 { margin-top: 38px; } .page_catalog_category_block span { font-size: 14px; } .catalog_block { width: 24%; } } @media screen and (max-width: 1280px) { .products_video .btn{ padding: 0 8px; } .products_related_wrap .catalog_block { margin: 0 6px; } .section_item { font-size: 38px; } .category1_item.category_item1 { width: 23%; } .category1_item.category_item2 { width: 48%; } .category1_item:nth-child(5) .category1_img { max-width: 48%; top: 50%; transform: translateY(-50%); } .catalog_block { width: 32%; } /*.articles_block {*/ /* width: 32%;*/ /*}*/ .offers2_wrapper { column-gap: 5vw; } .offers2_title { font-size: 20px; } .footer_menu ul li a { font-size: 14px; } .menu_wrap .menu a { font-size: 12px; } .page_catalog_category_block { width: 22.4%; } .page_catalog .catalog_block { width: 48%; } .category1_item { height: 17vw; } .category2_item{ height: 100px; font-size: 24px; } } @media (max-width: 1200px) { .articles_img{ height: 190px; } .articles_title{ font-size: 16px; } .articles_date, .articles_time{ font-size: 12px; } .articles_item{ padding: 8px; } .articles_wrapper-list, .articles_wrapper{ margin: 38px -8px -8px; } } @media screen and (max-width: 1178px) { .banner_title { padding-top: 3vw; padding-left: 3vw; } .header_admin a { font-size: 12px; } .header_search input { font-size: 12px; } .advant_block { padding: 0 8px; } .advant_title span { font-size: 14px; } .footer_bottom_wrap { margin-left: 8%; } } @media (max-width: 1156px) { .page_products_block { max-width: 25%; } } @media (max-width: 1120px) { .banner .banner_item{ height: 350px; } .banner_title .title2{ max-width: 100%; } .banner_title{ justify-content: center; } .banner .banner_img{ width: 53%; } .banner .banner_img img{ height: 350px; } } @media screen and (max-width: 1024px) { .page_products_block { max-width: 40%; } } @media screen and (max-width: 991px) { .page_catalog_category-btn{ display: none; } .page_catalog_nav, .page_catalog_filter{ max-width: 100%; } .header_wrapper .container { min-height: 58px; } .header_top { display: none; } .header_search { display: none; } .header_admin { display: none; } .header_wrap { width: 100%; justify-content: space-between; } .header_logo { margin: 0; order: 2; } .header_mob_phone { display: block; order: 3; } .menu_btn { width: 45px; height: 45px; } .menu_btn p { display: none; } .menu_wrap { display: none; } .menu_nav { overflow-y: scroll; overflow-x: hidden; height: calc(100vh - 130px); } .menu_nav_list{ display: none; } .menu_wrapper { top: auto; position: fixed; border-radius: 17px 17px 0 0; transform: translateY(100%); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); z-index: 14; } .menu_wrapper.active { transform: translateY(0); z-index: 14; } .menu_wrapper.active:before { content: ''; position: absolute; top: -34vw; width: 100%; height: 100%; background: #00000080; z-index: -2; } .menu_wrapper:after { content: ''; position: absolute; top: -0; width: 100%; height: 100%; background: #ffffff; z-index: -2; border-radius: 17px 17px 0 0; } .menu_btn_close { display: flex; } .menu_btn.active > div span:nth-child(1) { transform: none; } .menu_btn.active > div span:nth-child(2) { opacity: 1; } .menu_btn.active > div span:nth-child(3) { transform: none; } .category1_item { height: 18vw; overflow: hidden; } .menu_catalog { padding-top: 19px; padding-bottom: 34px; } .menu_catalog_wrap { padding: 0; } .banner .banner_item { height: 38vw; } .banner .banner_img{ width: 54%; } .banner .banner_img img{ height: 38vw; object-fit: cover; } .banner_title .title1 { font-size: 3vw; } .banner_title .title2 { margin-top: 2vw; font-size: 2.6vw; } .banner .banner_btn { width: 146px; height: 72px; background-size: contain; font-size: 19px; } .brands_item { position: relative; width: 24%; } .page_catalog_category_block span { font-size: 14px; text-align: center; } .page_catalog .page_catalog_category .page_catalog_category_block { display: flex; flex-direction: column; align-items: center; min-height: 129px; margin: 0 4px; justify-content: center; } .age_catalog_category_img{ margin-bottom: 13px; } .page_catalog_category { padding: 0 20px; display: block; width: 100%; } .page_catalog_category .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 12px; height: 18px; background: url(/local/templates/erolaif_2025/src/css/../img/btn_slide.svg) no-repeat; border: navajowhite; font-size: 0; z-index: 3; } .page_catalog_category .slick-prev { left: 0; } .page_catalog_category .slick-next { right: 0; transform: rotate(180deg); } .header{ position: relative; } .mobile-bottom-menu{ display: block; position: fixed; bottom: 0; left: 0; right: 0; background-color: #EF3167; z-index: 13; padding: 13px 20px; } .mobile-bottom-menu__list{ display: flex; justify-content: space-between; } .mobile-bottom-menu__ico{ height: 24px; display: flex; align-items: center; justify-content: center; } .mobile-bottom-menu__name{ font-style: normal; font-weight: 500; font-size: 11px; line-height: 13px; color: #FFFFFF; } .menu_nav_top-list{ display: flex; flex-wrap: wrap; flex-direction: row; margin: 0 -5px; position: relative; } .menu_nav_top{ box-sizing: border-box; width: 100%; max-width: 50%; padding: 0 5px; } .menu_nav_top.active .menu_nav_btn{ background-color: transparent; } .menu_nav_top.active .menu_nav_btn:after{ opacity: 0; } .menu_nav_btn{ border: 1px solid #F6E2E6; border-radius: 7px; font-weight: 500; font-size: 15px; min-height: 35px; padding: 5px 16px 5px 16px; width: 100%; } .menu_nav_btn:hover { background: transparent; color: #430315; } .menu_nav_list{ margin-top: 20px; position: absolute; display: block; top: 0; left: 0; transform: translateX(100%); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); background-color: #fff; padding: 0 5px; width: 100%; } .menu_sub-menu-list{ margin-top: 15px; } .menu_nav_list.active{ transform: translateX(0); } .menu_sub-menu-list, .menu_nav_list ul{ row-gap: 0; margin-bottom: 10px; } .menu_nav_list ul li:last-child b, .menu_nav_list ul li:last-child { margin-bottom: 0; } .menu_nav-back{ width: 100%; font-size: 20px; font-weight: 700; } .menu_sub-menu-list{ display: none; } .menu_nav_list.active .menu_sub-menu-list{ display: block; } .menu_nav_top-list{ display: none; } .menu_nav_top-list.show{ display: flex; } .menu_nav { margin-top: 0; } .menu_nav_tabs { display: flex; } .header_search.header_search_menu { position: relative; display: flex; flex-direction: row-reverse; justify-content: left; border: none; margin: 0; padding: 13px 0; } .header_search.header_search_menu:before { content: ''; position: absolute; top: 0; left: 50%; width: 100%; transform: translateX(-50%); height: 1px; background: #F6E2E6; } .header_search.header_search_menu:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 100%; transform: translateX(-50%); height: 1px; background: #F6E2E6; } .menu_nav_top { margin-top: 20px; } .menu_nav_addr { display: flex; } .menu_nav { margin-top: 0; margin-right: -15px; padding-right: 15px; } .menu_nav_top:before { display: none; } .menu_nav_top-info-list{ width: 100%; } .menu_nav_top-info-list ul{ padding: 0 5px; margin: 20px 0 0; } .menu_nav_top-info-list a{ font-style: normal; font-weight: 500; font-size: 17px; line-height: 35px; color: #430315; } .catalog_fav{ display: none; } .catalog_fav-mob{ display: block; position: relative; top: auto; right: auto; width: 19px; } .catalog_block_price_block{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .catalog_block_img .catalog_cart{ display: none; } .catalog_block .catalog_cart{ opacity: 1; transform: none; position: relative; top: auto; left: auto; width: 100%; } .catalog_block:hover .catalog_cart{ transform: none; } .catalog_block .catalog_cart.catalog_cart-mob{ display: block; } .catalog_block .catalog_cart:before { content: ''; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; transform: translate(-50%, -50%); background: url(/local/templates/erolaif_2025/src/css/../img/catalog_cart_ico.svg) 50% 50% no-repeat; } .catalog_block .catalog_cart span { display: none; } ..catalog_block{ } .category2 { margin-top: 45px; } .category2_item { height: 80px; font-size: 18px; } .menu_nav .category2{ margin-top: 35px; display: block; width: 100%; padding: 0 5px; } .menu_nav-back{ display: block; } .page_catalog_wrapper { flex-direction: column; } .page_catalog_nav { display: none; position: fixed; top: 20vw; left: 0; z-index: 4; background: #ffffff; overflow-y: scroll; height: 510px; } .page_catalog_filter { display: none; } .page_catalog_sorting { row-gap: 10px; flex-direction: column-reverse; } .page_catalog_wrapper { margin-top: 30px; } .page_catalog_right { margin: 0; } .page_catalog_all { margin: 28px auto 0; } .nav_page ul li:nth-child(4) { display: none; } .nav_page ul li:nth-child(5) { display: none; } .nav_page ul li:nth-child(6) { display: none; } .page_catalog .section_item { text-align: center; } .nav_page { column-gap: 4px; } .page_products_tabs_item { padding: 0 9px; height: 36px; font-size: 12px; border-radius: 9px; } .page_products_tabs_item:before{ border-radius: 9px; } .page_products_tabs_item.active, .page_products_tabs_item:hover{ background: transparent; color: #430315; } .page_products_tabs_item:hover:before{ content: none; } .page_products_tabs_item.active:before{ content: ''; } .page_products_tabs{ column-gap: 6px; } .page_products_item { font-size: 24px; } .page_products { flex-direction: column; } .page_products_gallery { max-width: 440px; margin: 0 auto; order: 2; } .products_gallery .products_gallery_img{ max-height: 440px; } .page_products_right .page_products_right_head, .page_products_wrap{ display: none; } .page_products_right_head-mob{ margin-top: 16px; display: flex; margin-bottom: 13px; } .page_products{ row-gap: 0; } .page_products_right_price, .page_products_right_profit{ text-align: center; } .page_products_right_price{ margin-bottom: 16px; } .page_products_right_block{ margin-top: 29px; margin-left: -20px; margin-right: -20px; } .page_products_payments_btn:hover { border-radius: 10px; } .cart2, .cart1{ margin-top: 9px; } .page_products_bottom{ margin: -20px -20px 0; border-top: none; } .page_products_wrap-mob{ display: block; order: 4; } .page_products_block { margin-left: 0; max-width: 100%; } .page_products_right { order: 3; min-width: auto; max-width: initial; margin-left: 0; } .page_products_bottom { flex-direction: row; } .page_products_bottom a { flex-direction: column; text-align: center; } .page_products_bottom a span { margin-right: 0; } .catalog_block_img { height: 194px; } .products_related_wrap .catalog_block { margin: 0 12px; } .page_catalog_wrap{ row-gap: initial; column-gap: initial; margin: 23px -7px 0; } .page_catalog .catalog_block { box-sizing: border-box; width: calc(100%/4); padding: 7px; } .catalog_block_head{ padding: 15px; } .catalog_block_profit_text{ display: none; } .catalog_block_new, .catalog_block_profit, .catalog_block_benefit{ display: block; font-size: 12px; height: 16px; line-height: 16px; box-sizing: border-box; padding: 0; } .catalog_block_benefit, .catalog_block_profit{ padding: 0 8px; } .catalog_block_new{ width: auto; padding: 0 10px; } .catalog_block_benefit{ width: 49px; text-align: center; background: url(/local/templates/erolaif_2025/src/css/../img/catalog_block_benefit-mob.png) no-repeat; background-size: contain; } .catalog_block_new{ text-align: center; background: url(/local/templates/erolaif_2025/src/css/../img/catalog_block_new-mob.png) no-repeat; background-size: contain; line-height: 18px; } .footer_bottom_wrap { margin-left: 20px; } footer{ padding-bottom: 63px; } .page_catalog_left{ display: none; } .page_catalog_category{ margin-bottom: 26px; } .page_catalog_mob_filter{ box-sizing: border-box; display: block; padding: 9px 13px; border: 1px solid #F6E2E6; border-radius: 10px; margin-left: 13px; } .page_catalog_mob_filter svg{ width: 24px; height: 24px; } .page_catalog_sorting_nav{ display: flex; } .page_catalog_sorting_item{ width: 100%; } .page_catalog_sorting_item{ height: 45px; } .page_catalog_sorting_list{ display: block; position: fixed; bottom: 0; z-index: 15; width: 100%; left: 0; right: 0; border: none; top: auto; transform: translateY(100%); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); border-radius: 17px 17px 0 0; box-sizing: border-box; padding: 15px 20px; } .page_catalog_sorting_list.active{ transform: translateY(0); } .page_catalog_sorting_list.active:before { content: ''; position: absolute; top: -95vh; width: 100%; height: 100vh; background: #00000080; z-index: -2; left: 0; right: 0; } .page_catalog_sorting_list.active:after { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: #ffffff; z-index: -2; border-radius: 17px 17px 0 0; } .page_catalog_sorting_title{ display: none; } .page_catalog_sorting_list .filter_btn{ font-size: 17px; } .page_catalog_sorting_list .filter_btn_container{ width: 100%; text-align: center; box-sizing: border-box; padding: 10px 15px; } .page_catalog_sorting_list .filter_btn_radio{ display: none; } .filter_btn.active .filter_btn_container{ background-color: #FCF4F4; border-radius: 7px; } .page_catalog_left{ display: block; position: fixed; left: 0; right: 0; z-index: 15; bottom: 0; transform: translateY(100%); transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); background-color: #fff; } .page_catalog_left.show{ transform: translateY(0); } .page_catalog_left.show:before { content: ''; position: absolute; top: -95vh; width: 100%; height: 100vh; background: #00000080; z-index: -2; left: 0; right: 0; } .page_catalog_left.show:after { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: #ffffff; z-index: -2; border-radius: 17px 17px 0 0; } .page_catalog_filter{ display: block; margin: 0; background-color: #fff; border: none; max-height: calc(100vh - 150px); overflow: auto; } .page_catalog_filter_head{ height: 62px; } .products_related_wrap .catalog_block{ margin: 0 7px; } .page_products_payments_btn { font-size: 14px; padding: 0 11px; } .page_products_payments_btn img { width: 71px; } .header-event__inner{ color: #430315; } .header-event__inner path{ fill: #430315; } .menu_nav_addr{ align-items: center; } .articles_wrap{ flex-direction: column; } .articles_time{ margin-bottom: 5px; } .articles_img { height: 180px; } .articles_wrapper-list .articles_item{ flex: 0 0 calc(100%/3); max-width: calc(100%/3); } } @media screen and (max-width: 769px) { .footer-block::before { left: calc(-1 * var(--path-percent) / 2 * 13); right: calc(-1 * var(--path-percent) / 2 * 13); } .menu_catalog { padding-bottom: 20px; } .menu_catalog_wrap{ column-gap: 10px; } .menu_catalog_img img { width: 100%; } .menu_catalog_item span { text-align: center; } .banner .banner_img{ width: 100%; } .banner .banner_img img{ margin: 0; height: 100%; } .banner .banner_item:before { display: none; } .banner .banner_item { height: 96vw; display: flex !important; flex-direction: column-reverse; } .banner_title { position: relative; margin-top: 0; padding-top: 5vw; padding-left: 5vw; padding-right: 5vw; max-width: 100%; z-index: 2; } .banner_img picture, .banner_img img{ max-height: 110%; display: initial; object-fit: cover; } .banner_title:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/local/templates/erolaif_2025/src/css/../img/slider/bg_mob.png) 50% 0 no-repeat; background-size: 100% 100%; z-index: -1; } .banner_title .title1 { font-size: 5vw; } .banner_title .title2 { margin-top: 2vw; font-size: 3.6vw; } .banner .banner_img { position: relative; top: 15px; } .banner .banner_img img { position: relative; width: 100%; } .banner .banner_btn { margin: 2vw auto; } .banner .slick-dots { column-gap: 18px; bottom: -12px; } .banner .slick-dots li { width: 8px; height: 8px; background: #F6E2E6; } .banner .slick-dots li { width: 12px; height: 12px; } .category_wrapper { margin-top: 12px; row-gap: 22px; flex-wrap: wrap; } .category1_item.category_item1 { width: 48%; } .category1_item.category_item2 { width: 100%; } .category1_item span { bottom: 2vw; left: 2vw; font-size: calc(14px + 1vw); } .category1_item { height: 35vw; } .category2 { margin-top: 48px; } .category2_item { align-items: start; height: 105px; background: rgb(252, 244, 244); padding-top: 3vw; } .category2_item .category2_img { max-width: 100%; } .brands_item { width: 30%; } .tabs_wrap { column-gap: 20px; } .tabs_wrap a { box-sizing: border-box; padding: 18px 20px; display: flex; align-items: center; justify-content: center; text-align: center; background: #FCF4F4; border: 1px solid #F6E2E6; border-radius: 15px; font-size: 15px; } .tabs_wrap a.active, .tabs_wrap a:hover { background: #E73467; border-color: #E73467; color: #ffffff; } .catalog .tabs_wrap a{ width: 113px; } .catalog .tabs_wrap { column-gap: 5px; } .catalog_block { width: 48%; } /*.articles_block {*/ /* width: 48%;*/ /*}*/ .articles_img { height: 44vw; } .articles_title { margin-top: 10px; font-size: 16px; } .articles_time { font-size: 12px; } .articles_date { font-size: 12px; } .advant_wrapper { flex-wrap: wrap; row-gap: 14px; } .advant_block { width: 100%; } .offers2 { margin-top: 38px; padding-top: 8vw; background-size: auto 106%; } .offers2_wrapper { flex-direction: column; align-items: center; } .offers2_img { margin-top: 30px; width: 100%; height: 140px; border-radius: 25px; overflow: hidden; } .offers2_img img{ width: 100%; height: 100%; object-fit: cover; } .footer_wrapper { flex-direction: column; padding-bottom: 0; border: none; } .footer_contacts { flex-wrap: wrap; flex-direction: initial; row-gap: 0; } .footer_contacts .phone { font-size: 20px; width: 100%; } .footer_contacts .mail { font-size: 20px; width: 100%; } .footer_menu { margin-top: 28px; justify-content: space-between; flex-wrap: wrap; column-gap: 4vw; } .footer_menu ul { width: 30%; } .footer_bottom { display: flex; flex-wrap: wrap; row-gap: 20px; } .footer_bottom_wrap { margin: 0; } .adult_materials { width: 100%; column-gap: 30px; } .footer_menu ul { width: 100%; border-bottom: 1px solid #F6E2E6; padding-top: 10px; padding-bottom: 10px; margin: 0; } .footer_your_block:nth-child(1) { margin: 0; } .footer_your_wrap { width: 100%; flex-direction: column; align-items: start; justify-content: start; row-gap: 10px; } .footer_your_block:nth-child(2) { margin: 0; } .menu_btn.active > div span:nth-child(1) { transform: none; } .menu_btn.active > div span:nth-child(2) { opacity: 1; } .menu_btn.active > div span:nth-child(3) { transform: none; } .page_catalog .catalog_block{ width: 50%; } .page_catalog_wrapper .page_catalog_all{ margin-top: 46px; } .banner .banner_btn{ width: 120px; height: 50px; } .banner .banner_btn span{ font-size: 12px; width: 70%; } .banner .banner_btn svg{ width: 80%; } .banner .outline-line svg{ display: none; } .cards-slide .catalog_block_head{ padding-left: 20px; } .articles_wrapper-list .articles_item, .articles_item { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 640px) { .products_related_wrap .slick-next{ right: -5px; } .products_related_wrap .slick-prev{ left: -5px; } } @media (max-width: 520px) { .products_related .section_item { font-size: 35px; } .products_related .section_item{ padding: 0 50px; } .menu_catalog_item:last-child{ padding-right: 20px; } .menu_catalog .menu_catalog_item .menu_catalog_img{ width: 78px; height: 78px; } .menu_catalog_item span{ font-size: 13px; } .banner .banner_slider{ padding-bottom: 19px; } .category1{ margin-top: 41px; } .category1_item { height: 43vw; } .category2_item{ font-size: 15px; overflow: visible; } .category2_item:nth-child(1) .category2_img{ max-width: max-content; width: 109px; } .category2_item:nth-child(1) .category2_img img{ max-width: max-content; width: 100%; } .category2_item:nth-child(1) .category2_img{ transform: translate(10%, 0); } .category2_item:nth-child(2) .category2_img{ max-width: max-content; width: 135px; } .category2_item:nth-child(2) .category2_img img{ max-width: max-content; width: 100%; } .category2_item:nth-child(2) .category2_img{ transform: translate(28%, 0); } .category2_item:nth-child(3) .category2_img{ max-width: max-content; width: 100px; } .category2_item:nth-child(3) .category2_img img{ max-width: max-content; width: 100%; } .category2_item:nth-child(3) .category2_img{ transform: translate(22%, 0); } .brands{ margin-top: 43px; } .brands_wrapper{ margin-top: 21px; } .catalog{ margin-top: 24px; } .tabs_wrap{ margin-top: 17px; } .catalog_wraper{ margin-top: 17px; } .brands_item { width: 48%; } .catalog_block { display: flex; flex-direction: column; } .catalog_block_title { margin-top: 4px; font-size: 14px; } .catalog_block_rating { font-size: 12px; } .catalog_block_price { margin-top: 4px; } .catalog_wraper{ row-gap: 22px; } .catalog .all_news{ display: none; } .articles{ margin-top: 30px; } .articles_block:hover{ border-radius: inherit; } .articles_wrapper{ margin-top: 17px; } .advant{ margin-top: 36px; } .advant_img{ height: 146px; } .advant_title{ padding: 10px 0; row-gap: 5px; justify-content: center; } .footer_contacts_social-block{ display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; } .category2 { margin-top: 48px; } .catalog_block_head { padding: 5px; } .page_catalog_wrap .catalog_block_head{ padding: 13px; } .page_products_gallery { max-width: 100%; margin: 0 auto; order: 2; } .products_gallery .products_gallery_img { max-height: 440px; } .products_gallery .products_gallery_img { max-height: 92vw; } .products_gallery_thumb_img{ margin: 0; margin-right: 5px; } .catalog_block_img { height: 169px; } .slider-404{ margin-top: 100px; } } @media (max-width: 490px) { .footer_contacts_social a{ width: 40px; height: 40px; } .footer_contacts_social-item{ padding: 0 5px; } .footer_contacts_social-list{ margin: 0 -5px; } .footer__list-wrapper{ width: 100%; } } @media (max-width: 430px) { .products_related_wrap .slick-arrow{ top: -96px; } } @media (max-width: 385px) { .menu_nav_btn{ padding: 5px; font-size: 14px; } .menu_nav_btn:before{ left: 5px; } } @media (max-width: 370px) { .footer_bottom_wrap{ column-gap: 12px; } } @media (max-width: 340px) { .footer_bottom_wrap{ column-gap: 8px; } .page_products_payments_btn{ padding: 0 10px; } .page_products_payments_btn:after{ right: 8px; } .cart2, .cart1{ padding: 0 8px; } } /* End */ /* Start:/local/templates/erolaif_2025/components/reaspekt/reaspekt.geoip/top/style.css?17452638731092*/ .city { position: absolute; left: -100%; top: 110%; z-index: 1; min-width: 280px; background-color: #FFFFFF; border: 1px solid #E9164D; font-weight: 500; color: #430315; padding: 24px; border-radius: 24px; box-sizing: border-box; } .city__label { display: block; font-size: 14px; line-height: 1.7142857143; color: #8E7D82; } .city__name { display: block; font-size: 20px; line-height: 1.3; } .city-btn { margin-top: 20px; } .city-btn .btn:not(:last-child) { margin-bottom: var(--indent-size); } .btn.btn-light-red:not(.border) { background-color: #F6E2E6; color: #E9164D; border: 1px solid #F6E2E6; } .city-btn .btn { width: 100%; } .city-btn .btn:not(:last-child) { margin-bottom: 10px; } .btn:not([class*=-circle]) { min-height: 42px; } .btn__icon:not(:only-child):last-child { margin-left: var(--indent-size); } .btn__icon:not(:only-child):last-child { left: 0; } .btn.btn-red:not(.border) { background-color: #E9164D; color: #FFFFFF; } /* End */ /* Start:/local/templates/erolaif_2025/components/bitrix/news.list/header-stories/style.css?174549221755*/ .menu_catalog_img .inner_cir{ overflow: hidden; } /* End */ /* Start:/local/templates/erolaif_2025/components/bitrix/sale.basket.basket/popup/style.css?1745263873322*/ .basket-favorites .js-delete { background:url(/local/templates/erolaif/static/img/minified-svg/remove.svg) no-repeat; background-size:82%; background-position:center; width:32px; height:32px; } @media only screen and (max-width: 767px) { .basket-favorites .js-delete { width:24px; height:24px; } } /* End */ /* Start:/local/templates/erolaif_2025/components/arturgolubev/search.title/main/style.css?17544015334443*/ .e-search{ position: fixed; top: 0; left: 0; right: 0; background-color: #fff; z-index: 150; padding: 16px 0; box-shadow: 0 9px 11px rgba(0, 0, 0, .09); max-height: 100vh; height: auto; } .e-search-container{ max-width: 95%; margin: 0 auto; } .e-search-form{ display: flex; margin-bottom: 24px; } .e-search-input-block{ position: relative; width: 100%; margin-right: 10px; } .e-search-loader{ position: absolute; top: 50%; transform: translateY(-50%); right: 15px; } .e-search-input{ width: 100%; padding: 8px 137px 8px 37px; border: 1px solid #e9164d; border-radius: 16px; font-size: 16px; line-height: 20px; outline: none; height: 48px; font-family: inherit; } .e-search-submit{ font-size: 16px; font-weight: 700; color: #fff; background-color: #e9164d; border-radius: 16px; padding: 14px 35px; border: none; margin-right: 10px; font-family: inherit; height: 48px; cursor: pointer; transition: 0.25s cubic-bezier(0.76, 0, 0.24, 1); } .e-search-close{ font-size: 16px; font-weight: 700; color: #430315; background-color: transparent; padding: 14px 20px; border: none; font-family: inherit; cursor: pointer; } .e-search-more{ font-size: 16px; font-weight: 700; color: #000; background-color: #fff; border-radius: 16px; padding: 14px 35px; border: 1px solid #e9164d; font-family: inherit; height: 48px; line-height: 1; cursor: pointer; } .e-search-show-more-block{ display: flex; justify-content: center; padding-bottom: 80px; } .e-search-scroll{ overflow-y: auto; max-height: calc(100vh - 140px); } .e-search-bottom{ display: flex; overflow: hidden; } .e-search-title{ font-weight: 700; line-height: 20px; font-size: 16px; letter-spacing: 0; text-transform: none; text-decoration: none; color: #430315; margin-bottom: 4px; } .e-search-left{ width: 320px; padding-right: 30px; } .e-search-right{ width: 100%; height: 100%; } .e-search-other { margin-bottom: 20px; } .e-search-history-list, .e-search-other-list { margin-bottom: 16px; } .e-search-history-list li, .e-search-other-list li{ font-weight: 400; font-size: 16px; letter-spacing: 0; text-transform: none; text-decoration: none; line-height: 20px; padding: 8px 0; word-break: break-all; } .e-search-history-list li:hover, .e-search-other-list li:hover{ background-color: #f6f6f6; } .e-search-product-list{ display: flex; margin: 0 -10px; margin-top: 10px; flex-wrap: wrap; } .e-search-product-wrap{ padding: 0 10px; margin-bottom: 24px; } .e-search-product-item{ max-width: calc(100% / 4); width: 100%; } .e-search-product-img{ height: 160px; margin-bottom: 8px; } .e-search-product-img img{ display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; } .e-search-product-name{ font-weight: 400; line-height: 18px; font-size: 16px; letter-spacing: 0; text-transform: none; text-decoration: none; height: 54px; margin-bottom: 10px; } .e-search-product-name a{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .e-search-product-price{ font-weight: 700; line-height: 20px; font-size: 16px; text-decoration: none; color: #430315;; } .e-search-product-link{ border-radius: 16px; width: 100%; padding: 12px; height: 42px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; border-color: #e9164d; background-color: #e9164d; margin-top: 10px; font-weight: 700; font-size: 16px; } .e-search-submit:hover, .e-search-product-link:hover{ color: #fff; border-radius: 25px; } .e-search-find-empty{ padding: 15px; width: 100%; margin-bottom: 20px; background-color: #f6f6f6; border-radius: 16px; color: #430315; display: flex; justify-content: space-between; align-items: center; } .e-search-find-empty span{ color: #e9164d; } .e-search-close-mob{ display: none; background-color: transparent; border: none; outline: none; margin-right: 10px; } .e-search-close-mob svg{ fill: #430315; opacity: .3; } @media (max-width: 980px) { .e-search-product-item{ max-width: calc(100% / 2); } } @media (max-width: 720px) { .e-search-close, .e-search-left{ display: none; } .e-search-close-mob{ display: block; } .e-search-product-link, .e-search-product-price, .e-search-product-name{ font-size: 14px; line-height: 16px; } .e-search-product-img{ height: 140px; } .e-search-input{ padding: 8px 50px 8px 16px; } } /* End */ /* Start:/local/templates/erolaif_2025/template_styles.css?17549176578905*/ .btn-up { position: fixed; right: 62px; bottom: 68px; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 91px; height: 91px; z-index: 10; } .btn-up::before { content: ""; position: absolute; width: 91px; height: 91px; background: url("/local/templates/erolaif_2025/img/btn_up.svg") no-repeat; } .btn-up_hide { display: none; } /*.header-info {*/ /* position: relative;*/ /*}*/ /*.header-info::before {*/ /* content: "";*/ /* position: absolute;*/ /* left: 50%;*/ /* bottom: -8px;*/ /* transform: translateX(32%);*/ /* width: 75px;*/ /* height: 36px;*/ /* background: url(/local/templates/erolaif_2025/./img/header_before.svg) no-repeat;*/ /* background-size: contain;*/ /* transition: all 0.2s linear;*/ /*}*/ /*.header-info::after {*/ /* content: "";*/ /* position: absolute;*/ /* right: -20px;*/ /* bottom: -26px;*/ /* width: 75px;*/ /* height: 90px;*/ /* background: url(/local/templates/erolaif_2025/./img/header_after.svg) no-repeat;*/ /* background-size: contain;*/ /* transition: all 0.2s linear;*/ /*}*/ /*.logo-link {*/ /* position: relative;*/ /*}*/ /*.logo-link::before {*/ /* content: "";*/ /* position: absolute;*/ /* top: -20px;*/ /* left: 50%;*/ /* transform: translateX(-46%);*/ /* width: 192px;*/ /* height: 57px;*/ /* background: url(/local/templates/erolaif_2025/./img/logo_before.svg) no-repeat;*/ /* background-size: contain;*/ /*}*/ /*.logo-link:after {*/ /* content: '';*/ /* position: absolute;*/ /* left: 50%;*/ /* transform: translateX(-50%);*/ /* bottom: -30px;*/ /* width: 108px;*/ /* height: 32px;*/ /* background: url(/local/templates/erolaif_2025/./img/logo_after.svg) no-repeat;*/ /* background-size: contain;*/ /* transition: all 0.2s linear;*/ /*}*/ /*.header_white-fixed .logo-link:after {*/ /* bottom: -30px;*/ /* width: 78px;*/ /* background-size: contain;*/ /*}*/ /*.header_white-fixed .header-info::before {*/ /* bottom: -5px;*/ /* width: 64px;*/ /* height: 36px;*/ /*}*/ /*.header_white-fixed .header-info::after {*/ /* bottom: -6px;*/ /* width: 64px;*/ /*}*/ /*@media screen and (max-width: 1919px) {*/ /* .header-info::after {*/ /* bottom: -114px;*/ /* }*/ /*}*/ @media screen and (max-width: 1919px) { /*.header-info::after {*/ /* bottom: -58px;*/ /*}*/ .btn-up::before { width: 56px; height: 56px; background-size: contain; } } /*@media screen and (max-width: 1880px) {*/ /* .logo-link::before {*/ /* top: -12px;*/ /* width: 148px;*/ /* }*/ /* .header-info::after {*/ /* width: 56px;*/ /* }*/ /*}*/ /*@media screen and (max-width: 1386px) {*/ /* .header-info::after {*/ /* display: none;*/ /* }*/ /*}*/ @media screen and (max-width: 768px) { /*.logo-link::before {*/ /* top: -20px;*/ /* width: 208px;*/ /*}*/ /*.header-info::before {*/ /* transform: translateX(90%);*/ /*}*/ /*.header-info::after {*/ /* display: none;*/ /*}*/ /*.header-info .logo-link {*/ /* max-width: 130px;*/ /*}*/ .btn-up { right: 10px; } .btn-up::before { width: 48px; height: 48px; } /*.header_white-fixed .logo-link:after {*/ /* bottom: -14px;*/ /* width: 60px;*/ /* height: 20px;*/ /* background-size: contain;*/ /*}*/ /*.header_white-fixed .header-info::before {*/ /* transform: translateX(112%);*/ /* background-size: contain;*/ /* width: 45px;*/ /* top: 40px;*/ /* background-size: contain;*/ /*}*/ } @media screen and (max-width: 550px) { /*.header-info .logo-link {*/ /* max-width: 94px;*/ /*}*/ /*.logo-link::before {*/ /* top: -12px;*/ /* width: 132px;*/ /* background-size: contain;*/ /*}*/ /*.header-info::before {*/ /* transform: translateX(112%);*/ /* background-size: contain;*/ /* width: 56px;*/ /* top: 46px;*/ /*}*/ /*.logo-link:after {*/ /* bottom: -27px;*/ /*}*/ } .lk-form__save { color: green; margin-bottom: 20px; } .hide { display: none; } .basket-item__info { width: 100%; } .js-output { color: red; margin-bottom: 20px; } .js-output:empty { margin-top: 0; } .js-output.success { color: green; } .alert-danger { color: red; } .modal-empty .empty { width: auto; height: auto; } .bx-filter-parameters-box { position: relative; } .bx-filter-popup-result { display: none; position: absolute; left: 100%; z-index: 99; top: 40px; background: #fff; border: 1px solid; padding: 5px 10px; font-size: 12px; width: 100px; } .bx-soa-pp-inner-ps { display: none; } .bx-soa-coupon { display: none; } .bx-soa-coupon-remove { width: 12px; height: 12px; border: 1px solid; display: none; } .bx-soa-tooltip { text-transform: lowercase; } .js-active-delivery-2 .dropdown-menu li:not([data-delivery-2="Y"]) { display: none; } #bx-panel.bx-panel-fixed { bottom: 0 !important; top: auto !important; } #bx-panel-back { display: none !important; } .cover-play__open.hide { display: none; } .cover-play__icon { position: relative; } .categories--active-all .categories-slide { color: #e9164d; } #oneProduct[data-cart="Y"] { cursor: pointer; } @media only screen and (min-width: 768px) { .callback-form2 .form-agreement { margin-top: calc(var(--indent-size)*2); } } .choice-filter__btn{ display: none; } .activemodal{ display: block !important; } @media only screen and (max-width: 767px) { .breadcrumbs--calalog-section { overflow: hidden; overflow-x: scroll; margin-left: -16px; margin-right: -16px; padding: 0 16px; } } @media only screen and (min-width: 1280px) and (max-width: 1919px) { .categories-slider:not(.swiper-lock) .categories-slide:first-child { padding-left: calc(var(--indent-size) * 10); } } table:not([class]) thead{ z-index: 3; } #input-div-21{ display: none; } #soa-property-23{ display: none; } #input-div-24{ display: none; } #input-div-23{ display: none; } .js-massage-error{ color: red; } #wait_catalog-section-items{ display: none !important; } .card-item__empty{ opacity : .5; } .lazy{ opacity: 1!important; } .s.cards .cards-category{ overflow: hidden; } .header_white:not([class*=_white-fixed]) .logo svg path{ fill: #fff; } .poster-content h1, .cover-bottom h1{ visibility: visible!important; opacity: 1!important; } .paysystem-auth{ margin-top: 4px; font-size: 12px; line-height: 1.4166666667; font-weight: 500; color: rgb(142, 125, 130); } .paysystem-auth a{ color: #E9164D; } input.error ~ .form-input__hint { opacity: 0; } img.card-gallery__item-gif{ display: none; } .card-gallery:hover .is-gif img{ display: none; } .card-gallery:hover img.card-gallery__item-gif{ display: block; } .js-output{ position: absolute; left: 0; width: 100%; display: block; color: #E9164D; font-weight: 600; text-align: left; margin-top: calc(var(--indent-size) / 2); } .js-auth-notice{ margin-top: 10px; color: #8E7D82; font-size: 16px; } .btn *{ pointer-events: none; } .IPOL_FIVEPOST_pvzLair{ display: none; } .bx-selected .IPOL_FIVEPOST_pvzLair{ display: block; } .modal{ z-index: 100000000!important; } @media only screen and (max-width: 1279px) { .ordering-back--top { position: absolute; left: 20px!important; top: 0!important; } .ordering{ padding-top: 30px; } } .is-fancy-blur .fancybox-container img, .is-fancy-blur .fancybox-thumbs__list a, .blur img{ filter: blur(10px); } .catalog-banner{ border-radius: 17px; overflow: hidden; margin-top: 10px; margin-bottom: 10px; } .catalog-banner img{ width: 100%; } kinescope-iframe-player{ width: 100%; height: 165%; } .fancybox-image, .fancybox-spaceball{ object-fit: contain; } .ya-pay-widget { width: 100% !important; margin-top: 15px; } .catalog-banner-card{ border: 1px solid #F6E2E6; border-radius: 17px; overflow: hidden; line-height: 0; padding: 0!important; } .catalog-banner-card img{ width: 100%; height: 100%; object-fit: contain; } /* End */ /* Start:/local/css/reaspekt/reaspekt.geobase/style.css?1745263875974*/ .ReaspektPopupOverlay { height: 100%; left: 0; opacity: 0.6; position: fixed; top: 0; width: 100%; z-index: 500; background-color: #000; filter: alpha(opacity=60); /*Filter for IE*/ } #ReaspektPopupBody { position: absolute !important; padding: 30px 50px; left: 0; top: 0; /*width: 500px; min-height: 100%; height: 1000px;*/ z-index: 510; background-color: #fff; box-shadow: 0px 0px 15px #000000; box-sizing: border-box; } #ReaspektPopupBody .ReaspektClosePosition { position: relative; } #ReaspektPopupBody #ReaspektCloseBtn { position: absolute; right: -40px; top: -20px; width: 24px; height: 24px; cursor: pointer; background:url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat top; } #ReaspektPopupBody #ReaspektCloseBtn:hover { background: url("/local/css/reaspekt/reaspekt.geobase/images/close-button-sprite.png") no-repeat 0 -24px; } #ReaspektPopupContainer { max-width: 900px; } /* End */ /* /local/templates/erolaif_2025/src/css/fonts.css?174526387412835 */ /* /local/templates/erolaif_2025/src/fonts/mulish_/mulish.css?17452638743298 */ /* /local/templates/erolaif_2025/src/libs/slick/slick.css?17452638741895 */ /* /local/templates/erolaif_2025/static/css/separate-css/swiper.min.css?174526387413681 */ /* /local/templates/erolaif_2025/static/css/separate-css/jquery.fancybox.css?174526387422411 */ /* /local/templates/erolaif_2025/static/css/main.css?1745560496652289 */ /* /local/templates/erolaif_2025/src/css/style.css?175500895164303 */ /* /local/templates/erolaif_2025/src/css/media_style.css?175500931936232 */ /* /local/templates/erolaif_2025/components/reaspekt/reaspekt.geoip/top/style.css?17452638731092 */ /* /local/templates/erolaif_2025/components/bitrix/news.list/header-stories/style.css?174549221755 */ /* /local/templates/erolaif_2025/components/bitrix/sale.basket.basket/popup/style.css?1745263873322 */ /* /local/templates/erolaif_2025/components/arturgolubev/search.title/main/style.css?17544015334443 */ /* /local/templates/erolaif_2025/template_styles.css?17549176578905 */ /* /local/css/reaspekt/reaspekt.geobase/style.css?1745263875974 */