1 line
32 KiB
Plaintext
1 line
32 KiB
Plaintext
{"version":3,"sources":["..\\style-scss\\_variables.scss","..\\style-scss\\_mixins.scss","..\\style-scss\\hebeschiebeturen.scss"],"names":[],"mappings":"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","file":"hebeschiebeturen.css","sourcesContent":["$cGrayText: #232323;\r\n\r\n$font1: 'Open Sans', sans-serif;\r\n$font2: 'Alegreya Sans', sans-serif;\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-LightItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-LightItalic.woff') format('woff');\r\n\tfont-weight: 300;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-ExtraLightItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-ExtraLightItalic.woff') format('woff');\r\n\tfont-weight: 200;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Medium.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Medium.woff') format('woff');\r\n\tfont-weight: 500;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-MediumItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-MediumItalic.woff') format('woff');\r\n\tfont-weight: 500;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Demi';\r\n\tsrc: url('/layout/fonts/URWForm-Demi.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Demi.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Italic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Italic.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Light.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Light.woff') format('woff');\r\n\tfont-weight: 300;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-ThinItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-ThinItalic.woff') format('woff');\r\n\tfont-weight: 100;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Bold.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Bold.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-BoldItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-BoldItalic.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Thin.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Thin.woff') format('woff');\r\n\tfont-weight: 100;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/fonts/URWForm-Regular.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-Regular.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Extra';\r\n\tsrc: url('/layout/fonts/URWForm-ExtraBoldItalic.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-ExtraBoldItalic.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Extra';\r\n\tsrc: url('/layout/fonts/URWForm-ExtraBold.woff2') format('woff2'),\r\n\t\turl('/layout/fonts/URWForm-ExtraBold.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n","$breakpoints: (\r\n\txs: 576px,\r\n\tsm: 768px,\r\n\tmd: 992px,\r\n\tlg: 1200px,\r\n\txl: 1360px,\r\n\txxl: 1620px,\r\n);\r\n\r\n@mixin respond-above($breakpoint) {\r\n\t@if map-has-key($breakpoints, $breakpoint) {\r\n\t\t$breakpoint-value: map-get($breakpoints, $breakpoint);\r\n\r\n\t\t@media (min-width: $breakpoint-value) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else {\r\n\t\t@warn 'Invalid breakpoint: #{$breakpoint}.';\r\n\t}\r\n}\r\n\r\n@mixin respond-below($breakpoint) {\r\n\t@if map-has-key($breakpoints, $breakpoint) {\r\n\t\t$breakpoint-value: map-get($breakpoints, $breakpoint);\r\n\r\n\t\t@media (max-width: ($breakpoint-value - 1)) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else {\r\n\t\t@warn 'Invalid breakpoint: #{$breakpoint}.';\r\n\t}\r\n}\r\n\r\n@mixin respond-between($lower, $upper) {\r\n\t@if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {\r\n\t\t$lower-breakpoint: map-get($breakpoints, $lower);\r\n\t\t$upper-breakpoint: map-get($breakpoints, $upper);\r\n\r\n\t\t@media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {\r\n\t\t\t@content;\r\n\t\t}\r\n\t} @else {\r\n\t\t@if (map-has-key($breakpoints, $lower) ==false) {\r\n\t\t\t@warn 'Your lower breakpoint was invalid: #{$lower}.';\r\n\t\t}\r\n\r\n\t\t@if (map-has-key($breakpoints, $upper) ==false) {\r\n\t\t\t@warn 'Your upper breakpoint was invalid: #{$upper}.';\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@mixin border-radius($px: 0) {\r\n\t-webkit-border-radius: $px;\r\n\t-moz-border-radius: $px;\r\n\tborder-radius: $px;\r\n}\r\n\r\n@mixin box-shadow($value) {\r\n\t-webkit-box-shadow: $value;\r\n\t-moz-box-shadow: $value;\r\n\tbox-shadow: $value;\r\n}\r\n\r\n@mixin transition($element: all, $time: 0.5s, $option: ease) {\r\n\t-webkit-transition: $element $time $option;\r\n\ttransition: $element $time $option;\r\n}\r\n\r\n@mixin opacity($value) {\r\n\t$IEValue: $value * 100;\r\n\topacity: $value;\r\n\t-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + $IEValue +\r\n\t\t')';\r\n\tfilter: alpha(opacity=$IEValue);\r\n}\r\n\r\n@mixin flexbox() {\r\n\tdisplay: -webkit-box;\r\n\tdisplay: -moz-box;\r\n\tdisplay: -ms-flexbox;\r\n\tdisplay: -webkit-flex;\r\n\tdisplay: flex;\r\n}\r\n\r\n@mixin flex($values) {\r\n\t-webkit-box-flex: $values;\r\n\t-moz-box-flex: $values;\r\n\t-webkit-flex: $values;\r\n\t-ms-flex: $values;\r\n\tflex: $values;\r\n}\r\n\r\n@mixin flex-direction($direction) {\r\n\t-webkit-flex-direction: $direction;\r\n\t-moz-flex-direction: $direction;\r\n\t-ms-flex-direction: $direction;\r\n\tflex-direction: $direction;\r\n}\r\n\r\n@mixin flex-wrap($wrap) {\r\n\t-webkit-flex-wrap: $wrap;\r\n\t-moz-flex-wrap: $wrap;\r\n\t-ms-flex-wrap: $wrap;\r\n\tflex-wrap: $wrap;\r\n}\r\n\r\n@mixin flex-flow($flow) {\r\n\t-webkit-flex-flow: $flow;\r\n\t-moz-flex-flow: $flow;\r\n\t-ms-flex-flow: $flow;\r\n\tflex-flow: $flow;\r\n}\r\n\r\n@mixin order($val) {\r\n\t-webkit-box-ordinal-group: $val;\r\n\t-moz-box-ordinal-group: $val;\r\n\t-ms-flex-order: $val;\r\n\t-webkit-order: $val;\r\n\torder: $val;\r\n}\r\n\r\n@mixin flex-grow($grow) {\r\n\t-webkit-flex-grow: $grow;\r\n\t-moz-flex-grow: $grow;\r\n\t-ms-flex-grow: $grow;\r\n\tflex-grow: $grow;\r\n}\r\n\r\n@mixin flex-shrink($shrink) {\r\n\t-webkit-flex-shrink: $shrink;\r\n\t-moz-flex-shrink: $shrink;\r\n\t-ms-flex-shrink: $shrink;\r\n\tflex-shrink: $shrink;\r\n}\r\n\r\n@mixin flex-basis($width) {\r\n\t-webkit-flex-basis: $width;\r\n\t-moz-flex-basis: $width;\r\n\t-ms-flex-basis: $width;\r\n\tflex-basis: $width;\r\n}\r\n\r\n@mixin justify-content($justify) {\r\n\t-webkit-justify-content: $justify;\r\n\t-moz-justify-content: $justify;\r\n\t-ms-justify-content: $justify;\r\n\tjustify-content: $justify;\r\n\t-ms-flex-pack: $justify;\r\n}\r\n\r\n@mixin align-content($align) {\r\n\t-webkit-align-content: $align;\r\n\t-moz-align-content: $align;\r\n\t-ms-align-content: $align;\r\n\talign-content: $align;\r\n}\r\n\r\n@mixin align-items($align) {\r\n\t-webkit-align-items: $align;\r\n\t-moz-align-items: $align;\r\n\t-ms-align-items: $align;\r\n\talign-items: $align;\r\n}\r\n\r\n@mixin align-self($align) {\r\n\t-webkit-align-self: $align;\r\n\t-moz-align-self: $align;\r\n\t-ms-align-self: $align;\r\n\talign-self: $align;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-LightItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-LightItalic.woff') format('woff');\r\n\tfont-weight: 300;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-ExtraLightItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-ExtraLightItalic.woff') format('woff');\r\n\tfont-weight: 200;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Medium.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Medium.woff') format('woff');\r\n\tfont-weight: 500;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-MediumItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-MediumItalic.woff') format('woff');\r\n\tfont-weight: 500;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Demi';\r\n\tsrc: url('/layout/URWForm-Demi.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Demi.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Italic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Italic.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Light.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Light.woff') format('woff');\r\n\tfont-weight: 300;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-ThinItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-ThinItalic.woff') format('woff');\r\n\tfont-weight: 100;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Bold.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Bold.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-BoldItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-BoldItalic.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Thin.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Thin.woff') format('woff');\r\n\tfont-weight: 100;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form';\r\n\tsrc: url('/layout/URWForm-Regular.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-Regular.woff') format('woff');\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Extra';\r\n\tsrc: url('/layout/URWForm-ExtraBoldItalic.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-ExtraBoldItalic.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: 'URW Form Extra';\r\n\tsrc: url('/layout/URWForm-ExtraBold.woff2') format('woff2'),\r\n\t\turl('/layout/URWForm-ExtraBold.woff') format('woff');\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n//* ~~~~ Colors ~~~~ *//\r\n$cWhite: #fff;\r\n$cMilk: #fafafa;\r\n$cSand: #e7dcd0;\r\n$cSandLight: #e6dccf;\r\n$cGray: #d8d8d8;\r\n$cYellow: #ffe604;\r\n$cIron: #b2b3b7;\r\n$cLightBlue: #4ca8e6;\r\n$cDarkNight: #343431;\r\n$cDeepDark: #1d1d1b;\r\n$cBlack: #000;\r\n\r\n$cTxtWhite: #fff;\r\n$cTxtCloud: #d8d8d8;\r\n$cTxtLightBlue: #4ca8e6;\r\n$cTxtDark: #2c2d2f;\r\n$cTxtBlack: #000;\r\n//* ~~~~ Mixins ~~~~ *//\r\n\r\n@mixin btn_classic($f_size, $color, $h_color, $bg, $h_bg) {\r\n\ttext-align: center;\r\n\tfont-size: $f_size;\r\n\tfont-weight: 700;\r\n\tfont-family: $font2;\r\n\tcolor: $color;\r\n\tbackground: $bg;\r\n\ttext-transform: uppercase;\r\n\tline-height: 22px;\r\n\tpadding: 12px 15px;\r\n\tdisplay: inline-block;\r\n\tmin-width: 210px;\r\n\ttransition: all 0.3s ease;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\r\n\t&:hover {\r\n\t\tbackground: $h_bg;\r\n\t\tcolor: $h_color !important;\r\n\t}\r\n}\r\n\r\n//* ~~~~ Global ~~~~ *//\r\n.hidden {\r\n\tdisplay: none !important;\r\n}\r\n\r\n.box {\r\n\tpadding-top: 125px;\r\n\tpadding-bottom: 125px;\r\n\r\n\t@include respond-below(sm) {\r\n\t\tpadding-top: 90px;\r\n\t\tpadding-bottom: 90px;\r\n\t}\r\n}\r\n\r\n.box_title {\r\n\tfont-family: 'URW Form', sans-serif;\r\n\tfont-weight: 700;\r\n\tfont-size: 35px;\r\n\tline-height: 1.25;\r\n\tmargin-bottom: 28px;\r\n\ttext-transform: uppercase;\r\n\ttext-align: right;\r\n\tletter-spacing: 0.15em;\r\n}\r\n\r\n.box_subtitle {\r\n\tfont-family: 'URW Form';\r\n\tfont-style: normal;\r\n\tfont-weight: 400;\r\n\tfont-size: 30px;\r\n\tletter-spacing: 0.07em;\r\n\ttext-transform: uppercase;\r\n\tcolor: #000000;\r\n}\r\n","@import \"variables\";\r\n@import \"_mixins\";\r\n\r\n.page-content {\r\n overflow: hidden;\r\n}\r\n\r\n.box-01 {\r\n padding-bottom: 150px;\r\n\r\n @include respond-below(md) {\r\n padding-bottom: 50px;\r\n }\r\n\r\n #product-preview-box {\r\n .product-preview-box {\r\n .scontainer-content {\r\n .product-preview {\r\n padding-left: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.box-02 {\r\n .scontainer-content {\r\n .row {\r\n display: none;\r\n\r\n &.active {\r\n display: block;\r\n }\r\n\r\n .col-12 {\r\n display: flex;\r\n flex-direction: row;\r\n\r\n .popup-img {\r\n width: calc(50% - 50px);\r\n }\r\n\r\n .popup-data {\r\n width: calc(50% + 50px);\r\n }\r\n\r\n .popup-img {\r\n position: relative;\r\n min-height: 789px;\r\n\r\n &-wrapper {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n z-index: -1;\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 290px;\r\n background: rgba(244, 244, 244, 0.9);\r\n mix-blend-mode: normal;\r\n }\r\n\r\n img {\r\n width: auto !important;\r\n max-width: fit-content !important;\r\n }\r\n }\r\n }\r\n\r\n .popup-data {\r\n padding: 50px 0;\r\n\r\n .popup-schems {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-end;\r\n flex-wrap: wrap;\r\n column-gap: 15px;\r\n margin-bottom: 35px;\r\n\r\n li {\r\n text-align: center;\r\n\r\n img {\r\n margin-bottom: 15px;\r\n width: 100%;\r\n max-width: fit-content;\r\n object-fit: cover;\r\n }\r\n\r\n p {\r\n font-weight: 300;\r\n font-size: 13px;\r\n line-height: 26px;\r\n letter-spacing: 0.05em;\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n\r\n .popup-dots {\r\n position: absolute;\r\n top: auto;\r\n left: 0;\r\n width: calc(100% - 15px);\r\n height: 100%;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n user-select: none;\r\n\r\n li {\r\n position: absolute;\r\n right: 0;\r\n padding-top: 40px;\r\n padding-right: 40px;\r\n border-right: 1px solid $cBlack;\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 1px;\r\n left: 0;\r\n width: 19px;\r\n height: 19px;\r\n background: rgba(255, 255, 255, 0.3);\r\n border: 1px solid $cBlack;\r\n border-radius: 100%;\r\n transform: translateY(-50%);\r\n }\r\n\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: calc(100% - 19px);\r\n height: 1px;\r\n background: #000;\r\n }\r\n\r\n p {\r\n font-weight: 300;\r\n font-size: 16px;\r\n line-height: 20px;\r\n text-align: right;\r\n letter-spacing: 0.05em;\r\n width: 100%;\r\n max-width: 470px;\r\n margin-left: auto;\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n strong {\r\n font-weight: 700;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n flex-direction: column;\r\n\r\n .popup-img {\r\n width: 100%;\r\n }\r\n\r\n .popup-img {\r\n min-height: unset;\r\n\r\n &-wrapper {\r\n position: relative;\r\n\r\n &::before {\r\n width: 130px;\r\n }\r\n\r\n img {\r\n width: 100% !important;\r\n }\r\n }\r\n }\r\n\r\n .popup-data {\r\n width: 100%;\r\n\r\n .popup-dots {\r\n position: relative;\r\n\r\n li {\r\n position: relative;\r\n padding-top: 20px;\r\n padding-right: 10px;\r\n\r\n &::before {\r\n display: none;\r\n }\r\n\r\n &:nth-child(1) {\r\n left: 0 !important;\r\n }\r\n }\r\n }\r\n\r\n .popup-schems {\r\n justify-content: center;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &-1 {\r\n .col-12 {\r\n .popup-data {\r\n .popup-dots {\r\n li {\r\n &:nth-child(1) {\r\n left: 290px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &-2 {\r\n .col-12 {\r\n .popup-data {\r\n .popup-dots {\r\n li {\r\n &:nth-child(1) {\r\n left: 270px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &-3 {\r\n .col-12 {\r\n .popup-data {\r\n .popup-dots {\r\n li {\r\n &:nth-child(1) {\r\n left: 480px;\r\n padding-bottom: 40px;\r\n padding-top: 0;\r\n\r\n &::before {\r\n top: auto;\r\n bottom: -18px;\r\n }\r\n\r\n &::after {\r\n top: auto;\r\n bottom: 0;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.box-03 {\r\n margin-bottom: 65px;\r\n\r\n .box-wrapper {\r\n display: flex;\r\n flex-direction: row;\r\n\r\n .box-left {\r\n width: calc(50% - 50px);\r\n display: flex;\r\n align-items: center;\r\n\r\n ul {\r\n position: relative;\r\n display: flex;\r\n flex-direction: row;\r\n column-gap: 40px;\r\n padding: 50px;\r\n margin: 20px 0;\r\n border-left: 1px solid #6c6d70;\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 170%;\r\n height: 1px;\r\n background: #6c6d70;\r\n z-index: 1;\r\n }\r\n\r\n li {\r\n display: flex;\r\n flex-direction: column;\r\n row-gap: 30px;\r\n\r\n p {\r\n font-weight: 300;\r\n font-size: 13px;\r\n line-height: 20px;\r\n letter-spacing: 0.07em;\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .box-right {\r\n position: relative;\r\n width: calc(50% + 50px);\r\n\r\n &-text {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n bottom: 0;\r\n background: rgba(244, 244, 244, 0.9);\r\n mix-blend-mode: normal;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n width: 100%;\r\n max-width: 330px;\r\n padding: 30px;\r\n\r\n h2 {\r\n font-weight: 700;\r\n font-size: 25px;\r\n line-height: 35px;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n margin-bottom: 30px;\r\n }\r\n\r\n p {\r\n font-weight: 300;\r\n font-size: 16px;\r\n line-height: 26px;\r\n letter-spacing: 0.07em;\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n flex-direction: column-reverse;\r\n width: fit-content;\r\n margin-left: auto;\r\n margin-right: auto;\r\n\r\n .box-left {\r\n width: 100%;\r\n justify-content: center;\r\n\r\n ul {\r\n border-left: none;\r\n\r\n &::before {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n .box-right {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.box-04 {\r\n #product-colors {\r\n .color-tiles-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n column-gap: 60px;\r\n row-gap: 70px;\r\n\r\n @include respond-below(sm) {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .color-tiles-rows {\r\n display: flex;\r\n flex-direction: column;\r\n column-gap: 60px;\r\n row-gap: 70px;\r\n }\r\n\r\n .color-tiles-title {\r\n padding-left: 60px;\r\n\r\n &::before {\r\n width: 40px;\r\n }\r\n\r\n h2 {\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 25px;\r\n letter-spacing: 0.07em;\r\n }\r\n }\r\n\r\n .vekamotion-82,\r\n .inova-smoove {\r\n .color-tiles-data {\r\n display: flex;\r\n flex-direction: column;\r\n row-gap: 17px;\r\n overflow: hidden;\r\n\r\n li {\r\n img {\r\n width: 100%;\r\n max-width: 126px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .platinum-optima {\r\n .color-tile-content {\r\n display: flex;\r\n flex-direction: row;\r\n column-gap: 80px;\r\n row-gap: 40px;\r\n align-items: center;\r\n\r\n @include respond-below(sm) {\r\n flex-direction: column-reverse;\r\n }\r\n }\r\n\r\n .color-tiles-data {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n column-gap: 15px;\r\n row-gap: 17px;\r\n align-items: flex-start;\r\n overflow: hidden;\r\n\r\n li {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n row-gap: 7px;\r\n\r\n img {\r\n width: 100%;\r\n max-width: 126px;\r\n }\r\n\r\n p {\r\n font-weight: 300;\r\n font-size: 13px;\r\n line-height: 15px;\r\n letter-spacing: 0.05em;\r\n text-transform: initial;\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n\r\n .tile-emblem {\r\n display: inline-flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n width: 256px;\r\n min-width: 256px;\r\n height: 256px;\r\n border-radius: 100%;\r\n text-align: center;\r\n\r\n &-black {\r\n color: $cTxtWhite;\r\n background-color: $cBlack;\r\n\r\n p {\r\n &::before {\r\n background-color: $cWhite;\r\n }\r\n }\r\n }\r\n\r\n &-gray {\r\n color: $cTxtBlack;\r\n background-color: #ece9e2;\r\n\r\n p {\r\n &::before {\r\n background-color: $cBlack;\r\n }\r\n }\r\n }\r\n\r\n &-brown {\r\n color: $cTxtWhite;\r\n background-color: #69503b;\r\n\r\n p {\r\n &::before {\r\n background-color: $cWhite;\r\n }\r\n }\r\n }\r\n\r\n h2 {\r\n font-weight: 700;\r\n font-size: 25px;\r\n line-height: 1.2;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n }\r\n\r\n p {\r\n position: relative;\r\n font-weight: 300;\r\n font-size: 15px;\r\n line-height: 35px;\r\n letter-spacing: 0.15em;\r\n padding-bottom: 35px;\r\n\r\n &::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 50%;\r\n bottom: 0;\r\n transform: translateX(-50%);\r\n height: 1px;\r\n width: 70px;\r\n }\r\n }\r\n }\r\n\r\n .color-tiles {\r\n &:nth-child(2n + 1) {\r\n &:not(:first-child) {\r\n &::before {\r\n left: auto;\r\n right: 0;\r\n }\r\n\r\n .color-tiles-title {\r\n text-align: right;\r\n padding-left: 0;\r\n padding-right: 60px;\r\n\r\n &::before {\r\n left: auto;\r\n right: 0;\r\n }\r\n }\r\n }\r\n\r\n .color-tile-content {\r\n flex-direction: row-reverse;\r\n\r\n .color-tiles-data {\r\n justify-content: flex-end;\r\n padding-left: 0;\r\n padding-right: 60px;\r\n }\r\n\r\n @include respond-below(sm) {\r\n flex-direction: column-reverse;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.box-05 {\r\n &#our-catalog {\r\n .scontainer-content {\r\n .row {\r\n display: none;\r\n\r\n &.active {\r\n display: flex !important;\r\n }\r\n }\r\n }\r\n }\r\n}"]} |