.select2-container { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; } .select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container .select2-search--inline .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0; max-width: 100%; resize: none; height: 18px; vertical-align: bottom; font-family: sans-serif; overflow: hidden; word-break: keep-all; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option--selectable { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0px; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding-bottom: 5px; padding-right: 5px; position: relative; } .select2-container--default .select2-selection--multiple.select2-selection--clearable { padding-right: 25px; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; position: absolute; right: 0; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; padding-left: 20px; position: relative; max-width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; position: absolute; left: 0; top: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--group { padding: 0; } .select2-container--default .select2-results__option--disabled { color: #999; } .select2-container--default .select2-results__option--selected { background-color: #ddd; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee)); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc)); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee)); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white)); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option--group { padding: 0; } .select2-container--classic .select2-results__option--disabled { color: grey; } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */ /* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics) ========================================================================== */ /** * 1. Remove repeating backgrounds in all browsers (opinionated). * 2. Add box sizing inheritence in all browsers (opinionated). */ *, ::before, ::after { background-repeat: no-repeat; /* 1 */ -webkit-box-sizing: inherit; box-sizing: inherit; /* 2 */ } /** * 1. Add text decoration inheritance in all browsers (opinionated). * 2. Add vertical alignment inheritence in all browsers (opinionated). */ ::before, ::after { text-decoration: inherit; /* 1 */ vertical-align: inherit; /* 2 */ } /** * 1. Add border box sizing in all browsers (opinionated). * 2. Add the default cursor in all browsers (opinionated). * 3. Prevent font size adjustments after orientation changes in IE and iOS. */ html { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ cursor: default; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections) ========================================================================== */ /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: .67em 0; } /* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content) ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 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 */ } /** * Remove the list style on navigation lists in all browsers (opinionated). */ nav ol, nav ul { list-style: none; } /** * 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 (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics) ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Firefox 39-. * 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 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * 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 style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ffff00; color: #000000; } /** * 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: -.25em; } sup { top: -.5em; } /* * Remove the text shadow on text selections (opinionated). * 1. Restore the coloring undone by defining the text shadow (opinionated). */ ::-moz-selection { background-color: #b3d4fc; /* 1 */ color: #000000; /* 1 */ text-shadow: none; } ::selection { background-color: #b3d4fc; /* 1 */ color: #000000; /* 1 */ text-shadow: none; } /* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content) ========================================================================== */ /* * Change the alignment on media elements in all browers (opinionated). */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Change the fill color to match the text color in all browsers (opinionated). */ svg { fill: currentColor; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables) ========================================================================== */ /** * Collapse border spacing */ table { border-collapse: collapse; } /* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms) ========================================================================== */ /** * Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { margin: 0; } /** * Inherit styling in all browsers (opinionated). */ button, input, select, textarea { background-color: transparent; color: inherit; font-size: inherit; line-height: inherit; } /** * 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; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * 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; } /** * 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 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * 1. Remove the default vertical scrollbar in IE. * 2. Change the resize direction on textareas in all browsers (opinionated). */ textarea { overflow: auto; /* 1 */ resize: vertical; /* 2 */ } /** * 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 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [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 elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements) ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3) ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing) ========================================================================== */ /* * Remove the tapping delay on clickable elements (opinionated). * 1. Remove the tapping delay in IE 10. */ a, area, button, input, label, select, summary, textarea, [tabindex] { -ms-touch-action: manipulation; /* 1 */ touch-action: manipulation; } /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* ARIA (https://w3c.github.io/html-aria/) ========================================================================== */ /** * Change the cursor on busy elements (opinionated). */ [aria-busy="true"] { cursor: progress; } /* * Change the cursor on control elements (opinionated). */ [aria-controls] { cursor: pointer; } /* * Change the display on visually hidden accessible elements (opinionated). */ [aria-hidden="false"][hidden]:not(:focus) { clip: rect(0, 0, 0, 0); display: inherit; position: absolute; } /* * Change the cursor on disabled, not-editable, or otherwise * inoperable elements (opinionated). */ [aria-disabled] { cursor: default; } @font-face { font-family: 'Font-Medium'; src: url(d18bde85d2bd9ffbaaa731fe1c086ad8.eot); src: url(d18bde85d2bd9ffbaaa731fe1c086ad8.eot?#iefix) format("embedded-opentype"), url(7d496d680c980313ce1eed86d4c2bcd0.woff2) format("woff2"), url(01356c26327c59bf1da8bacca4521275.woff) format("woff"), url(e1ee759d5fa3a5c4c5defa17d8fae562.ttf) format("truetype"), url(44d70bdd9c9d08aa6f06d62f88a9658c.svg#GraphikLCG-Medium) format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Font-Regular'; src: url(bdf0b70136ab84b84316489a7ea1694d.eot); src: url(bdf0b70136ab84b84316489a7ea1694d.eot?#iefix) format("embedded-opentype"), url(3a354e7795050123003707f8a5c2de55.woff2) format("woff2"), url(9af1f3eed57b2522f99f45b112511626.woff) format("woff"), url(0ab287c2a588eae45e2022f8f4bb8ec8.ttf) format("truetype"), url(da4094ccb3ba6e16c17cdf757c65b2fe.svg#GraphikLCG-Regular) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:active, *:focus { outline: none; } html { font-size: 18px; --deep_green: #01382c; --medium_green: #006450; --light_green: #00a887; --blue: #147dfe; --yellow: #fed314; --gray: #d9d9d9; --orange:#FE4814; --pd-200: 10.416666vw; --pd-140: 7.291666vw; --pd-120: 6.25vw; --height-1: 71px; --border: 4px; --negative-border: -4px; scrollbar-width: none; } @media all and (max-width: 1680px) { html { font-size: 16px; --height-1: 60px; } } @media all and (max-width: 1440px) { html { --height-1: 54px; } } @media all and (max-width: 1160px) { html { --height-1: 48px; } } @media all and (max-width: 960px) { html { --border: 2px; --negative-border: -2px; --height-1: 48px; --pd-120: 40px; --pd-140: 60px; --pd-200: 80px; } } body { color: #000; font-family: 'Font-Regular'; font-weight: normal; font-style: normal; line-height: 22px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; overflow-x: hidden; background-color: var(--gray); -ms-overflow-style: none; } body::-webkit-scrollbar { display: none; } body::-webkit-scrollbar-button { display: none; } @media all and (max-width: 1680px) { body { line-height: 20px; } } #content { min-height: 100vh; } p { margin: 0 0 18px; } p:last-of-type { margin: 0; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } ul { list-style-type: none; } a { text-decoration: none; color: #000; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } a:hover { color: #fff; } img, svg { max-width: 100%; height: auto; } h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-style: normal; } h1, .h1 { font-family: 'Font-Medium'; font-weight: 500; font-size: 4.166666vw; line-height: 5.2vw; letter-spacing: -1px; } @media all and (max-width: 960px) { h1, .h1 { font-size: 30px; line-height: 38px; } } @media all and (max-width: 60px) { h1, .h1 { font-size: 26px; line-height: 34px; } } h2, .h2 { font-family: 'Font-Regular'; font-weight: normal; font-size: 1.770833vw; line-height: 2.083333vw; } @media all and (max-width: 1160px) { h2, .h2 { font-size: 1.896551vw; line-height: 2.155172vw; } } @media all and (max-width: 960px) { h2, .h2 { font-size: 24px; line-height: 29px; } } @media all and (max-width: 660px) { h2, .h2 { font-size: 22px; line-height: 27px; } } h3, .h3 { font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; } @media all and (max-width: 1680px) { h3, .h3 { font-size: 20px; line-height: 20px; } } @media all and (max-width: 1440px) { h3, .h3 { font-size: 18px; line-height: 18px; } } @media all and (max-width: 1160px) { h3, .h3 { font-size: 16px; line-height: 16px; } } h4, .h4 { font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; } @media all and (max-width: 1680px) { h4, .h4 { font-size: 16px; line-height: 20px; } } h5, .h5 { font-family: 'Font-Medium'; font-weight: 500; font-size: 14px; line-height: 18px; } .uppercase { text-transform: uppercase; } ::-moz-selection { background-color: var(--light_green); color: #000; } ::selection { background-color: var(--light_green); color: #000; } b, strong { font-family: 'Font-Medium'; font-weight: 500; font-style: normal; color: #000; } .max-width { max-width: 1920px; margin: 0 auto; } .medium { font-family: 'Font-Medium'; font-weight: 500; } .regular { font-family: 'Font-Regular'; font-weight: normal; } .force-font p, .force-font span { color: #000 !important; font-family: 'Font-Regular' !important; font-weight: normal !important; font-style: normal !important; font-size: 18px !important; line-height: 22px !important; /*@media all and (max-width: 1160px) { font-size: 14px !important; line-height: 18px !important; }*/ } @media all and (max-width: 1680px) { .force-font p, .force-font span { font-size: 16px !important; line-height: 20px !important; } } .force-font b, .force-font strong { font-family: 'Font-Medium' !important; font-weight: 500 !important; } .force-font b span, .force-font strong span { font-family: 'Font-Medium' !important; font-weight: 500 !important; } .force-font a { color: #fff !important; } .force-font a:hover { color: #000 !important; } .force-font u { text-decoration: none !important; } .force-font h2, .force-font h3 { font-family: 'Font-Medium' !important; font-style: normal !important; font-weight: 500 !important; font-size: 14px !important; line-height: 18px !important; text-transform: uppercase !important; } .force-font em { font-family: 'Font-Medium' !important; font-style: normal !important; font-weight: 500 !important; font-size: 14px !important; line-height: 18px !important; } .img-with-mask { width: 100%; -webkit-mask-size: 100%; mask-size: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .video-with-mask { width: 100%; height: auto; -webkit-mask-size: 100%; mask-size: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .mask-1-lg { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxODgwIDEyODAiIGhlaWdodD0iMTI4MCIgdmlld0JveD0iMCAwIDE4ODAgMTI4MCIgd2lkdGg9IjE4ODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgOTM0LjVjMC01MTYuMSA0MjMuOS05MzQuNSA5NDAtOTM0LjUgNTE2LjEgMCA5NDAgNDE4LjQgOTQwIDkzNC41djM0NS41aC0xODgweiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxODgwIDEyODAiIGhlaWdodD0iMTI4MCIgdmlld0JveD0iMCAwIDE4ODAgMTI4MCIgd2lkdGg9IjE4ODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgOTM0LjVjMC01MTYuMSA0MjMuOS05MzQuNSA5NDAtOTM0LjUgNTE2LjEgMCA5NDAgNDE4LjQgOTQwIDkzNC41djM0NS41aC0xODgweiIvPjwvc3ZnPg==); } .mask-1-md { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); } .mask-1-sm { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMzcwIiBoZWlnaHQ9IjM3MCIgdmlld0JveD0iMCAwIDI5NyAzNzAiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMTQ4LjVjMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41IDgyIDAgMTQ4LjUgNjYuNSAxNDguNSAxNDguNXYyMjEuNWgtMjk3eiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMzcwIiBoZWlnaHQ9IjM3MCIgdmlld0JveD0iMCAwIDI5NyAzNzAiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMTQ4LjVjMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41IDgyIDAgMTQ4LjUgNjYuNSAxNDguNSAxNDguNXYyMjEuNWgtMjk3eiIvPjwvc3ZnPg==); } .mask-2-lg { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxODgwIDEyODAiIGhlaWdodD0iMTI4MCIgdmlld0JveD0iMCAwIDE4ODAgMTI4MCIgd2lkdGg9IjE4ODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMTI4MGgxODgwdi0xMjgwbC05NDAgMzQ3LjUtOTQwLTM0Ny41eiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxODgwIDEyODAiIGhlaWdodD0iMTI4MCIgdmlld0JveD0iMCAwIDE4ODAgMTI4MCIgd2lkdGg9IjE4ODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMTI4MGgxODgwdi0xMjgwbC05NDAgMzQ3LjUtOTQwLTM0Ny41eiIvPjwvc3ZnPg==); } .mask-2-md { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); } .mask-2-sm { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjYyIiBoZWlnaHQ9IjI2MiIgdmlld0JveD0iMCAwIDI5NyAyNjIiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjYyaDI5N3YtMjYybC0xNDguNSA3MS4xLTE0OC41LTcxLjF6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjYyIiBoZWlnaHQ9IjI2MiIgdmlld0JveD0iMCAwIDI5NyAyNjIiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjYyaDI5N3YtMjYybC0xNDguNSA3MS4xLTE0OC41LTcxLjF6Ii8+PC9zdmc+); } .mask-3-lg { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxODgwIDEyMDAiIGhlaWdodD0iMTIwMCIgdmlld0JveD0iMCAwIDE4ODAgMTIwMCIgd2lkdGg9IjE4ODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTk0MCAxMjAwYy01MTkuMSAwLTk0MC0yNjguNi05NDAtNjAwczQyMC45LTYwMCA5NDAtNjAwYzUxOS4yIDAgOTQwIDI2OC42IDk0MCA2MDBzLTQyMC44IDYwMC05NDAgNjAweiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxODgwIDEyMDAiIGhlaWdodD0iMTIwMCIgdmlld0JveD0iMCAwIDE4ODAgMTIwMCIgd2lkdGg9IjE4ODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTk0MCAxMjAwYy01MTkuMSAwLTk0MC0yNjguNi05NDAtNjAwczQyMC45LTYwMCA5NDAtNjAwYzUxOS4yIDAgOTQwIDI2OC42IDk0MCA2MDBzLTQyMC44IDYwMC05NDAgNjAweiIvPjwvc3ZnPg==); } .mask-3-md { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgMzE4IiBoZWlnaHQ9IjMxOCIgdmlld0JveD0iMCAwIDQ1NCAzMTgiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAzMThjLTEyNS40IDAtMjI3LTcxLjItMjI3LTE1OXMxMDEuNi0xNTkgMjI3LTE1OSAyMjcgNzEuMiAyMjcgMTU5LTEwMS42IDE1OS0yMjcgMTU5eiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgMzE4IiBoZWlnaHQ9IjMxOCIgdmlld0JveD0iMCAwIDQ1NCAzMTgiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAzMThjLTEyNS40IDAtMjI3LTcxLjItMjI3LTE1OXMxMDEuNi0xNTkgMjI3LTE1OSAyMjcgNzEuMiAyMjcgMTU5LTEwMS42IDE1OS0yMjcgMTU5eiIvPjwvc3ZnPg==); } .mask-3-sm { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjMyIiBoZWlnaHQ9IjIzMiIgdmlld0JveD0iMCAwIDI5NyAyMzIiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE0OC41IDBjODIgMCAxNDguNSA1MS45IDE0OC41IDExNnMtNjYuNSAxMTYtMTQ4LjUgMTE2LTE0OC41LTUxLjktMTQ4LjUtMTE2IDY2LjUtMTE2IDE0OC41LTExNnoiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjMyIiBoZWlnaHQ9IjIzMiIgdmlld0JveD0iMCAwIDI5NyAyMzIiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE0OC41IDBjODIgMCAxNDguNSA1MS45IDE0OC41IDExNnMtNjYuNSAxMTYtMTQ4LjUgMTE2LTE0OC41LTUxLjktMTQ4LjUtMTE2IDY2LjUtMTE2IDE0OC41LTExNnoiLz48L3N2Zz4=); } .mask-4-md { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); } .mask-4-sm { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgyOTd2Mjk3aC0yOTd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgyOTd2Mjk3aC0yOTd6Ii8+PC9zdmc+); } .mask-5-md { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); } .mask-5-sm { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE0OC41IDBjODIgMCAxNDguNSA2Ni41IDE0OC41IDE0OC41IDAgODItNjYuNSAxNDguNS0xNDguNSAxNDguNS04MiAwLTE0OC41LTY2LjUtMTQ4LjUtMTQ4LjUgMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41eiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE0OC41IDBjODIgMCAxNDguNSA2Ni41IDE0OC41IDE0OC41IDAgODItNjYuNSAxNDguNS0xNDguNSAxNDguNS04MiAwLTE0OC41LTY2LjUtMTQ4LjUtMTQ4LjUgMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41eiIvPjwvc3ZnPg==); } .mask-6-sm { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgNDI4IiBoZWlnaHQ9IjQyOCIgdmlld0JveD0iMCAwIDI5NyA0MjgiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgyOTd2NDI4aC0yOTd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgNDI4IiBoZWlnaHQ9IjQyOCIgdmlld0JveD0iMCAwIDI5NyA0MjgiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgyOTd2NDI4aC0yOTd6Ii8+PC9zdmc+); } .mask-vertical-1 { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MzAgMTA0MCIgaGVpZ2h0PSIxMDQwIiB2aWV3Qm94PSIwIDAgOTMwIDEwNDAiIHdpZHRoPSI5MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDY1YzAtMjU2LjggMjA4LjItNDY1IDQ2NS00NjUgMjU2LjggMCA0NjUgMjA4LjIgNDY1IDQ2NXY1NzVoLTkzMHoiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MzAgMTA0MCIgaGVpZ2h0PSIxMDQwIiB2aWV3Qm94PSIwIDAgOTMwIDEwNDAiIHdpZHRoPSI5MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDY1YzAtMjU2LjggMjA4LjItNDY1IDQ2NS00NjUgMjU2LjggMCA0NjUgMjA4LjIgNDY1IDQ2NXY1NzVoLTkzMHoiLz48L3N2Zz4=); } .mask-vertical-2 { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MzAgMTA0MCIgaGVpZ2h0PSIxMDQwIiB2aWV3Qm94PSIwIDAgOTMwIDEwNDAiIHdpZHRoPSI5MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMTA0MGg5MzB2LTEwNDBsLTQ2NSAyODIuNC00NjUtMjgyLjR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MzAgMTA0MCIgaGVpZ2h0PSIxMDQwIiB2aWV3Qm94PSIwIDAgOTMwIDEwNDAiIHdpZHRoPSI5MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMTA0MGg5MzB2LTEwNDBsLTQ2NSAyODIuNC00NjUtMjgyLjR6Ii8+PC9zdmc+); } .mask-vertical-3 { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MzAgMTA0MCIgaGVpZ2h0PSIxMDQwIiB2aWV3Qm94PSIwIDAgOTMwIDEwNDAiIHdpZHRoPSI5MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNTIwYzAtMjg3LjIgMjA4LjItNTIwIDQ2NS01MjBzNDY1IDIzMi44IDQ2NSA1MjAtMjA4LjIgNTIwLTQ2NSA1MjAtNDY1LTIzMi44LTQ2NS01MjB6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MzAgMTA0MCIgaGVpZ2h0PSIxMDQwIiB2aWV3Qm94PSIwIDAgOTMwIDEwNDAiIHdpZHRoPSI5MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNTIwYzAtMjg3LjIgMjA4LjItNTIwIDQ2NS01MjBzNDY1IDIzMi44IDQ2NSA1MjAtMjA4LjIgNTIwLTQ2NSA1MjAtNDY1LTIzMi44LTQ2NS01MjB6Ii8+PC9zdmc+); } .borders-btn { width: auto; margin: 0 0 0 auto; cursor: pointer; position: relative; } .borders-btn:hover { color: #000; } .borders-btn:hover > div:before, .borders-btn:hover > button:before { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .borders-btn:hover > div:after, .borders-btn:hover > button:after { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } @media all and (max-width: 960px) { .borders-btn:hover > div:before, .borders-btn:hover > button:before { -webkit-transform: none; -ms-transform: none; transform: none; } .borders-btn:hover > div:after, .borders-btn:hover > button:after { -webkit-transform: none; -ms-transform: none; transform: none; } } .borders-btn > div, .borders-btn > button { height: var(--height-1); position: relative; 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; } .borders-btn > div > span, .borders-btn > button > span { line-height: 0; display: block; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .borders-btn > div:before, .borders-btn > button:before { position: absolute; top: 0; left: 0; width: 100%; height: var(--border); background-color: #000; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .borders-btn > div:after, .borders-btn > button:after { position: absolute; bottom: 0; left: 0; width: 100%; height: var(--border); background-color: #000; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } a.borders-btn { display: block; } .page-begin { padding: 118px 20px 0; } .page-begin > .breadcrumbs { margin: 0 0 40px; } @media all and (max-width: 1680px) { .page-begin { padding: 100px 20px 0; } } @media all and (max-width: 1440px) { .page-begin { padding: 94px 20px 0; } } @media all and (max-width: 1160px) { .page-begin { padding: 88px 20px 0; } } @media all and (max-width: 960px) { .page-begin { padding: 68px 10px 0; } .page-begin > .breadcrumbs { margin: 0 0 30px; } } .page-title { margin: 0 0 20px; } .pagination { margin: 0 0 var(--pd-140); } .pagination .pagination__container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: var(--height-1); } .pagination .pagination__container .pages { position: relative; } .pagination .pagination__container .pages:before { content: ''; position: absolute; top: -22px; left: 0; width: 100%; height: var(--border); background-color: #000; } .pagination .pagination__container .pages:after { content: ''; position: absolute; bottom: -22px; left: 0; width: 100%; height: var(--border); background-color: #000; } .pagination .pagination__container .pages__numbers { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination .pagination__container .pages__numbers li { margin: 0 5px; width: 26px; height: 26px; position: relative; } .pagination .pagination__container .pages__numbers li span.current { color: #000; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pagination .pagination__container .pages__numbers li a { position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; } .pagination .pagination__container .pages__numbers li a:hover { color: #000; } .pagination .pagination__container .next, .pagination .pagination__container .prev { width: 76px; } @media all and (max-width: 1680px) { .pagination .pagination__container .next, .pagination .pagination__container .prev { width: 60px; } .pagination .pagination__container .pages:before { top: -17px; } .pagination .pagination__container .pages:after { bottom: -17px; } } @media all and (max-width: 1440px) { .pagination .pagination__container .next, .pagination .pagination__container .prev { width: 53px; } .pagination .pagination__container .pages:before { top: -14px; } .pagination .pagination__container .pages:after { bottom: -14px; } } @media all and (max-width: 1160px) { .pagination .pagination__container .next, .pagination .pagination__container .prev { width: 47px; } .pagination .pagination__container .pages:before { top: -11px; } .pagination .pagination__container .pages:after { bottom: -11px; } } @media all and (max-width: 960px) { .pagination .pagination__container .pages:before { top: -8px; } .pagination .pagination__container .pages:after { bottom: -8px; } } @media all and (max-width: 660px) { .pagination .pagination__container .pages:before { top: -7px; } .pagination .pagination__container .pages:after { bottom: -7px; } } .swiper-pagination { position: absolute; width: auto !important; height: var(--height-1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 77px; } .swiper-pagination:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: var(--border); background-color: #000; } .swiper-pagination:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: var(--border); background-color: #000; } .swiper-pagination span { background-color: transparent; border-radius: 0; border: 0; outline: none; font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; display: inline-block; width: auto; height: auto; color: #fff; -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; opacity: 1; } @media all and (max-width: 1680px) { .swiper-pagination span { font-size: 20px; line-height: 20px; } } @media all and (max-width: 1440px) { .swiper-pagination span { font-size: 18px; line-height: 18px; } } @media all and (max-width: 1160px) { .swiper-pagination span { font-size: 16px; line-height: 16px; } } .swiper-pagination span:hover { color: #000; } .swiper-pagination span.swiper-pagination-bullet-active { color: #000; } @media all and (max-width: 1680px) { .swiper-pagination { min-width: 60px; } } @media all and (max-width: 1440px) { .swiper-pagination { min-width: 53px; } } @media all and (max-width: 1160px) { .swiper-pagination { min-width: 47px; } } ins { text-decoration: none; } @media all and (max-width: 960px) { .breadcrumbs { font-size: 12px; line-height: 16px; } } @media all and (max-width: 660px) { .breadcrumbs { max-width: 90%; display: none; } } .breadcrumbs > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumbs > span span { display: block; } @media all and (max-width: 960px) { .breadcrumbs > span { -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; } } .breadcrumbs .box { display: block; width: 10px; height: 10px; background-color: #fff; margin: 3px 10px 0; } @media all and (max-width: 1160px) { .breadcrumbs .box { margin: 1px 10px 0; } } @media all and (max-width: 960px) { .breadcrumbs .box { -ms-flex-negative: 0; flex-shrink: 0; } } #loader-scene { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background: transparent; pointer-events: none; opacity: 1; } #loader-scene canvas { display: block; width: 100%; height: 100%; } .loader-fade-out { opacity: 1 !important; -webkit-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .loader-scaling { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: -webkit-transform 1s ease-in-out; transition: -webkit-transform 1s ease-in-out; -o-transition: transform 1s ease-in-out; transition: transform 1s ease-in-out; transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out; } #loader-scene { -webkit-transition: opacity 0.1s ease-out; -o-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; } #loader-scene:before { content: ''; display: block; width: 100%; height: 100%; border: 20px solid #d9d9d9; position: absolute; left: 0; top: 0; } @media (max-width: 960px) { #loader-scene:before { border: 10px solid #d9d9d9; } } #loader-scene .loader-title { color: #00a887; position: absolute; line-height: 1; opacity: 1; z-index: 99; text-transform: uppercase; font-weight: bold; bottom: 30px; right: 30px; font-size: 26px; -webkit-transition: opacity 0.75s; -o-transition: opacity 0.75s; transition: opacity 0.75s; } @media (max-width: 1180px) { #loader-scene .loader-title { font-size: 16px; } } @media (max-width: 960px) { #loader-scene .loader-title { right: unset; left: 20px; bottom: 20px; } } .home body { pointer-events: none; opacity: 0; } .home body .home-intro-slider { overflow: hidden; } .home body.for-loader { position: relative; overflow: hidden; } .home body.for-loader:before { content: ''; background-color: var(--deep_green); border: 20px solid var(--gray); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } @media all and (max-width: 960px) { .home body.for-loader:before { border: 10px solid var(--gray); } } .home body.loaded { opacity: 1; } .home body.loaded:before { display: none; } .home body.finished { opacity: 1; overflow-y: auto; overflow-x: hidden; pointer-events: all; } .home body.finished #loader-scene { display: none !important; } .home body.finished .home-intro-slider { overflow: visible; } #header { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; padding: 20px; background: var(--gray); } #header > .flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -10px; } #header.headroom--unpinned { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } #header.headroom--pinned { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } @media all and (max-width: 960px) { #header { padding: 10px; } #header > .flex { margin: 0 -5px; } } #header .lang__tool { margin: 0 20px 0 0; cursor: pointer; -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; } #header .lang__tool:hover { color: #fff; } #header .lang__tool svg { height: 78px; width: auto; max-width: unset; } @media all and (max-width: 1680px) { #header .lang__tool svg { height: var(--height-1); } } @media all and (max-width: 960px) { #header .lang__tool { margin: 0; } #header .lang__tool:hover { color: #000; } } #header .search__tool { margin: 0 20px 0 0; cursor: pointer; -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; } #header .search__tool:hover { color: #fff; } #header .search__tool svg { height: 78px; width: auto; max-width: unset; } @media all and (max-width: 1680px) { #header .search__tool svg { height: var(--height-1); } } @media all and (max-width: 960px) { #header .search__tool { margin: 0; } #header .search__tool:hover { color: #000; } } #header .cart__tool { margin: 0 20px 0 0; } #header .cart__tool a { position: relative; } #header .cart__tool span { position: absolute; top: 2px; left: -13px; width: 24px; height: 24px; background: var(--light_green); 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; } #header .cart__tool svg { height: 78px; width: auto; max-width: unset; } @media all and (max-width: 1680px) { #header .cart__tool svg { height: var(--height-1); } } @media all and (max-width: 1160px) { #header .cart__tool span { top: 0px; left: -15px; width: 20px; height: 20px; } } @media all and (max-width: 960px) { #header .cart__tool { margin: 0; } #header .cart__tool:hover { color: #000; } #header .cart__tool span { top: -7px; left: -13px; width: 18px; height: 18px; } } .header__logo { width: 41.66667%; padding: 0 10px; } .header__logo img { margin: 0 20px 0 0; height: 78px; width: auto; max-width: unset; display: block; } .header__logo a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .header__logo a:hover { color: #000; } @media all and (max-width: 1680px) { .header__logo img { height: var(--height-1); } } @media all and (max-width: 1160px) { .header__logo { width: 30%; } } @media all and (max-width: 960px) { .header__logo { width: calc(100% - 93px); padding: 0 5px; } .header__logo img { margin: 0 10px 0 0; } } .header__search { width: 25%; padding: 0 10px; } .header__search a { display: block; } @media all and (max-width: 1160px) { .header__search { width: 30%; } } @media all and (max-width: 960px) { .header__search { display: none; } } .header__lang { width: 25%; padding: 0 10px; } .header__lang a { display: block; } @media all and (max-width: 1160px) { .header__lang { width: 30%; } } @media all and (max-width: 960px) { .header__lang { display: none; } } .header__shop { width: 25%; padding: 0 10px; } .header__shop a { display: block; } @media all and (max-width: 1160px) { .header__shop { width: 30%; } } @media all and (max-width: 960px) { .header__shop { display: none; } } .open-menu__tool { padding: 0 10px; } @media all and (max-width: 960px) { .open-menu__tool { padding: 0 5px; } } .header__navigation { position: absolute; z-index: 1; background: rgba(217, 217, 217, 0.2); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); top: 0; left: 0; width: 100%; height: calc(var(--vh, 1vh) * 100); opacity: 0; pointer-events: none; -webkit-transition: opacity 0.35s 0.35s; -o-transition: opacity 0.35s 0.35s; transition: opacity 0.35s 0.35s; } .header__navigation a:hover { color: var(--gray); } .header__navigation .header__menu { position: absolute; top: 0; right: 0; height: 100%; width: 41.66667%; background-color: #fff; overflow-y: auto; padding: 20px; scrollbar-color: #000 #fff; scrollbar-width: 4px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .header__navigation .header__menu .close-menu__tool { position: absolute; top: 20px; right: 20px; z-index: 1; } .header__navigation .header__menu > ul > li { margin: 0 0 50px; } .header__navigation .header__menu > ul > li.medium_green .close-level-1:before, .header__navigation .header__menu > ul > li.medium_green .close-level-2:before { background-color: var(--medium_green); } .header__navigation .header__menu > ul > li.medium_green .color { background-color: var(--medium_green); } .header__navigation .header__menu > ul > li.deep_green .close-level-1:before, .header__navigation .header__menu > ul > li.deep_green .close-level-2:before { background-color: var(--deep_green); } .header__navigation .header__menu > ul > li.deep_green .color { background-color: var(--deep_green); } .header__navigation .header__menu > ul > li.light_green .close-level-1:before, .header__navigation .header__menu > ul > li.light_green .close-level-2:before { background-color: var(--light_green); } .header__navigation .header__menu > ul > li.light_green .color { background-color: var(--light_green); } .header__navigation .header__menu > ul > li.blue .close-level-1:before, .header__navigation .header__menu > ul > li.blue .close-level-2:before { background-color: var(--blue); } .header__navigation .header__menu > ul > li.blue .color { background-color: var(--blue); } .header__navigation .header__menu > ul > li.yellow .close-level-1:before, .header__navigation .header__menu > ul > li.yellow .close-level-2:before { background-color: var(--yellow); } .header__navigation .header__menu > ul > li.yellow .color { background-color: var(--yellow); } .header__navigation .header__menu > ul > li.orange .close-level-1:before, .header__navigation .header__menu > ul > li.orange .close-level-2:before { background-color: var(--orange); } .header__navigation .header__menu > ul > li.orange .color { background-color: var(--orange); } .header__navigation .mobile-container { display: none; } @media all and (max-width: 960px) { .header__navigation .mobile-container { display: block; } } .header__navigation .mobile-container .upper { padding: 0 0 10px; border-bottom: 1px solid var(--gray); } .header__navigation .mobile-container .upper > .flex { margin: 0 -5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__navigation .mobile-container .upper > .flex > div { width: 33.33333%; padding: 0 5px; margin: 0 0 10px; } .header__navigation .mobile-container .upper > .flex > div:nth-of-type(4), .header__navigation .mobile-container .upper > .flex > div:nth-of-type(5) { width: 50%; } .header__navigation .mobile-container .upper a { display: block; border: var(--border) solid #000; padding: 10px 2px 12px; text-align: center; } .header__navigation .mobile-container .upper a:hover { color: #000; } .header__navigation .mobile-container .lower { padding: 10px 0 0; } .header__navigation .mobile-container .lower > .flex { margin: 0 -5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__navigation .mobile-container .lower > .flex > div { padding: 0 5px; } .header__navigation .children-level-1 { padding: 0 70px 0 40px; } .header__navigation .children-level-1 > li { margin: 0 0 5px; } .header__navigation .children-level-1 > li:last-of-type { margin: 0; } .header__navigation .children-level-1 .close-level-1, .header__navigation .children-level-1 .close-level-2 { display: none; padding: 11px 0 15px 34px; margin: 0 !important; position: relative; border-bottom: 1px solid var(--gray); } .header__navigation .children-level-1 .close-level-1:before, .header__navigation .children-level-1 .close-level-2:before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 16px; height: 16px; } @media all and (max-width: 960px) { .header__navigation .children-level-1 .close-level-1, .header__navigation .children-level-1 .close-level-2 { display: block; } } .header__navigation .children-level-2 .tab__content { padding: 0 0 0 30px; } .header__navigation .parent { padding: 0 0 0 40px; margin: 0 0 5px; position: relative; } .header__navigation .parent .color { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(calc(-50% + 4px)); -ms-transform: translateY(calc(-50% + 4px)); transform: translateY(calc(-50% + 4px)); width: 24px; height: 24px; } .header__navigation .tab .tab__content { display: none; } .header__navigation .tab .tab__content li { margin: 0 0 5px; } .header__navigation .tab .tab__content li:last-of-type { margin: 0; } .header__navigation .tab .tab__title { cursor: pointer; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; margin: 0 0 5px; } .header__navigation .tab .tab__title:hover { opacity: 0.4; } .header__navigation .for-mobile { display: none; position: absolute; top: 0; left: 0; width: 100%; padding: 10px; } .header__navigation .for-mobile > .flex { margin: 0 -5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__navigation .for-mobile > .flex > div { padding: 0 5px; } @media all and (max-width: 1680px) { .header__navigation .parent { padding: 0 0 0 34px; } .header__navigation .parent .color { width: 18px; height: 18px; -webkit-transform: translateY(calc(-50% + 2px)); -ms-transform: translateY(calc(-50% + 2px)); transform: translateY(calc(-50% + 2px)); } .header__navigation .children-level-1 { padding: 0 70px 0 34px; } } @media all and (max-width: 1440px) { .header__navigation .header__menu { width: 50%; } } @media all and (max-width: 960px) { .header__navigation { 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; padding: 78px 0 0; } .header__navigation .parent .color { width: 16px; height: 16px; -webkit-transform: translateY(calc(-50% + 2px)); -ms-transform: translateY(calc(-50% + 2px)); transform: translateY(calc(-50% + 2px)); } .header__navigation .for-mobile { display: block; } .header__navigation .header__menu { position: static; padding: 0 10px 10px; width: 100%; height: 75vh; overflow-x: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; bottom: 0; top: unset; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .header__navigation .header__menu .close-menu__tool { display: none; } .header__navigation .header__menu .top-menu { position: relative; margin: 0 0 20px; } .header__navigation .header__menu .top-menu:has(.active-submenu) { height: 75%; } .header__navigation .header__menu .top-menu > li { overflow: hidden; margin: 0; border-bottom: 1px solid var(--gray); cursor: pointer; } .header__navigation .header__menu .top-menu > li a { display: block; padding: 11px 0 15px; } .header__navigation .header__menu .top-menu > li .tab__title { padding: 11px 0 15px; } .header__navigation .header__menu .top-menu > li .parent-title { padding: 11px 0 15px; } .header__navigation .header__menu .top-menu > li:first-of-type { padding-top: 0; } .header__navigation .header__menu .top-menu > li .parent { margin: 0; position: relative; } .header__navigation .header__menu .top-menu > li:has(> .children-level-1) .parent:before { position: absolute; content: ''; width: 16px; height: 28px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAxNiAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS40MTQwNiIgeT0iMjguMjg0MiIgd2lkdGg9IjIiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKC0xMzUgMS40MTQwNiAyOC4yODQyKSIgZmlsbD0iYmxhY2siLz4KPHJlY3QgeT0iMS40MTQxOCIgd2lkdGg9IjIiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKC00NSAwIDEuNDE0MTgpIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K); background-size: cover; background-position: center; background-repeat: no-repeat; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .header__navigation .header__menu .children-level-1 { padding: 0; position: absolute; top: 0; left: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); display: none; width: 100%; z-index: 1; height: 100%; background: #fff; overflow-y: auto; } .header__navigation .header__menu .children-level-1.active-submenu { display: block; -webkit-transform: none; -ms-transform: none; transform: none; } .header__navigation .header__menu .children-level-1 > li.menu-item { border-bottom: 1px solid var(--gray); margin: 0; } .header__navigation .header__menu .children-level-2 .tab__title { position: relative; cursor: pointer; margin: 0; } .header__navigation .header__menu .children-level-2 .tab__title:before { position: absolute; content: ''; width: 16px; height: 28px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAxNiAyOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS40MTQwNiIgeT0iMjguMjg0MiIgd2lkdGg9IjIiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKC0xMzUgMS40MTQwNiAyOC4yODQyKSIgZmlsbD0iYmxhY2siLz4KPHJlY3QgeT0iMS40MTQxOCIgd2lkdGg9IjIiIGhlaWdodD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKC00NSAwIDEuNDE0MTgpIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K); background-size: cover; background-position: center; background-repeat: no-repeat; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; } .header__navigation .header__menu .children-level-2 .tab__title:hover { opacity: 1; } .header__navigation .header__menu .children-level-2 .tab__content { padding: 0; position: absolute; top: 0; left: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); display: none; width: 100%; z-index: 2; height: 100%; background: #fff; overflow-y: auto; } .header__navigation .header__menu .children-level-2 .tab__content > li.menu-item { margin: 0; border-bottom: 1px solid var(--gray); } .header__navigation .header__menu .children-level-2 .tab__content.active-submenu { display: block; -webkit-transform: none; -ms-transform: none; transform: none; } } .open-header-menu #header { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .open-header-menu body { overflow: hidden !important; } .open-header-menu .header__navigation { -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; opacity: 1; pointer-events: all; } .open-header-menu .header__navigation .header__menu { -webkit-transition: -webkit-transform 0.35s 0.2s; transition: -webkit-transform 0.35s 0.2s; -o-transition: transform 0.35s 0.2s; transition: transform 0.35s 0.2s; transition: transform 0.35s 0.2s, -webkit-transform 0.35s 0.2s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media all and (max-width: 960px) { .open-header-menu .header__navigation .header__menu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .header__search-container { position: absolute; z-index: 1; background: rgba(217, 217, 217, 0.2); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); top: 0; left: 0; width: 100%; height: calc(var(--vh, 1vh) * 100); opacity: 0; pointer-events: none; -webkit-transition: opacity 0.35s 0.35s; -o-transition: opacity 0.35s 0.35s; transition: opacity 0.35s 0.35s; } .header__search-container > div { position: absolute; top: 0; right: 0; width: 100%; height: 90%; background-color: #fff; overflow-y: auto; padding: 20px; scrollbar-color: #000 #fff; scrollbar-width: var(--border); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-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-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .header__search-container > div .close-search__tool { position: absolute; top: 20px; right: 20px; z-index: 1; } .header__search-container .form-container { padding: 0 25%; margin: auto 0; } .header__search-container .form-container label { display: none !important; } .header__search-container .form-container form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__search-container .form-container input { display: inline-block; width: 91.66667%; font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; border-top: var(--border) solid #000; border-bottom: var(--border) solid #000; height: var(--height-1); margin: 0 20px 0 0; } @media all and (max-width: 1680px) { .header__search-container .form-container input { font-size: 20px; line-height: 20px; } } @media all and (max-width: 1440px) { .header__search-container .form-container input { font-size: 18px; line-height: 18px; } } @media all and (max-width: 1160px) { .header__search-container .form-container input { font-size: 16px; line-height: 16px; } } .header__search-container .form-container input::-webkit-input-placeholder { color: var(--gray); } .header__search-container .form-container input::-moz-placeholder { color: var(--gray); } .header__search-container .form-container input:-ms-input-placeholder { color: var(--gray); } .header__search-container .form-container input:-moz-placeholder { color: var(--gray); } .header__search-container .form-container button svg { height: var(--height-1); width: auto; max-width: unset; } .header__search-container .form-container button:hover { color: var(--gray); } .header__search-container .links-container { margin: 20px 0 0; } .header__search-container .links-container > .flex { margin: 0 -10px; } .header__search-container .links-container .item { width: 25%; padding: 0 10px; text-align: center; } .header__search-container .links-container .item-image { margin: 0 0 5px; padding-top: 100%; height: 0; position: relative; } .header__search-container .links-container img, .header__search-container .links-container video { height: 100%; position: absolute; top: 0; left: 0; } .header__search-container .links-container .col-1 img, .header__search-container .links-container .col-1 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); } .header__search-container .links-container .col-2 img, .header__search-container .links-container .col-2 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); } .header__search-container .links-container .col-3 img, .header__search-container .links-container .col-3 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); } .header__search-container .links-container .col-4 img, .header__search-container .links-container .col-4 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); } .header__search-container .links-container a:hover { color: var(--gray); } @media all and (max-width: 960px) { .header__search-container { background: transparent; -webkit-backdrop-filter: unset; backdrop-filter: unset; -webkit-transition: none; -o-transition: none; transition: none; } .header__search-container > div { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); height: 100%; padding: 10px; } .header__search-container > div .close-search__tool { top: 10px; right: 10px; } .header__search-container .form-container { padding: 0 16.66667%; } } @media all and (max-width: 660px) { .header__search-container .form-container { padding: 0; } .header__search-container .links-container > .flex > div { width: 50%; margin: 0 0 20px; } } .open-search #header { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .open-search body { overflow: hidden !important; } .open-search .header__search-container { -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; opacity: 1; pointer-events: all; } .open-search .header__search-container > div { -webkit-transition: -webkit-transform 0.35s 0.2s; transition: -webkit-transform 0.35s 0.2s; -o-transition: transform 0.35s 0.2s; transition: transform 0.35s 0.2s; transition: transform 0.35s 0.2s, -webkit-transform 0.35s 0.2s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } @media all and (max-width: 960px) { .open-search .header__search-container { -webkit-transition: none; -o-transition: none; transition: none; } .open-search .header__search-container > div { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } } .header__lang-container { position: absolute; z-index: 1; background: rgba(217, 217, 217, 0.2); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); top: 0; left: 0; width: 100%; height: calc(var(--vh, 1vh) * 100); opacity: 0; pointer-events: none; -webkit-transition: opacity 0.35s 0.35s; -o-transition: opacity 0.35s 0.35s; transition: opacity 0.35s 0.35s; } .header__lang-container > div { position: absolute; top: 0; right: 0; width: 100%; background-color: #fff; padding: 20px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .header__lang-container > div > .flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .header__lang-container > div .col-1 svg { height: var(--height-1); width: auto; max-width: unset; } .header__lang-container > div .col-2 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header__lang-container > div .col-2 > .flex > div { padding: 0 10px; } .header__lang-container > div .col-2 > .flex > .disable { pointer-events: none; color: var(--gray); } .header__lang-container > div .col-2 > .flex > .disable > div:before, .header__lang-container > div .col-2 > .flex > .disable > div:after { background-color: var(--gray); } @media all and (max-width: 960px) { .header__lang-container > div { padding: 10px; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); top: unset; bottom: 0; } .header__lang-container > div > .flex { position: static; } .header__lang-container > div .col-1 { width: 15%; } .header__lang-container > div .col-2 { width: 70%; -webkit-transform: none; -ms-transform: none; transform: none; position: static; } .header__lang-container > div .col-2 > .flex { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__lang-container > div .col-2 > .flex > div { margin: 0; padding: 0 5px; } .header__lang-container > div .col-3 { width: 15%; } .header__lang-container > div .col-3 .borders-btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } .open-lang #header { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .open-lang body { overflow: hidden !important; } .open-lang .header__lang-container { -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; opacity: 1; pointer-events: all; } .open-lang .header__lang-container > div { -webkit-transition: -webkit-transform 0.35s 0.2s; transition: -webkit-transform 0.35s 0.2s; -o-transition: transform 0.35s 0.2s; transition: transform 0.35s 0.2s; transition: transform 0.35s 0.2s, -webkit-transform 0.35s 0.2s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #footer { padding: 20px; } @media all and (max-width: 960px) { #footer { padding: 20px 10px; } } #footer .footer-upper { margin: 0 0 30px; } #footer .footer-upper > h2 { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 4.166666vw !important; line-height: 5.2vw !important; letter-spacing: -1px !important; } @media all and (max-width: 960px) { #footer .footer-upper > h2 { font-size: 30px !important; line-height: 38px !important; } } @media all and (max-width: 60px) { #footer .footer-upper > h2 { font-size: 26px !important; line-height: 34px !important; } } #footer .footer-upper label { display: none !important; } #footer .footer-upper input { color: #fff; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 4.166666vw !important; line-height: 5.2vw !important; letter-spacing: -1px !important; padding: 0 !important; border: 0 !important; height: auto !important; } @media all and (max-width: 960px) { #footer .footer-upper input { font-size: 30px !important; line-height: 38px !important; } } @media all and (max-width: 60px) { #footer .footer-upper input { font-size: 26px !important; line-height: 34px !important; } } #footer .footer-upper .gfield_error input[type='email'] { color: #c60c0e; } #footer .footer-upper .gfield_error input[type='email']::-webkit-input-placeholder { color: #c60c0e; } #footer .footer-upper .gfield_error input[type='email']::-moz-placeholder { color: #c60c0e; } #footer .footer-upper .gfield_error input[type='email']:-ms-input-placeholder { color: #c60c0e; } #footer .footer-upper .gfield_error input[type='email']:-moz-placeholder { color: #c60c0e; } #footer .footer-upper input[type='email'] { width: 100%; } #footer .footer-upper input[type='email']::-webkit-input-placeholder { color: #fff; } #footer .footer-upper input[type='email']::-moz-placeholder { color: #fff; } #footer .footer-upper input[type='email']:-ms-input-placeholder { color: #fff; } #footer .footer-upper input[type='email']:-moz-placeholder { color: #fff; } #footer .footer-upper input[type='email']:focus::-webkit-input-placeholder { opacity: 0; } #footer .footer-upper input[type='email']:focus::-moz-placeholder { opacity: 0; } #footer .footer-upper input[type='email']:focus:-ms-input-placeholder { opacity: 0; } #footer .footer-upper input[type='email']:focus:-moz-placeholder { opacity: 0; } #footer .footer-upper input[type='submit'] { margin: 0 0 0 auto; cursor: pointer; } #footer .footer-upper form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #footer .footer-upper .gform_body { width: calc(9 / 12 * 100%); } #footer .footer-upper .gform_footer { margin: 0 0 0 auto; } #footer .footer-upper .gform_confirmation_message { font-family: 'Font-Regular'; font-weight: normal; font-size: 1.770833vw; line-height: 2.083333vw; } @media all and (max-width: 1160px) { #footer .footer-upper .gform_confirmation_message { font-size: 1.896551vw; line-height: 2.155172vw; } } @media all and (max-width: 960px) { #footer .footer-upper .gform_confirmation_message { font-size: 24px; line-height: 29px; } } @media all and (max-width: 660px) { #footer .footer-upper .gform_confirmation_message { font-size: 22px; line-height: 27px; } } @media all and (max-width: 660px) { #footer .footer-upper { /*input { //@include h2; font-size: 6vw !important; line-height: 7.5vw !important; font-family: 'Font-Medium'; font-weight: 500; }*/ } #footer .footer-upper .gform_body { width: 100%; margin: 0 0 10px; } #footer .footer-upper .gform_footer { margin: 0; } } .footer-middle { margin: 0 0 60px; } .footer-middle > .flex { margin: 0 -10px; } .footer-middle > .flex > div { width: 16.66667%; padding: 0 10px; } .footer-middle h4 { margin: 0 0 20px; } .footer-middle a { display: block; padding: 0 0 5px; } @media all and (max-width: 960px) { .footer-middle > .flex { margin: 0 -5px; } .footer-middle > .flex > div { padding: 0 5px; width: 33.33333%; margin: 0 0 20px; } } @media all and (max-width: 660px) { .footer-middle { margin: 0; } .footer-middle a { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .footer-middle > .flex { margin: 0; } .footer-middle > .flex > div { padding: 0; width: 100%; margin: 0 0 30px; } } .footer-lower > .flex { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -10px; } .footer-lower .col-1 { width: 33.33333%; padding: 0 10px; } .footer-lower .col-3 { width: 33.33333%; text-align: right; padding: 0 10px; } .footer-lower .col-2 { width: 33.33333%; text-align: center; padding: 0 10px; } .footer-lower .col-2 > div:first-of-type { margin: 0 0 20px; } .footer-lower .col-2 > div:last-of-type { font-size: 12px; line-height: 16px; } @media all and (max-width: 960px) { .footer-lower > .flex { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .footer-lower .col-2 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; margin: 0 0 60px; } .footer-lower .col-2 > div { padding: 0 25%; } .footer-lower .col-1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 50%; } .footer-lower .col-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 50%; } } @media all and (max-width: 660px) { .footer-lower > .flex { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .footer-lower .col-2 { margin: 0 0 40px; } .footer-lower .col-2 > div { padding: 0; } .footer-lower .col-1 { width: calc(4.5 / 6 * 100%); } .footer-lower .col-3 { text-align: right; width: calc(1.5 / 6 * 100%); } } label { display: none; } input { border: 0; outline: none; border-radius: 0; font-family: 'Font-Medium'; font-weight: 500; font-style: normal; display: block; } button, input[type='submit'] { border: 0; outline: none; border-radius: 0; cursor: pointer; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } button:hover, input[type='submit']:hover { color: #fff; } .gform_submission_error { display: none; } .gfield_validation_message { font-size: 12px; line-height: 16px; margin: 5px 0 0; } .gfield_required_text { display: none; } .gfield_description.instruction { display: none; } .tease-shape-small { overflow: hidden; } .tease-shape-small h2 { -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; } .tease-shape-small .image { overflow: hidden; margin: 0 0 5px; } .tease-shape-small .texts { padding: 10px; background-color: #fff; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .tease-shape-small .texts .upper > .flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tease-shape-small .texts .upper h3 { width: calc(100% - 30px); text-align: center; } .tease-shape-small .texts .upper .color { width: 10px; height: 10px; } .tease-shape-small .texts .upper .color.yellow { background-color: var(--yellow); } .tease-shape-small .texts .upper .color.blue { background-color: var(--blue); } .tease-shape-small .texts .upper .color.deep_green { background-color: var(--deep_green); } .tease-shape-small .texts .upper .color.light_green { background-color: var(--light_green); } .tease-shape-small .texts .upper .color.medium_green { background-color: var(--medium_green); } .tease-shape-small .texts .upper .color.orange { background-color: var(--orange); } .tease-shape-small .texts .lower > h2 { text-align: center; padding: 20px 0; } .tease-shape-small a:hover { color: var(--gray); /*.texts { color: var(--gray); background: var(--deep_green); .color { background: var(--gray); } }*/ } .tease-shape-medium { margin: 0 0 var(--pd-140); height: auto; } .tease-shape-medium > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .tease-shape-medium .image { margin: 0 0 10px; } .tease-shape-medium .image > div { position: relative; height: 0; padding-top: 100%; } .tease-shape-medium img, .tease-shape-medium video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: -webkit-mask-size 0.35s; transition: -webkit-mask-size 0.35s; -o-transition: mask-size 0.35s; transition: mask-size 0.35s; transition: mask-size 0.35s, -webkit-mask-size 0.35s; } .tease-shape-medium h2 { margin: 0 0 10px; } .tease-shape-medium .texts { -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; margin: 0 0 30px; } .tease-shape-medium .texts b, .tease-shape-medium .texts strong { font-family: 'Font-Medium'; font-weight: 500; font-size: 14px; line-height: 18px; } .tease-shape-medium .borders-btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .tease-shape-medium .borders-btn { margin: auto 0 0; pointer-events: none; } .tease-shape-medium a:hover { color: #000; } .tease-shape-medium a:hover img, .tease-shape-medium a:hover video { -webkit-mask-size: 95%; mask-size: 95%; } @media all and (max-width: 660px) { .tease-shape-medium .texts { margin: 0 0 20px; } } .tease--educational_program { width: 16.66667%; height: auto; padding: 0 10px; margin: 0 0 20px; } .tease--educational_program > a { height: 100%; padding: 20px; display: block; background: #fff; } .tease--educational_program > a:hover { opacity: 1; background-color: var(--blue); color: #fff; } .tease--educational_program > a > div { 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; height: 100%; position: relative; min-height: 22.916666vw; text-align: center; } .tease--educational_program .middle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; padding: 0 60px; } .tease--educational_program .middle > div { padding-top: 100%; height: 0; position: relative; } .tease--educational_program .middle > div img { position: absolute; top: 0; left: 0; height: 100%; } @media all and (max-width: 1440px) { .tease--educational_program { width: 20%; } .tease--educational_program > a > div { min-height: 27.083333vw; } .tease--educational_program .middle { padding: 0 30px; } } @media all and (max-width: 1160px) { .tease--educational_program { width: 25%; } .tease--educational_program > a > div { min-height: 30vw; } } @media all and (max-width: 960px) { .tease--educational_program { width: 33.33333%; padding: 0 5px; } .tease--educational_program > a { padding: 10px; } .tease--educational_program > a > div { min-height: 41.66667vw; } .tease--educational_program .middle { padding: 0 60px; } } @media all and (max-width: 660px) { .tease--educational_program { width: 100%; padding: 0; } .tease--educational_program > a { padding: 10px; } .tease--educational_program > a > div { min-height: 80vw; } .tease--educational_program .upper { margin: 0 0 60px; } .tease--educational_program .middle { margin: 0 0 60px; padding: 0 25%; } } .select2-container { width: 100% !important; } .select2-container .select2-selection { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; height: var(--height-1) !important; border-radius: 0; border: 0; border-top: var(--border) solid #fff; border-bottom: var(--border) solid #fff; background-color: transparent; color: #000; } .select2-container .select2-search { display: none !important; } .select2-container .select2-selection--single .select2-selection__rendered { font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; padding: 0 10px; color: #000; margin: 0 0 3px; } @media all and (max-width: 1680px) { .select2-container .select2-selection--single .select2-selection__rendered { font-size: 16px; line-height: 20px; } } .select2-container .select2-selection--single .select2-selection__arrow { width: 24px; height: 13px; background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMjcgMTciIHdpZHRoPSIyNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iNCI+PHBhdGggZD0ibTE0LjMxMjMgMTIuMzEyMyAxMC42MDY3LTEwLjYwNjU1Ii8+PHBhdGggZD0ibTE0LjMxMjMgMTUuMTQwOC0xMi43Mjc4Ny0xMi43Mjc5NSIvPjwvZz48L3N2Zz4=); background-size: cover; background-position: center; background-repeat: no-repeat; top: 50% !important; -webkit-transform: translateY(calc(-50% + 2px)) !important; -ms-transform: translateY(calc(-50% + 2px)) !important; transform: translateY(calc(-50% + 2px)) !important; right: 0 !important; } .select2-container .select2-selection--single .select2-selection__arrow b { display: none !important; } @media all and (max-width: 1160px) { .select2-container .select2-selection--single .select2-selection__arrow { width: 18px; height: 10px; } } @media all and (max-width: 960px) { .select2-container .select2-selection--single .select2-selection__arrow { width: 16px; height: 10px; } } .select2-container .select2-selection--single .select2-selection__placeholder { color: #000; } @media all and (max-width: 1440px) { .select2-container .select2-selection { height: 40px; } } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 14px; } @media all and (max-width: 1440px) { .select2-container--default .select2-selection--single .select2-selection__arrow { top: 4px; } } .select2-container--open .select2-dropdown { border-radius: 0; border: 0; } .select2-container--open .select2-dropdown .select2-results { color: #000; border: var(--border) solid #fff; border-top: 0; } .select2-container--open .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar { width: var(--border); background: #000; } .select2-container--open .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-track { background: #000; } .select2-container--open .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar-thumb { background: #fff; } .select2-container--open .select2-dropdown .select2-results .select2-results__option--selected { color: #000; font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; } @media all and (max-width: 1680px) { .select2-container--open .select2-dropdown .select2-results .select2-results__option--selected { font-size: 16px; line-height: 20px; } } .select2-container--open .select2-dropdown .select2-results .select2-results__option--highlighted { color: #fff !important; font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; } @media all and (max-width: 1680px) { .select2-container--open .select2-dropdown .select2-results .select2-results__option--highlighted { font-size: 16px; line-height: 20px; } } .select2-container--open .select2-dropdown .select2-results .select2-results__option { padding: 0 10px; font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; border-bottom: var(--border) solid #fff; background-color: var(--gray); height: var(--height-1) !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; cursor: pointer; } @media all and (max-width: 1680px) { .select2-container--open .select2-dropdown .select2-results .select2-results__option { font-size: 16px; line-height: 20px; } } .select2-container--open .select2-dropdown .select2-results .select2-results__option:last-of-type { border-bottom: 0; } .woocommerce-pagination ul { 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .woocommerce-pagination ul li:has(.prev) { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 76px; } .woocommerce-pagination ul li:has(.prev):has(a:hover) a { opacity: 1; } .woocommerce-pagination ul li:has(.prev):has(a:hover):before { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .woocommerce-pagination ul li:has(.prev):has(a:hover):after { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } @media all and (max-width: 960px) { .woocommerce-pagination ul li:has(.prev):has(a:hover):before { -webkit-transform: none; -ms-transform: none; transform: none; } .woocommerce-pagination ul li:has(.prev):has(a:hover):after { -webkit-transform: none; -ms-transform: none; transform: none; } } .woocommerce-pagination ul li:has(.prev) a { position: absolute; color: #000; width: 100%; height: 100%; top: 0; left: 0; margin: 0; } .woocommerce-pagination ul li:has(.next) { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 76px; } .woocommerce-pagination ul li:has(.next):has(a:hover) a { opacity: 1; } .woocommerce-pagination ul li:has(.next):has(a:hover):before { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .woocommerce-pagination ul li:has(.next):has(a:hover):after { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } @media all and (max-width: 960px) { .woocommerce-pagination ul li:has(.next):has(a:hover):before { -webkit-transform: none; -ms-transform: none; transform: none; } .woocommerce-pagination ul li:has(.next):has(a:hover):after { -webkit-transform: none; -ms-transform: none; transform: none; } } .woocommerce-pagination ul li:has(.next) a { position: absolute; color: #000; width: 100%; height: 100%; top: 0; left: 0; margin: 0; } .woocommerce-pagination ul li { height: var(--height-1); position: relative; 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; } .woocommerce-pagination ul li:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: var(--border); background-color: #000; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .woocommerce-pagination ul li:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: var(--border); background-color: #000; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .woocommerce-pagination ul li span.current { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #000; font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; width: 26px; height: 100%; margin: 0 5px; } @media all and (max-width: 1680px) { .woocommerce-pagination ul li span.current { font-size: 20px; line-height: 20px; } } @media all and (max-width: 1440px) { .woocommerce-pagination ul li span.current { font-size: 18px; line-height: 18px; } } @media all and (max-width: 1160px) { .woocommerce-pagination ul li span.current { font-size: 16px; line-height: 16px; } } .woocommerce-pagination ul li a { width: 26px; height: 26px; color: #fff; margin: 0 5px; 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; font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; } @media all and (max-width: 1680px) { .woocommerce-pagination ul li a { font-size: 20px; line-height: 20px; } } @media all and (max-width: 1440px) { .woocommerce-pagination ul li a { font-size: 18px; line-height: 18px; } } @media all and (max-width: 1160px) { .woocommerce-pagination ul li a { font-size: 16px; line-height: 16px; } } .woocommerce-pagination ul li a span { font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; } @media all and (max-width: 1680px) { .woocommerce-pagination ul li a span { font-size: 20px; line-height: 20px; } } @media all and (max-width: 1440px) { .woocommerce-pagination ul li a span { font-size: 18px; line-height: 18px; } } @media all and (max-width: 1160px) { .woocommerce-pagination ul li a span { font-size: 16px; line-height: 16px; } } .woocommerce-pagination ul li a:hover { color: #000; } @media all and (max-width: 1680px) { .woocommerce-pagination ul li:has(.prev), .woocommerce-pagination ul li:has(.next) { width: 60px; } } @media all and (max-width: 1440px) { .woocommerce-pagination ul li:has(.prev), .woocommerce-pagination ul li:has(.next) { width: 53px; } } @media all and (max-width: 1160px) { .woocommerce-pagination ul li:has(.prev), .woocommerce-pagination ul li:has(.next) { width: 47px; } } .woocommerce-no-products-found { margin: 0 0 var(--pd-200); font-family: 'Font-Regular'; font-weight: normal; font-size: 1.770833vw; line-height: 2.083333vw; } @media all and (max-width: 1160px) { .woocommerce-no-products-found { font-size: 1.896551vw; line-height: 2.155172vw; } } @media all and (max-width: 960px) { .woocommerce-no-products-found { font-size: 24px; line-height: 29px; } } @media all and (max-width: 660px) { .woocommerce-no-products-found { font-size: 22px; line-height: 27px; } } .woocommerce-notices-wrapper:has(.woocommerce-error), .woocommerce-notices-wrapper:has(.woocommerce-message) { border: var(--border) solid #fff; font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; padding: 16px 20px 20px; margin: 0 0 20px; /*.woocommerce-message { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .woocommerce-error { li { display: block; } }*/ } @media all and (max-width: 1680px) { .woocommerce-notices-wrapper:has(.woocommerce-error), .woocommerce-notices-wrapper:has(.woocommerce-message) { font-size: 16px; line-height: 20px; } } .woocommerce-notices-wrapper:has(.woocommerce-error) a, .woocommerce-notices-wrapper:has(.woocommerce-message) a { color: #fff; } .woocommerce-notices-wrapper:has(.woocommerce-error) a:hover, .woocommerce-notices-wrapper:has(.woocommerce-message) a:hover { color: #000; } .woocommerce-notices-wrapper:has(.woocommerce-error) strong, .woocommerce-notices-wrapper:has(.woocommerce-message) strong { color: #000; } @media all and (max-width: 960px) { .woocommerce-notices-wrapper:has(.woocommerce-error), .woocommerce-notices-wrapper:has(.woocommerce-message) { padding: 10px; } } #billing_address_2_field { display: none !important; } del { font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; } @media all and (max-width: 1680px) { del { font-size: 20px; line-height: 20px; } } @media all and (max-width: 1440px) { del { font-size: 18px; line-height: 18px; } } @media all and (max-width: 1160px) { del { font-size: 16px; line-height: 16px; } } .woocommerce:has(.woocommerce-no-products-found) .price__filter { display: none; } .woocommerce > .woocommerce-message { margin: 0 0 20px; } .woocommerce textarea { width: 100%; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; border: var(--border) solid #fff !important; outline: none; border-radius: 0; padding: 15px 20px; width: 100%; background-color: transparent; margin: 20px 0 0; } @media all and (max-width: 1680px) { .woocommerce textarea { font-size: 16px !important; line-height: 20px !important; } } .woocommerce label { display: block; width: 100%; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; padding: 0 0 10px; display: block; color: #000; } @media all and (max-width: 1680px) { .woocommerce label { font-size: 16px !important; line-height: 20px !important; } } .woocommerce input { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; width: 100% !important; border: var(--border) solid #fff !important; outline: none !important; border-radius: 0 !important; height: var(--height-1) !important; padding: 0 10px !important; cursor: pointer; color: #000 !important; } @media all and (max-width: 1680px) { .woocommerce input { font-size: 16px !important; line-height: 20px !important; } } .password-input { position: relative; } .show-password-input { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 26px; height: 26px; border: 0; outline: none; display: block; } .show-password-input:before { content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMjIgMTQiIHdpZHRoPSIyMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNmZmYiPjxwYXRoIGQ9Im0xMC45OTkzIDFjLTQuNjE1ODkgMC05LjIzMDA3IDQtOS45OTkzIDYgLjY0MTAzIDIgNS4zODM4OSA2IDkuOTk5MyA2IDQuNjE1NCAwIDkuMzU5Ny0zLjcxNDI5IDEwLjAwMDctNi0uNzY5Mi0xLjcxNDI5LTUuMzg0OS02LTEwLjAwMDctNnoiLz48Y2lyY2xlIGN4PSIxMSIgY3k9IjciIHI9IjQiLz48L2c+PC9zdmc+); width: 22px; height: 14px; background-size: cover; background-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .show-password-input.display-password:before { height: 17px; background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMjIgMTciIHdpZHRoPSIyMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTAuOTk5MyAzYy00LjYxNTg5IDAtOS4yMzAwNyA0LTkuOTk5MyA2IC42NDEwMyAyIDUuMzgzODkgNiA5Ljk5OTMgNiA0LjYxNTQgMCA5LjM1OTctMy43MTQzIDEwLjAwMDctNi0uNzY5Mi0xLjcxNDI5LTUuMzg0OS02LTEwLjAwMDctNnoiIHN0cm9rZT0iI2ZmZiIvPjxwYXRoIGQ9Im03IDljMCAyLjIwOTEgMS43OTA4NiA0IDQgNCAxLjEzODggMCAyLjE2NjUtLjQ3NTkgMi44OTUtMS4yMzk3bC01LjcwMjQ5LTUuNjA5NTFjLS43MzYxNS43MjU0My0xLjE5MjUxIDEuNzM0MDMtMS4xOTI1MSAyLjg0OTIxeiIgZmlsbD0iI2ZmZiIvPjxnIHN0cm9rZT0iI2ZmZiI+PHBhdGggZD0ibTE1IDljMC0yLjIwOTE0LTEuNzkwOS00LTQtNG0wIDhjLTIuMjA5MTQgMC00LTEuNzkwOS00LTQgMC0xLjExNTE4LjQ1NjM2LTIuMTIzNzggMS4xOTI1MS0yLjg0OTIxbDUuNzAyNDkgNS42MDk1MWMtLjcyODUuNzYzOC0xLjc1NjIgMS4yMzk3LTIuODk1IDEuMjM5N3oiLz48cGF0aCBkPSJtMyAxIDE2IDE1Ii8+PC9nPjwvc3ZnPg==); } fieldset { border: 0; outline: none; } fieldset legend { margin: 0 0 20px; } .subscription-next-payment small { display: none !important; } .dashboard-wrapper .subscription_details { width: 100%; } .subscription_details .button { margin-bottom: 0 !important; } .variations_form { display: block !important; } .includes_tax { white-space: nowrap !important; display: block; } .wc-block-components-totals-item__description { font-size: 100% !important; } .wcs-recurring-totals-panel__details .wc-block-components-panel__button { font-size: 100% !important; } #password_strength.good { display: none !important; } .block-intro-image.with-breadcrumbs { min-height: 35px; } .block-intro-image { position: relative; } .block-intro-image .breadcrumbs { position: absolute; top: 10px; left: 10px; } .block-intro-image img { width: 100%; } .block-intro-image video { width: 100%; height: auto; } .block-intro-image.with-breadcrumbs { /* &:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 0; }*/ } .block-intro-image.with-breadcrumbs img { z-index: 1; } .block-intro-image.with-breadcrumbs .breadcrumbs { z-index: 2; } .block-intro-shape img { height: 63vw; } .block-intro-shape-2 img, .block-intro-shape-2 video { height: 66.66667vw; } .block-texts-1 .title { margin: 0 0 40px; } .block-texts-1 .texts { margin: 0 0 var(--pd-200); } .block-texts-1 .texts > .flex { margin: 0 -10px; } .block-texts-1 .texts .col-1 { width: 50%; padding: 0 10px; } .block-texts-1 .texts .col-2 { width: 25%; padding: 0 10px; margin: 0 0 0 auto; } .block-texts-1 .texts a { color: #fff; } .block-texts-1 .texts a:hover { color: #000; } @media all and (max-width: 1440px) { .block-texts-1 .texts .col-2 { width: 33.33333%; } } @media all and (max-width: 1160px) { .block-texts-1 .texts .col-2 { width: 41.66667%; } } @media all and (max-width: 960px) { .block-texts-1 .texts > .flex { margin: 0; } .block-texts-1 .texts .col-1 { padding: 0; width: 100%; margin: 0 0 20px; } .block-texts-1 .texts .col-2 { padding: 0; width: 100%; } .block-texts-1 .texts .col-2 > div { padding: 0 41.66667% 0 0; } } @media all and (max-width: 660px) { .block-texts-1 .texts .col-2 > div { padding: 0; } } .block-big-text a { color: #fff; } .block-big-text a:hover { color: #000; } .block-texts-2 { margin: 0 0 60px; } .block-texts-2 .title { margin: 0 0 40px; } .block-texts-2 .block-big-text { margin: 0 0 40px; } .block-texts-2 .block-big-text > div { padding: 0 16.66667% 0 0; font-size: 3.125vw; line-height: 3.385416vw; } .block-texts-2 .texts > .flex { margin: 0 -10px; } .block-texts-2 .texts .col-1 { width: 50%; padding: 0 10px; } .block-texts-2 .texts .col-2 { width: 25%; padding: 0 10px; margin: 0 0 0 auto; } .block-texts-2 .texts img { width: 100%; } @media all and (max-width: 1440px) { .block-texts-2 .texts .col-2 { width: 33.33333%; } } @media all and (max-width: 1160px) { .block-texts-2 .texts .col-2 { width: 41.66667%; } } @media all and (max-width: 960px) { .block-texts-2 .title { margin: 0 0 20px; } .block-texts-2 .block-big-text { margin: 0 0 20px; } .block-texts-2 .block-big-text > div { font-family: 'Font-Regular'; font-weight: normal; font-size: 1.770833vw; line-height: 2.083333vw; padding: 0 8.33333% 0 0; } } @media all and (max-width: 960px) and (max-width: 1160px) { .block-texts-2 .block-big-text > div { font-size: 1.896551vw; line-height: 2.155172vw; } } @media all and (max-width: 960px) and (max-width: 960px) { .block-texts-2 .block-big-text > div { font-size: 24px; line-height: 29px; } } @media all and (max-width: 960px) and (max-width: 660px) { .block-texts-2 .block-big-text > div { font-size: 22px; line-height: 27px; } } @media all and (max-width: 960px) { .block-texts-2 .texts > .flex { margin: 0; } .block-texts-2 .texts .col-1 { padding: 0; width: 100%; margin: 0 0 20px; } .block-texts-2 .texts .col-1 > div { padding: 0 8.33333% 0 0; } .block-texts-2 .texts .col-2 { padding: 0; width: 100%; } .block-texts-2 .texts .col-2 > div { padding: 0 41.66667% 0 0; } } @media all and (max-width: 660px) { .block-texts-2 .block-big-text > div { padding: 0; } .block-texts-2 .texts .col-1 > div { padding: 0; } .block-texts-2 .texts .col-2 > div { padding: 0; } } .block-two-boxes > .flex { margin: 0 -10px; } .block-two-boxes > .flex > div { width: 50%; padding: 0 10px; } .block-two-boxes .col-1 > div { background-color: var(--deep_green); color: var(--light_green); padding: 20px; height: 100%; } .block-two-boxes .col-2 > div { padding-top: 100%; height: 0; position: relative; } .block-two-boxes .col-2 > div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media all and (max-width: 960px) { .block-two-boxes { margin: 0 0 10px; } .block-two-boxes > .flex { margin: 0; } .block-two-boxes > .flex > div { width: 100%; padding: 0; } .block-two-boxes .col-1 { margin: 0 0 10px; } .block-two-boxes .col-1 > div { padding: 20px 20px 120px; } .block-two-boxes .col-2 > div { padding-top: 0; height: auto; } .block-two-boxes .col-2 > div img { position: static; height: auto; } } .block-360 { text-align: center; margin: 0 0 var(--pd-200); } .block-360 .block-title { padding: 0 0 20px; } .block-360 .block-image { padding: 0 33.33333% 20px; } .block-360 .block-image img, .block-360 .block-image video { height: 21vw; } .block-360 .block-text { padding: 0 33.33333% 20px; } .block-360 .block-link a { margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media all and (max-width: 1160px) { .block-360 .block-image { padding: 0 25% 20px; } .block-360 .block-image img, .block-360 .block-image video { height: 31.5vw; } .block-360 .block-text { padding: 0 25% 20px; } } @media all and (max-width: 960px) { .block-360 .block-image { padding: 0 16.66667% 20px; } .block-360 .block-image img, .block-360 .block-image video { height: 42vw; } .block-360 .block-text { padding: 0 16.66667% 20px; } } @media all and (max-width: 660px) { .block-360 .block-image { padding: 0 0 20px; } .block-360 .block-image img, .block-360 .block-image video { height: 63vw; } .block-360 .block-text { padding: 0 0 20px; } } .block-gallery-1 { position: relative; } .block-gallery-1 .gallery-container { position: relative; z-index: 2; height: 45vh; min-height: 860px; width: calc(10 / 12 * 100%); margin: 0 auto; } .block-gallery-1 .gallery-container .gallery-item { position: absolute; } .block-gallery-1 .gallery-container img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; cursor: pointer; } .block-gallery-1 .gallery-container .gallery-item-1 { top: 9.3%; left: 0; width: 10%; } .block-gallery-1 .gallery-container .gallery-item-2 { width: 7.5%; bottom: 13%; left: 10%; } .block-gallery-1 .gallery-container .gallery-item-3 { width: 15%; left: 15%; bottom: 36%; } .block-gallery-1 .gallery-container .gallery-item-4 { top: 5%; left: 30%; width: 10%; } .block-gallery-1 .gallery-container .gallery-item-5 { bottom: 20%; width: 11%; left: 45%; } .block-gallery-1 .gallery-container .gallery-item-6 { top: 9%; right: 25%; width: 20%; } .block-gallery-1 .gallery-container .gallery-item-7 { right: 22.5%; width: 10%; bottom: 41%; } .block-gallery-1 .gallery-container .gallery-item-8 { right: 0; top: 30%; width: 8.5%; } .block-gallery-1 .gallery-container .gallery-item-9 { right: 5%; width: 15%; bottom: 10%; } .block-gallery-1 .gallery-container .gallery-item-10 { top: 5%; right: 15%; width: 5%; } .block-gallery-1 .gallery-container .gallery-item-11 { bottom: 10%; width: 8.5%; right: 32.5%; } .block-gallery-1 .gallery-container .gallery-item-12 { bottom: 7%; width: 11%; left: 28.5%; } .block-gallery-1 .gallery-container .gallery-item-13 { top: 29%; left: 40%; width: 5%; } .block-gallery-1 .gallery-container .gallery-item-14 { left: 5%; width: 5%; top: 50%; } .block-gallery-1 .gallery-container .gallery-item-15 { right: 35%; bottom: 35%; width: 5%; } .block-gallery-1 .gallery-container .gallery-item-16 { top: 35%; left: 50%; width: 5%; } .block-gallery-1 .gallery-container .gallery-item-17 { left: 22.5%; width: 7.5%; top: 23%; } .block-gallery-1 .gallery-container .gallery-item-18 { right: 10%; width: 5%; top: 50%; } .block-gallery-1 .gallery-container .gallery-item-19 { bottom: 30%; left: 35%; width: 8.5%; } .block-gallery-1 .gallery-container .gallery-item-20 { bottom: 0%; right: 25%; width: 5%; } .block-gallery-1 .gallery-container .gallery-item-21 { bottom: 15%; right: 20%; width: 10%; } .block-gallery-1 .gallery-container .gallery-item-22 { bottom: 0; right: 0%; width: 5%; } .block-gallery-1 .gallery-container .gallery-item-23 { top: 0; right: 6%; width: 10%; } .block-gallery-1 .gallery-container .gallery-item-24 { top: 15%; right: 0%; width: 5%; } @media all and (max-width: 1440px) { .block-gallery-1 .gallery-container { min-height: 600px; } } @media all and (max-width: 960px) { .block-gallery-1 .gallery-container { min-height: 500px; } } @media all and (max-width: 660px) { .block-gallery-1 .gallery-container { min-height: 300px; width: 100%; height: 40vh; } .block-gallery-1 .gallery-container .gallery-item-10, .block-gallery-1 .gallery-container .gallery-item-13, .block-gallery-1 .gallery-container .gallery-item-14, .block-gallery-1 .gallery-container .gallery-item-15, .block-gallery-1 .gallery-container .gallery-item-16, .block-gallery-1 .gallery-container .gallery-item-18, .block-gallery-1 .gallery-container .gallery-item-20, .block-gallery-1 .gallery-container .gallery-item-21, .block-gallery-1 .gallery-container .gallery-item-22, .block-gallery-1 .gallery-container .gallery-item-23, .block-gallery-1 .gallery-container .gallery-item-24 { width: 10%; } } .page-mekthesi .mekthesi-gallery, .page-summercamp .mekthesi-gallery, .page-info .mekthesi-gallery { position: relative; } .page-mekthesi .mekthesi-gallery > h2, .page-summercamp .mekthesi-gallery > h2, .page-info .mekthesi-gallery > h2 { margin: 0 0 40px; } .page-mekthesi .mekthesi-gallery .block-gallery-1 h2, .page-summercamp .mekthesi-gallery .block-gallery-1 h2, .page-info .mekthesi-gallery .block-gallery-1 h2 { display: none; } .page-mekthesi .mekthesi-gallery.grid-a-active .block-gallery-1, .page-summercamp .mekthesi-gallery.grid-a-active .block-gallery-1, .page-info .mekthesi-gallery.grid-a-active .block-gallery-1 { display: block; } .page-mekthesi .mekthesi-gallery.grid-a-active .block-gallery-2, .page-summercamp .mekthesi-gallery.grid-a-active .block-gallery-2, .page-info .mekthesi-gallery.grid-a-active .block-gallery-2 { display: none; } .page-mekthesi .mekthesi-gallery.grid-b-active .block-gallery-2, .page-summercamp .mekthesi-gallery.grid-b-active .block-gallery-2, .page-info .mekthesi-gallery.grid-b-active .block-gallery-2 { display: block; } .page-mekthesi .mekthesi-gallery.grid-b-active .block-gallery-1, .page-summercamp .mekthesi-gallery.grid-b-active .block-gallery-1, .page-info .mekthesi-gallery.grid-b-active .block-gallery-1 { display: none; } .page-mekthesi .mekthesi-gallery .block-gallery-2, .page-summercamp .mekthesi-gallery .block-gallery-2, .page-info .mekthesi-gallery .block-gallery-2 { display: none; margin: 0 0 40px; } .page-mekthesi .mekthesi-gallery .block-gallery-2 .gallery-container, .page-summercamp .mekthesi-gallery .block-gallery-2 .gallery-container, .page-info .mekthesi-gallery .block-gallery-2 .gallery-container { height: 45vh; min-height: 860px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-mekthesi .mekthesi-gallery .block-gallery-2 .swiper-slide, .page-summercamp .mekthesi-gallery .block-gallery-2 .swiper-slide, .page-info .mekthesi-gallery .block-gallery-2 .swiper-slide { width: calc(8.33333vw - 10px); } .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-1 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-4 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-10 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-12 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-1 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-4 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-10 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-12 img, .page-info .mekthesi-gallery .block-gallery-2 .height-1 img, .page-info .mekthesi-gallery .block-gallery-2 .height-4 img, .page-info .mekthesi-gallery .block-gallery-2 .height-10 img, .page-info .mekthesi-gallery .block-gallery-2 .height-12 img { height: 8.33333vw; } .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-2 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-6 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-8 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-2 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-6 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-8 img, .page-info .mekthesi-gallery .block-gallery-2 .height-2 img, .page-info .mekthesi-gallery .block-gallery-2 .height-6 img, .page-info .mekthesi-gallery .block-gallery-2 .height-8 img { height: 10vw; } .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-3 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-7 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-3 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-7 img, .page-info .mekthesi-gallery .block-gallery-2 .height-3 img, .page-info .mekthesi-gallery .block-gallery-2 .height-7 img { height: 11.45vw; } .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-5 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-9 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-11 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-5 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-9 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-11 img, .page-info .mekthesi-gallery .block-gallery-2 .height-5 img, .page-info .mekthesi-gallery .block-gallery-2 .height-9 img, .page-info .mekthesi-gallery .block-gallery-2 .height-11 img { height: 5.73vw; } .page-mekthesi .mekthesi-gallery .block-grid-btns > .flex, .page-summercamp .mekthesi-gallery .block-grid-btns > .flex, .page-info .mekthesi-gallery .block-grid-btns > .flex { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media all and (max-width: 1440px) { .page-mekthesi .mekthesi-gallery .block-gallery-2 .gallery-container, .page-summercamp .mekthesi-gallery .block-gallery-2 .gallery-container, .page-info .mekthesi-gallery .block-gallery-2 .gallery-container { min-height: 600px; } } @media all and (max-width: 1160px) { .page-mekthesi .mekthesi-gallery .block-gallery-2 .swiper-slide, .page-summercamp .mekthesi-gallery .block-gallery-2 .swiper-slide, .page-info .mekthesi-gallery .block-gallery-2 .swiper-slide { width: calc(16.66667vw - 10px); } .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-1 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-4 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-10 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-12 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-1 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-4 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-10 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-12 img, .page-info .mekthesi-gallery .block-gallery-2 .height-1 img, .page-info .mekthesi-gallery .block-gallery-2 .height-4 img, .page-info .mekthesi-gallery .block-gallery-2 .height-10 img, .page-info .mekthesi-gallery .block-gallery-2 .height-12 img { height: 16.66667vw; } .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-5 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-9 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-11 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-5 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-9 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-11 img, .page-info .mekthesi-gallery .block-gallery-2 .height-5 img, .page-info .mekthesi-gallery .block-gallery-2 .height-9 img, .page-info .mekthesi-gallery .block-gallery-2 .height-11 img { height: 11vw; } } @media all and (max-width: 960px) { .page-mekthesi .mekthesi-gallery, .page-summercamp .mekthesi-gallery, .page-info .mekthesi-gallery { margin: 0 0 10px; } .page-mekthesi .mekthesi-gallery .block-gallery-2 .swiper-slide, .page-summercamp .mekthesi-gallery .block-gallery-2 .swiper-slide, .page-info .mekthesi-gallery .block-gallery-2 .swiper-slide { width: calc(25vw - 10px); } .page-mekthesi .mekthesi-gallery .block-gallery-2 .gallery-container, .page-summercamp .mekthesi-gallery .block-gallery-2 .gallery-container, .page-info .mekthesi-gallery .block-gallery-2 .gallery-container { min-height: 500px; } .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-1 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-4 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-10 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-12 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-1 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-4 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-10 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-12 img, .page-info .mekthesi-gallery .block-gallery-2 .height-1 img, .page-info .mekthesi-gallery .block-gallery-2 .height-4 img, .page-info .mekthesi-gallery .block-gallery-2 .height-10 img, .page-info .mekthesi-gallery .block-gallery-2 .height-12 img { height: 25vw; } .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-5 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-9 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-11 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-5 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-9 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-11 img, .page-info .mekthesi-gallery .block-gallery-2 .height-5 img, .page-info .mekthesi-gallery .block-gallery-2 .height-9 img, .page-info .mekthesi-gallery .block-gallery-2 .height-11 img { height: 15vw; } .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-2 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-6 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-8 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-2 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-6 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-8 img, .page-info .mekthesi-gallery .block-gallery-2 .height-2 img, .page-info .mekthesi-gallery .block-gallery-2 .height-6 img, .page-info .mekthesi-gallery .block-gallery-2 .height-8 img { height: 12.5vw; } .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-3 img, .page-mekthesi .mekthesi-gallery .block-gallery-2 .height-7 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-3 img, .page-summercamp .mekthesi-gallery .block-gallery-2 .height-7 img, .page-info .mekthesi-gallery .block-gallery-2 .height-3 img, .page-info .mekthesi-gallery .block-gallery-2 .height-7 img { height: 11vw; } } @media all and (max-width: 660px) { .page-mekthesi .mekthesi-gallery .block-gallery-2 .swiper-slide, .page-summercamp .mekthesi-gallery .block-gallery-2 .swiper-slide, .page-info .mekthesi-gallery .block-gallery-2 .swiper-slide { width: calc(33.33333vw - 15px); } .page-mekthesi .mekthesi-gallery .block-gallery-2 .gallery-container, .page-summercamp .mekthesi-gallery .block-gallery-2 .gallery-container, .page-info .mekthesi-gallery .block-gallery-2 .gallery-container { min-height: 300px; } .page-mekthesi .mekthesi-gallery .block-gallery-2 .swiper-slide:nth-of-type(odd) .gallery-item img, .page-summercamp .mekthesi-gallery .block-gallery-2 .swiper-slide:nth-of-type(odd) .gallery-item img, .page-info .mekthesi-gallery .block-gallery-2 .swiper-slide:nth-of-type(odd) .gallery-item img { height: 33.33333vw; } .page-mekthesi .mekthesi-gallery .block-gallery-2 .swiper-slide:nth-of-type(even) .gallery-item img, .page-summercamp .mekthesi-gallery .block-gallery-2 .swiper-slide:nth-of-type(even) .gallery-item img, .page-info .mekthesi-gallery .block-gallery-2 .swiper-slide:nth-of-type(even) .gallery-item img { height: 25vw; } } .block-gallery-2 { margin: 0 0 var(--pd-140); } .block-gallery-2 > h2 { margin: 0 0 20px; } .block-gallery-2 .swiper-slide { width: calc(12vw - 10px); } .block-gallery-2 .swiper-slide img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; cursor: pointer; } .block-gallery-2 .height-1 img, .block-gallery-2 .height-4 img { height: 12.5vw; } .block-gallery-2 .height-2 img, .block-gallery-2 .height-6 img, .block-gallery-2 .height-8 img { height: 15.104166vw; } .block-gallery-2 .height-3 img, .block-gallery-2 .height-7 img { height: 18.229166vw; } .block-gallery-2 .height-5 img { height: 8.072916vw; } @media all and (max-width: 1160px) { .block-gallery-2 .swiper-slide { width: calc(16.66667vw - 10px); } } @media all and (max-width: 960px) { .block-gallery-2 .swiper-slide { width: calc(25vw - 10px); } } @media all and (max-width: 660px) { .block-gallery-2 .swiper-slide { width: calc(33.33333vw - 15px); } .block-gallery-2 .swiper-slide .height-1 img, .block-gallery-2 .swiper-slide .height-3 img, .block-gallery-2 .swiper-slide .height-5 img, .block-gallery-2 .swiper-slide .height-7 img { height: 33.33333vw; } .block-gallery-2 .swiper-slide .height-2 img, .block-gallery-2 .swiper-slide .height-4 img, .block-gallery-2 .swiper-slide .height-6 img { height: 25vw; } } .block-gallery-3 { margin: 0 0 var(--pd-140); } .block-gallery-3 > h2 { margin: 0 0 20px; } .block-gallery-3 .swiper-slide { width: 12vw; } .block-gallery-3 .swiper-slide img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; cursor: pointer; } .block-gallery-3 .height-1 img { height: 12.5vw; } .block-gallery-3 .height-2 img { height: 9.895833vw; } .block-gallery-3 .height-3 img { height: 15.104166vw; } @media all and (max-width: 1160px) { .block-gallery-3 .swiper-slide { width: 16.66667vw; } } @media all and (max-width: 960px) { .block-gallery-3 .swiper-slide { width: 25vw; } } @media all and (max-width: 660px) { .block-gallery-3 { /* .height-1 { img { height: 33.33333vw; } } .height-2 { img { height: 16.66667vw; } } .height-3 { img { height: 14vw; } }*/ } .block-gallery-3 .swiper-slide { width: 50vw; } .block-gallery-3 .swiper-slide:nth-of-type(odd) img { height: 50vw; } .block-gallery-3 .swiper-slide:nth-of-type(even) img { height: 40vw; } } .block-sponsors { margin: 0 0 70px; } .block-sponsors > h2 { margin: 0 0 40px; } .block-sponsors .sponsors-container { margin: 0 0 30px; } .block-sponsors .sponsors-container > .flex { margin: 0 -5px; } .block-sponsors .sponsors-container:last-of-type { margin: 0; } .block-sponsors .top-sponsors .sponsors-container { margin: 0 0 30px; } .block-sponsors .top-sponsors .sponsor-box > div { margin: 0 0 10px; } .block-sponsors .sponsor-box { width: 12.5%; padding: 0 5px; position: relative; margin: 0 0 10px; } .block-sponsors .sponsor-box a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .block-sponsors .sponsor-box > div { border: 1px solid #000; height: 7.2vw; position: relative; } .block-sponsors .sponsor-box > div img { max-width: 80%; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); mix-blend-mode: multiply; } @media all and (max-width: 1440px) { .block-sponsors .sponsor-box { width: 16.66667%; } .block-sponsors .sponsor-box > div { height: 10vw; } } @media all and (max-width: 1160px) { .block-sponsors > h2 { margin: 0 0 20px; } .block-sponsors .sponsor-box { width: 25%; } .block-sponsors .sponsor-box > div { height: 13vw; } } @media all and (max-width: 960px) { .block-sponsors .sponsor-box > div { height: 15vw; } } @media all and (max-width: 660px) { .block-sponsors .sponsor-box { width: 50%; margin: 0 0 20px; } .block-sponsors .sponsor-box > div { height: 25vw; } } .gallery-popup { position: fixed; z-index: 1001; background: rgba(217, 217, 217, 0.2); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); top: 0; left: 0; width: 100%; height: 100vh; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; } .gallery-popup > div { height: 100%; overflow-y: auto; scrollbar-color: #000 #fff; scrollbar-width: 4px; text-align: center; } .gallery-popup > div .close-popup-btn { position: absolute; top: 20px; left: 20px; z-index: 1; cursor: pointer; mix-blend-mode: difference; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .gallery-popup > div .close-popup-btn:hover { -webkit-filter: brightness(0) invert(0.8); filter: brightness(0) invert(0.8); } @media all and (max-width: 960px) { .gallery-popup > div .close-popup-btn { top: 10px; left: 10px; } } .open-gallery-popup body { overflow: hidden; } .open-gallery-popup .gallery-popup { opacity: 1; pointer-events: all; } .block-6-shapes { margin: 0 0 var(--pd-200); } .block-6-shapes .swiper-wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .block-6-shapes .swiper-slide { width: calc(16.66667vw - 30px); height: auto; } .block-6-shapes .img-with-mask, .block-6-shapes .video-with-mask { -webkit-mask-position: bottom; mask-position: bottom; } .block-6-shapes .col-1 .image, .block-6-shapes .col-6 .image, .block-6-shapes .col-8 .image { position: relative; height: 0; padding-top: 100%; } .block-6-shapes .col-1 img, .block-6-shapes .col-1 video, .block-6-shapes .col-6 img, .block-6-shapes .col-6 video, .block-6-shapes .col-8 img, .block-6-shapes .col-8 video { height: 100%; position: absolute; top: 0; left: 0; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgyOTd2Mjk3aC0yOTd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgyOTd2Mjk3aC0yOTd6Ii8+PC9zdmc+); } .block-6-shapes .col-2 .image, .block-6-shapes .col-7 .image { overflow: visible; } .block-6-shapes .col-2 img, .block-6-shapes .col-2 video, .block-6-shapes .col-7 img, .block-6-shapes .col-7 video { height: 20.2vw; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMzcwIiBoZWlnaHQ9IjM3MCIgdmlld0JveD0iMCAwIDI5NyAzNzAiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMTQ4LjVjMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41IDgyIDAgMTQ4LjUgNjYuNSAxNDguNSAxNDguNXYyMjEuNWgtMjk3eiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMzcwIiBoZWlnaHQ9IjM3MCIgdmlld0JveD0iMCAwIDI5NyAzNzAiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMTQ4LjVjMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41IDgyIDAgMTQ4LjUgNjYuNSAxNDguNSAxNDguNXYyMjEuNWgtMjk3eiIvPjwvc3ZnPg==); } .block-6-shapes .col-3 .image { overflow: visible; } .block-6-shapes .col-3 img, .block-6-shapes .col-3 video { height: 14.5vw; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjYyIiBoZWlnaHQ9IjI2MiIgdmlld0JveD0iMCAwIDI5NyAyNjIiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjYyaDI5N3YtMjYybC0xNDguNSA3MS4xLTE0OC41LTcxLjF6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjYyIiBoZWlnaHQ9IjI2MiIgdmlld0JveD0iMCAwIDI5NyAyNjIiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjYyaDI5N3YtMjYybC0xNDguNSA3MS4xLTE0OC41LTcxLjF6Ii8+PC9zdmc+); } .block-6-shapes .col-4 img, .block-6-shapes .col-4 video { height: 22.395833vw; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgNDI4IiBoZWlnaHQ9IjQyOCIgdmlld0JveD0iMCAwIDI5NyA0MjgiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgyOTd2NDI4aC0yOTd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgNDI4IiBoZWlnaHQ9IjQyOCIgdmlld0JveD0iMCAwIDI5NyA0MjgiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgyOTd2NDI4aC0yOTd6Ii8+PC9zdmc+); } .block-6-shapes .col-5 .image { position: relative; height: 0; padding-top: 100%; } .block-6-shapes .col-5 img, .block-6-shapes .col-5 video { height: 100%; position: absolute; top: 0; left: 0; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE0OC41IDBjODIgMCAxNDguNSA2Ni41IDE0OC41IDE0OC41IDAgODItNjYuNSAxNDguNS0xNDguNSAxNDguNS04MiAwLTE0OC41LTY2LjUtMTQ4LjUtMTQ4LjUgMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41eiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE0OC41IDBjODIgMCAxNDguNSA2Ni41IDE0OC41IDE0OC41IDAgODItNjYuNSAxNDguNS0xNDguNSAxNDguNS04MiAwLTE0OC41LTY2LjUtMTQ4LjUtMTQ4LjUgMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41eiIvPjwvc3ZnPg==); } @media all and (max-width: 1440px) { .block-6-shapes .swiper-slide { width: calc(20vw - 25px); } .block-6-shapes .col-3 img, .block-6-shapes .col-3 video { -webkit-transform: none; -ms-transform: none; transform: none; height: 18vw; } .block-6-shapes .col-4 img, .block-6-shapes .col-4 video { height: 29vw; } .block-6-shapes .col-2 img, .block-6-shapes .col-2 video, .block-6-shapes .col-7 img, .block-6-shapes .col-7 video { height: 25.2vw; -webkit-transform: none; -ms-transform: none; transform: none; } } @media all and (max-width: 1160px) { .block-6-shapes .swiper-slide { width: calc(25vw - 25px); } .block-6-shapes .col-2 img, .block-6-shapes .col-2 video, .block-6-shapes .col-7 img, .block-6-shapes .col-7 video { height: 31.4vw; } .block-6-shapes .col-4 img, .block-6-shapes .col-4 video { height: 36vw; } .block-6-shapes .col-3 img, .block-6-shapes .col-3 video { height: 22.35vw; } } @media all and (max-width: 960px) { .block-6-shapes .swiper-slide { width: calc(33.33333vw - 25px); } .block-6-shapes .col-2 img, .block-6-shapes .col-2 video, .block-6-shapes .col-7 img, .block-6-shapes .col-7 video { height: 41.7vw; } .block-6-shapes .col-4 img, .block-6-shapes .col-4 video { height: 48.5vw; } .block-6-shapes .col-3 img, .block-6-shapes .col-3 video { height: 29.6vw; } } @media all and (max-width: 660px) { .block-6-shapes .swiper-slide { width: 75vw; } .block-6-shapes .col-2 img, .block-6-shapes .col-2 video, .block-6-shapes .col-7 img, .block-6-shapes .col-7 video { height: 94.1vw; } .block-6-shapes .col-4 img, .block-6-shapes .col-4 video { height: 108.5vw; } .block-6-shapes .col-3 img, .block-6-shapes .col-3 video { height: 67.1vw; } } .block-4-shapes > h2 { margin: 0 0 20px; } .block-4-shapes > .flex { margin: 0 -10px; } .block-4-shapes > .flex > div { width: 25%; padding: 0 10px; } .block-4-shapes .col-1 img, .block-4-shapes .col-1 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); } .block-4-shapes .col-2 img, .block-4-shapes .col-2 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); } .block-4-shapes .col-3 img, .block-4-shapes .col-3 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); } .block-4-shapes .col-4 img, .block-4-shapes .col-4 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); } @media all and (max-width: 960px) { .block-4-shapes > .flex { margin: 0 -5px; } .block-4-shapes > .flex > div { width: 25%; padding: 0 5px; } } @media all and (max-width: 660px) { .block-4-shapes > .flex { margin: 0; } .block-4-shapes > .flex > div { width: 100%; padding: 0; } } .block-title-link { margin: 0 0 80px; } .block-title-link > .flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .block-title-link a { margin: 20px 0 0; } @media all and (max-width: 1160px) { .block-title-link { margin: 0 0 60px; } } @media all and (max-width: 960px) { .block-title-link { margin: 0 0 40px; } .block-title-link a { margin: 10px 0 0; } } @media all and (max-width: 660px) { .block-title-link { margin: 0 0 40px; } .block-title-link > .flex > div { width: calc(100% - 100px); } } .block-texts-cols-4 > .flex { margin: 0 -10px; } .block-texts-cols-4 > .flex > div { width: 25%; padding: 0 10px; } .block-texts-cols-4 > .flex .col-2 > div, .block-texts-cols-4 > .flex .col-3 > div { padding: 0 30px 0 0; } .block-texts-cols-4 a { color: #fff; } .block-texts-cols-4 a:hover { color: #000; } .block-texts-cols-4 h2, .block-texts-cols-4 h3 { margin: 0 0 20px; font-family: 'Font-Medium'; font-weight: 500; font-size: 14px; line-height: 18px; text-transform: uppercase; } .block-texts-cols-4 ul { margin: 0 0 18px; } .block-texts-cols-4 ul li { position: relative; padding: 0 0 0 20px; margin: 0 0 5px; } .block-texts-cols-4 ul li:before { position: absolute; top: 10px; left: 5px; width: 5px; height: 5px; background-color: #000; border-radius: 50%; content: ''; } @media all and (max-width: 1680px) { .block-texts-cols-4 ul li:before { top: 9px; } } @media all and (max-width: 1440px) { .block-texts-cols-4 > .flex .col-2 > div, .block-texts-cols-4 > .flex .col-3 > div { padding: 0; } } @media all and (max-width: 1160px) { .block-texts-cols-4 > .flex > div { width: 50%; margin: 0 0 60px; } .block-texts-cols-4 > .flex > div.col-2 > div, .block-texts-cols-4 > .flex > div.col-3 > div { padding: 0 40px 0 0; } .block-texts-cols-4 > .flex > div > div { padding: 0 40px 0 0; } } @media all and (max-width: 960px) { .block-texts-cols-4 > .flex > div.col-2 > div, .block-texts-cols-4 > .flex > div.col-3 > div { padding: 0 20px 0 0; } .block-texts-cols-4 > .flex > div > div { padding: 0 20px 0 0; } } @media all and (max-width: 960px) { .block-texts-cols-4 > .flex > div { width: 100%; margin: 0 0 40px; } .block-texts-cols-4 > .flex > div:last-of-type { margin: 0; } .block-texts-cols-4 > .flex > div.col-2 > div, .block-texts-cols-4 > .flex > div.col-3 > div { padding: 0; } .block-texts-cols-4 > .flex > div > div { padding: 0; } } .block-title-two-cols-text { border-bottom: var(--border) solid #fff; margin: 0 0 20px; } .two-cols-text { margin: 0 0 5px; } .two-cols-text > .flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .two-cols-text .col-1 { width: calc(100% - 70px); } .two-cols-text:last-of-type { margin: 0 0 20px; } .block-link-center a { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; } .block-grid-btns > .flex { color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .block-grid-btns > .flex > div { cursor: pointer; -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; } .block-grid-btns > .flex > div:hover { color: #000; } .block-grid-btns > .flex .grid-a-btn { margin: 0 20px 0 0; } .block-grid-btns > .flex > div.active { color: #000; } @media all and (max-width: 1440px) { .block-grid-btns svg { width: 38px; } } @media all and (max-width: 1160px) { .block-grid-btns svg { width: 34px; } } @media all and (max-width: 960px) { .block-grid-btns > .flex .grid-a-btn { margin: 0 10px 0 0; } .block-grid-btns svg { width: 28px; } } .home-intro-slider { position: relative; margin: 0 0 80px; overflow: visible; } .home-intro-slider .swiper-pagination { bottom: 5px; right: 0; top: unset; left: unset; } .home-intro-slider .upper { position: relative; } .home-intro-slider .upper a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .home-intro-slider .lower { padding: 0 8.33333% 0 0; } .home-intro-slider img, .home-intro-slider video { height: calc(100vh - 5.2vw - 138px); min-height: 425px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media all and (max-width: 1680px) { .home-intro-slider img, .home-intro-slider video { height: calc(100vh - 5.2vw - 120px); } .home-intro-slider .swiper-pagination { bottom: 3px; } } @media all and (max-width: 1440px) { .home-intro-slider img, .home-intro-slider video { height: calc(100vh - 5.2vw - 114px); } } @media all and (max-width: 1160px) { .home-intro-slider { margin: 0 0 60px; } .home-intro-slider img, .home-intro-slider video { height: calc(100vh - 5.2vw - 123px); } .home-intro-slider .swiper-pagination { bottom: -15px; } } @media all and (max-width: 960px) { .home-intro-slider img, .home-intro-slider video { height: calc(100vh - 129px); } .home-intro-slider .swiper-pagination { bottom: -13px; } } @media all and (max-width: 660px) { .home-intro-slider img, .home-intro-slider video { height: calc(100vh - 153px); } .home-intro-slider .lower { padding: 0 60px 0 0; } .home-intro-slider .swiper-pagination { bottom: 14px; } } .home-banners { margin: 0 0 var(--pd-200); /* .grid-item-8 { img { transform: translate(-2vw, -2.5vw); } }*/ /* .grid-item-19 { width:11%; .texts { padding:5px; .lower h2 { padding:10px 0; } } }*/ /*@media all and (max-width:1440px) { .grid-item-19 { width:16.66667%; } }*/ /*.grid-item-3, .grid-item-4, .grid-item-12, .grid-item-14 { width: 25%; padding: 0 10px; } .grid-item-2, .grid-item-5, .grid-item-6, .grid-item-7, .grid-item-8, .grid-item-9, .grid-item-10, .grid-item-13, .grid-item-15, .grid-item-16 { width: 16.66667%; padding: 0 10px; }*/ /* .grid-item-11, .grid-item-1 { width: 33.33333%; padding: 0 10px; }*/ } .home-banners .grid { position: relative; margin: 0 -10px; } .home-banners .grid-item { position: absolute; margin: 0 0 20px; width: 25%; padding: 0 10px; } .home-banners .grid-sizer { width: 25%; } .home-banners .tease-shape-small .texts .upper div.h5 { opacity: 0; visibility: hidden; } .home-banners .grid-item-1 .image, .home-banners .grid-item-17 .image { padding-top: 100%; height: 0; position: relative; } .home-banners .grid-item-1 .image img, .home-banners .grid-item-1 .image video, .home-banners .grid-item-17 .image img, .home-banners .grid-item-17 .image video { position: absolute; height: 100%; top: 0; left: 0; } .home-banners .grid-item-2 .tease-post > a, .home-banners .grid-item-15 .tease-post > a { background-color: var(--medium_green); color: var(--light_green); } .home-banners .grid-item-3 .image, .home-banners .grid-item-13 .image { padding-top: 100%; height: 0; position: relative; } .home-banners .grid-item-3 img, .home-banners .grid-item-3 video, .home-banners .grid-item-13 img, .home-banners .grid-item-13 video { position: absolute; top: 0; left: 0; height: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); } .home-banners .grid-item-5 .tease-post > a { background-color: var(--light_green); color: var(--deep_green); } .home-banners .grid-item-7 .image, .home-banners .grid-item-16 .image, .home-banners .grid-item-6 .image { padding-top: 100%; height: 0; position: relative; } .home-banners .grid-item-7 img, .home-banners .grid-item-7 video, .home-banners .grid-item-16 img, .home-banners .grid-item-16 video, .home-banners .grid-item-6 img, .home-banners .grid-item-6 video { position: absolute; top: 0; left: 0; height: 100%; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE0OC41IDBjODIgMCAxNDguNSA2Ni41IDE0OC41IDE0OC41IDAgODItNjYuNSAxNDguNS0xNDguNSAxNDguNS04MiAwLTE0OC41LTY2LjUtMTQ4LjUtMTQ4LjUgMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41eiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE0OC41IDBjODIgMCAxNDguNSA2Ni41IDE0OC41IDE0OC41IDAgODItNjYuNSAxNDguNS0xNDguNSAxNDguNS04MiAwLTE0OC41LTY2LjUtMTQ4LjUtMTQ4LjUgMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41eiIvPjwvc3ZnPg==); } .home-banners .grid-item-9 .tease-post > a { background-color: var(--deep_green); color: var(--light_green); } .home-banners .grid-item-12 img, .home-banners .grid-item-12 video, .home-banners .grid-item-18 img, .home-banners .grid-item-18 video { height: 29.6875vw; -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMzcwIiBoZWlnaHQ9IjM3MCIgdmlld0JveD0iMCAwIDI5NyAzNzAiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMTQ4LjVjMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41IDgyIDAgMTQ4LjUgNjYuNSAxNDguNSAxNDguNXYyMjEuNWgtMjk3eiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMzcwIiBoZWlnaHQ9IjM3MCIgdmlld0JveD0iMCAwIDI5NyAzNzAiIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMTQ4LjVjMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41IDgyIDAgMTQ4LjUgNjYuNSAxNDguNSAxNDguNXYyMjEuNWgtMjk3eiIvPjwvc3ZnPg==); } .home-banners .grid-item-14 img, .home-banners .grid-item-14 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgMzE4IiBoZWlnaHQ9IjMxOCIgdmlld0JveD0iMCAwIDQ1NCAzMTgiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAzMThjLTEyNS40IDAtMjI3LTcxLjItMjI3LTE1OXMxMDEuNi0xNTkgMjI3LTE1OSAyMjcgNzEuMiAyMjcgMTU5LTEwMS42IDE1OS0yMjcgMTU5eiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgMzE4IiBoZWlnaHQ9IjMxOCIgdmlld0JveD0iMCAwIDQ1NCAzMTgiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAzMThjLTEyNS40IDAtMjI3LTcxLjItMjI3LTE1OXMxMDEuNi0xNTkgMjI3LTE1OSAyMjcgNzEuMiAyMjcgMTU5LTEwMS42IDE1OS0yMjcgMTU5eiIvPjwvc3ZnPg==); height: 16.66667vw; } .home-banners .tease-post > a { display: block; padding: 0 20px 20px; } .home-banners .tease-post > a:hover { background-color: #fff; } .home-banners .tease-post .upper div.h1 span { margin: 0 0 0 -7px; display: inline-block; } .home-banners .tease-post .middle { padding: 0 0 6.25vw; } @media all and (max-width: 960px) { .home-banners { /*.grid-item-19 { width:16.66667%; }*/ } .home-banners .grid { margin: 0 -5px; } .home-banners .grid-item-12 img, .home-banners .grid-item-12 video, .home-banners .grid-item-18 img, .home-banners .grid-item-18 video { height: 40vw; } .home-banners .grid-item-14 img, .home-banners .grid-item-14 video { height: 23.1vw; } .home-banners .grid-sizer { width: 33.33333%; } .home-banners .grid-item { padding: 0 5px; width: 33.33333%; } .home-banners .tease-post a { padding: 0 10px 10px; } .home-banners .tease-post .middle { padding: 0 0 12vw; } .home-banners .tease-post .upper div.h1 span { margin: 0; } .home-banners .animal-image { padding: 0 40px; } } @media all and (max-width: 660px) { .home-banners .grid-item { width: 50%; } .home-banners .grid-sizer { width: 50%; } .home-banners .grid-item-12 img, .home-banners .grid-item-18 img { height: 59.5vw; } .home-banners .grid-item-14 img { height: 34.5vw; } } .home-program { margin: 0 0 var(--pd-200); } .home-program > h2 { margin: 0 0 20px; } .home-program .swiper-slide { height: auto; width: 16.6666vw; border-right: var(--border) solid #fff; /*.lower { font-family: 'Font-Medium'; font-weight: 500; font-size: 2.5vw; line-height: 1; letter-spacing: -1px; }*/ } .home-program .swiper-slide > a { 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; height: 100%; padding: 0 20px 0 0; } .home-program .swiper-slide > a:hover { color: #000; } .home-program .swiper-slide > a:hover .upper > h3 { color: #fff; } .home-program .swiper-slide .upper { padding: 0 0 var(--pd-120); } .home-program .swiper-slide .upper > h3 { -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; } .home-program .swiper-slide .lower span { display: inline-block; margin: 0 -0.5vw; } .home-program .swiper-slide .lower.h1 { line-height: 1; } @media all and (max-width: 1440px) { .home-program .swiper-slide { width: 20vw; } } @media all and (max-width: 1160px) { .home-program .swiper-slide { width: 25vw; /*.lower { font-size: 3.5vw; }*/ } } @media all and (max-width: 960px) { .home-program .swiper-slide .upper { padding: 0 0 var(--pd-200); } .home-program .swiper-slide > a { padding: 0 10px 0 0; } .home-program .swiper-slide .lower span { margin: 0 -2px; } } @media all and (max-width: 660px) { .home-program .swiper-slide { width: calc(75vw - 30px); } } .page-home:has(.home-program) .home-banners { margin: 0 0 40px; } .type-post .breadcrumbs .box:nth-last-child(2) { display: none; } .type-post .breadcrumb_last { display: none; } .type-post .block-intro-shape-2 { padding: 0 25%; } .type-post .block-intro-shape-2 > div img { height: auto; -webkit-mask-position: top; mask-position: top; } .type-post .page-title { padding: 0 8.33333%; text-align: center; } .type-post .post-texts { max-width: 1920px; margin: 0 auto var(--pd-200); } .type-post .post-texts ul { margin: 0 0 20px; } .type-post .post-texts ul li { padding: 0 0 0 15px; position: relative; margin: 0 0 5px; } .type-post .post-texts ul li:before { position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background-color: #000; border-radius: 50%; content: ''; } .type-post .post-texts > div { padding: 0 33.33333%; } .type-post .post-texts h2 { text-align: center; margin: 40px 0; } .type-post .post-texts h3 { margin: 40px 0; text-align: center; } .type-post .post-texts p:has(img) { text-align: center; } .type-post .post-gallery { margin: 0 0 var(--pd-200); } @media all and (max-width: 1440px) { .type-post .post-texts > div { padding: 0 25%; } } @media all and (max-width: 960px) { .type-post .block-intro-shape-2 { padding: 0 16.66667%; } .type-post .post-texts > div { padding: 0 16.66667%; } } @media all and (max-width: 660px) { .type-post .page-title { padding: 0; } .type-post .post-texts > div { padding: 0; } .type-post .block-intro-shape-2 { padding: 0; } } .related-posts { margin: 0 0 var(--pd-200); } .related-posts > h2 { margin: 0 0 20px; } .related-posts > .flex { margin: 0 -10px; } .related-posts > .flex > div { width: 25%; padding: 0 10px; } @media all and (max-width: 960px) { .related-posts { margin: 0 0 calc(var(--pd-200) - 40px); } .related-posts > .flex { margin: 0; } .related-posts > .flex > div { width: 50%; padding: 0 5px; margin: 0 0 40px; } } @media all and (max-width: 660px) { .related-posts > .flex > div { width: 100%; } } /*.page-posts { margin: 0 0 calc(var(--pd-200) - 80px); .tease--post { margin: 0 0 80px; } .posts-container { margin: 0 0 calc(var(--pd-200) - var(--pd-140)); > .flex { margin: 0 -10px; > div { width: 25%; padding: 0 10px; } } } @media all and (max-width: 1160px) { margin: 0 0 calc(var(--pd-200) - 60px); .tease--post { margin: 0 0 60px; } } @media all and (max-width: 960px) { .posts-container { > .flex { margin: 0 -5px; > div { width: 33.33333%; padding: 0 5px; } } } } @media all and (max-width: 660px) { .posts-container { > .flex { margin: 0; > div { width: 100%; padding: 0; } } } } }*/ /*.tease--post { .image { margin: 0 0 10px; > div { padding-top: 100%; height: 0; position: relative; img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } } } h2 { margin: 0 0 10px; } .texts { transition: opacity 0.35s; margin: 0 0 30px; } .borders-btn { width: fit-content; } .borders-btn { margin: auto 0 0; pointer-events: none; > div { transition: color 0.35s; } } > a { height: 100%; display: flex; flex-direction: column; } a:hover { opacity: 1; color: #000; .borders-btn > div { color: #fff; } } }*/ .page-posts .posts-container { margin: 0 0 calc(var(--pd-200) - var(--pd-140)); } .page-posts .posts-container > .flex { margin: 0 -10px; } .page-posts .posts-container > .flex > div { width: 25%; padding: 0 10px; } .page-posts .posts-container .col-1 img, .page-posts .posts-container .col-1 video, .page-posts .posts-container .col-7 img, .page-posts .posts-container .col-7 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); } .page-posts .posts-container .col-2 img, .page-posts .posts-container .col-2 video, .page-posts .posts-container .col-8 img, .page-posts .posts-container .col-8 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); } .page-posts .posts-container .col-3 img, .page-posts .posts-container .col-3 video, .page-posts .posts-container .col-5 img, .page-posts .posts-container .col-5 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); } .page-posts .posts-container .col-4 img, .page-posts .posts-container .col-4 video, .page-posts .posts-container .col-6 img, .page-posts .posts-container .col-6 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); } @media all and (max-width: 960px) { .page-posts .posts-container > .flex { margin: 0 -5px; } .page-posts .posts-container > .flex > div { width: 33.33333%; padding: 0 5px; } } @media all and (max-width: 660px) { .page-posts .posts-container > .flex { margin: 0; } .page-posts .posts-container > .flex > div { width: 100%; padding: 0; } } /* .page-search { margin: 0 0 calc(var(--pd-200) - 80px); > h2 { margin: 0 0 40px; } .search-container { > .flex { margin: 0 -10px; > div { width: 25%; padding: 0 10px; } } } @media all and (max-width: 1160px) { margin: 0 0 calc(var(--pd-200) - 60px); } @media all and (max-width: 960px) { .search-container { > .flex { margin: 0 -5px; > div { width: 33.33333%; padding: 0 5px; } } } } @media all and (max-width: 660px) { .search-container { > .flex { margin: 0; > div { width: 100%; padding: 0; } } } } } */ .page-search h1 { margin: 0 0 40px; } .page-search .search-container { margin: 0 0 calc(var(--pd-200) - var(--pd-140)); } .page-search .search-container > .flex { margin: 0 -10px; } .page-search .search-container > .flex > div { width: 25%; padding: 0 10px; } .page-search .search-container .col-1 img, .page-search .search-container .col-1 video, .page-search .search-container .col-7 img, .page-search .search-container .col-7 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); } .page-search .search-container .col-2 img, .page-search .search-container .col-2 video, .page-search .search-container .col-8 img, .page-search .search-container .col-8 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); } .page-search .search-container .col-3 img, .page-search .search-container .col-3 video, .page-search .search-container .col-5 img, .page-search .search-container .col-5 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); } .page-search .search-container .col-4 img, .page-search .search-container .col-4 video, .page-search .search-container .col-6 img, .page-search .search-container .col-6 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); } @media all and (max-width: 960px) { .page-search .search-container > .flex { margin: 0 -5px; } .page-search .search-container > .flex > div { width: 33.33333%; padding: 0 5px; } } @media all and (max-width: 660px) { .page-search .search-container > .flex { margin: 0; } .page-search .search-container > .flex > div { width: 100%; padding: 0; } } .tease--search { margin: 0 0 80px; } .tease--search > a { 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; } .tease--search .image { margin: 0 0 10px; } .tease--search .image > div { padding-top: 100%; height: 0; position: relative; } .tease--search .image > div img, .tease--search .image > div video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .tease--search h2 { margin: 0 0 10px; } .tease--search .texts { -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; margin: 0 0 30px; } .tease--search .borders-btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: auto 0 0; pointer-events: none; } .tease--search .borders-btn > div { -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; } .tease--search a:hover { opacity: 1; color: #000; } .tease--search a:hover .borders-btn > div { color: #fff; } @media all and (max-width: 1160px) { .tease--search { margin: 0 0 60px; } } .mekthesi-tabs { margin: 30px 0 0; } .mekthesi-tabs .tab { padding: 10px 0; border-bottom: var(--border) solid #fff; } .mekthesi-tabs .tab.is-active .tab__title .close { display: block; } .mekthesi-tabs .tab.is-active .tab__title .open { display: none; } .mekthesi-tabs .tab__title { cursor: pointer; } .mekthesi-tabs .tab__title > .flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mekthesi-tabs .tab__title > .flex .close { display: none; } .mekthesi-tabs .tab__content { padding: 10px 0 0; display: none; } .related-6-shapes > h2 { margin: 0 0 40px; } @media all and (max-width: 960px) { .related-6-shapes > h2 { margin: 0 0 20px; } } .single-actions body { background-color: var(--light_green); -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } .single-actions #header { background-color: var(--light_green); -webkit-transition: background-color 0.35s, -webkit-transform 0.35s; transition: background-color 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s, -webkit-transform 0.35s; } .single-actions #header.headroom--unpinned { -webkit-transition: background-color 0.35s, -webkit-transform 0.35s; transition: background-color 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s, -webkit-transform 0.35s; } .single-actions #header.headroom--pinned { -webkit-transition: background-color 0.35s, -webkit-transform 0.35s; transition: background-color 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s, -webkit-transform 0.35s; } .single-actions.change-color #header, .single-actions.change-color body { background-color: var(--gray); } .type-actions:has(.drasi-intro-link) .drasi-intro-text { margin: 0 0 30px; } .type-actions .block-intro-shape-2 { padding: 0 33.33333%; margin: 0 0 20px; } .type-actions .block-intro-shape-2 > div { position: relative; height: 0; padding-top: 100%; } .type-actions .block-intro-shape-2 > div img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-mask-position: top; mask-position: top; } .type-actions .block-link-center { margin: 0 0 var(--pd-140); } .type-actions .block-4-shapes { margin: 0 0 calc(var(--pd-200) - var(--pd-140)); } @media all and (max-width: 1160px) { .type-actions .block-intro-shape-2 { padding: 0 25%; } } @media all and (max-width: 960px) { .type-actions .block-intro-shape-2 { padding: 0 16.66667%; } } @media all and (max-width: 660px) { .type-actions .block-intro-shape-2 { padding: 0; } } .drasi-title { padding: 0 8.33333%; text-align: center; margin: 0 0 40px; } .drasi-intro-text { padding: 0 33.33333%; text-align: center; margin: 0 0 var(--pd-140); } .drasi-intro-text b, .drasi-intro-text strong, .drasi-intro-text h2, .drasi-intro-text h3 { font-family: 'Font-Medium'; font-weight: 500; font-size: 14px; line-height: 18px; text-transform: uppercase; } @media all and (max-width: 960px) { .drasi-intro-text { padding: 0 25%; } } @media all and (max-width: 660px) { .drasi-intro-text { padding: 0; } } .drasi-texts { margin: 0 0 var(--pd-140); } .drasi-texts ul { margin: 0 0 20px; } .drasi-texts ul li { padding: 0 0 0 15px; position: relative; margin: 0 0 5px; } .drasi-texts ul li:before { position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background-color: #000; border-radius: 50%; content: ''; } .drasi-texts__big-text { text-align: center; margin: 0 0 60px; } .drasi-texts__big-text .block-big-text { padding: 0 25%; } @media all and (max-width: 960px) { .drasi-texts__big-text .block-big-text { padding: 0 8.33333%; } } @media all and (max-width: 660px) { .drasi-texts__big-text .block-big-text { padding: 0; } } .drasi-texts__text-1 { padding: 0 33.33333%; margin: 0 0 60px; } @media all and (max-width: 1440px) { .drasi-texts__text-1 { padding: 0 25%; } } @media all and (max-width: 960px) { .drasi-texts__text-1 { padding: 0 16.66667%; } } @media all and (max-width: 660px) { .drasi-texts__text-1 { padding: 0; } } .drasi-texts__text-2 { padding: 0 33.33333%; text-align: center; } .drasi-texts__text-2 b, .drasi-texts__text-2 strong, .drasi-texts__text-2 h2, .drasi-texts__text-2 h3 { font-family: 'Font-Medium'; font-weight: 500; font-size: 14px; line-height: 18px; text-transform: uppercase; } @media all and (max-width: 1160px) { .drasi-texts__text-2 { padding: 0 25%; } } @media all and (max-width: 960px) { .drasi-texts__text-2 { padding: 0 16.66667%; } } @media all and (max-width: 660px) { .drasi-texts__text-2 { padding: 0; } } .page-draseis .draseis-container { margin: 0 0 calc(var(--pd-200) - var(--pd-140)); } .page-draseis .draseis-container > .flex { margin: 0 -10px; } .page-draseis .draseis-container > .flex > div { width: 25%; padding: 0 10px; } .page-draseis .draseis-container .col-1 img, .page-draseis .draseis-container .col-1 video, .page-draseis .draseis-container .col-7 img, .page-draseis .draseis-container .col-7 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); } .page-draseis .draseis-container .col-2 img, .page-draseis .draseis-container .col-2 video, .page-draseis .draseis-container .col-8 img, .page-draseis .draseis-container .col-8 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); } .page-draseis .draseis-container .col-3 img, .page-draseis .draseis-container .col-3 video, .page-draseis .draseis-container .col-5 img, .page-draseis .draseis-container .col-5 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); } .page-draseis .draseis-container .col-4 img, .page-draseis .draseis-container .col-4 video, .page-draseis .draseis-container .col-6 img, .page-draseis .draseis-container .col-6 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); } @media all and (max-width: 960px) { .page-draseis .draseis-container > .flex { margin: 0 -5px; } .page-draseis .draseis-container > .flex > div { width: 33.33333%; padding: 0 5px; } } @media all and (max-width: 660px) { .page-draseis .draseis-container > .flex { margin: 0; } .page-draseis .draseis-container > .flex > div { width: 100%; padding: 0; } } .info-block { margin: 0 0 40px; } .info-block:last-of-type { margin: 0 0 var(--pd-200); } .info-block:has(.block-intro-image + .block-texts-cols-4) .block-intro-image { margin: 0 0 60px; } .info-block .block-big-text { margin: 0 0 60px; } .info-block .block-big-text > div { padding: 0 25% 0 0; } @media all and (max-width: 960px) { .info-block .block-big-text > div { padding: 0 8.33333% 0 0; } } @media all and (max-width: 660px) { .info-block .block-big-text { margin: 0 0 40px; } .info-block .block-big-text > div { padding: 0; } } .page-info h1 { display: none; } .page-info:has(.block-360) .info-block:last-of-type { margin: 0 0 var(--pd-140); } .page-info:has(.block-360) .block-360 { margin: 0 0 var(--pd-200); } .single-educational_program body { background-color: var(--blue); -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } .single-educational_program #header { background-color: var(--blue); -webkit-transition: background-color 0.35s, -webkit-transform 0.35s; transition: background-color 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s, -webkit-transform 0.35s; } .single-educational_program #header.headroom--unpinned { -webkit-transition: background-color 0.35s, -webkit-transform 0.35s; transition: background-color 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s, -webkit-transform 0.35s; } .single-educational_program #header.headroom--pinned { -webkit-transition: background-color 0.35s, -webkit-transform 0.35s; transition: background-color 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s, -webkit-transform 0.35s; } .single-educational_program.change-color #header, .single-educational_program.change-color body { background-color: var(--gray); } .program-popup { position: fixed; z-index: 1; background: rgba(217, 217, 217, 0.2); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); top: 0; left: 0; width: 100%; height: calc(var(--vh, 1vh) * 100); z-index: 1001; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.35s 0.35s; -o-transition: opacity 0.35s 0.35s; transition: opacity 0.35s 0.35s; } .program-popup > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 90%; background-color: var(--blue); overflow-y: auto; padding: 20px; scrollbar-color: #000 #fff; scrollbar-width: 4px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .program-popup .program_field, .program-popup .program_cat_field { display: none !important; } .program-popup .gform_wrapper { padding: 0 25%; margin: auto 0; } .program-popup .gform_confirmation_message { font-family: 'Font-Regular'; font-weight: normal; font-size: 1.770833vw; line-height: 2.083333vw; text-align: center; } @media all and (max-width: 1160px) { .program-popup .gform_confirmation_message { font-size: 1.896551vw; line-height: 2.155172vw; } } @media all and (max-width: 960px) { .program-popup .gform_confirmation_message { font-size: 24px; line-height: 29px; } } @media all and (max-width: 660px) { .program-popup .gform_confirmation_message { font-size: 22px; line-height: 27px; } } .program-popup .gform_fields { margin: 0 -10px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .program-popup .gform_fields > div { width: 50%; padding: 0 10px; margin: 0 0 20px; } .program-popup .gform_fields label { display: block; margin: 0 0 10px; font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; } @media all and (max-width: 1680px) { .program-popup .gform_fields label { font-size: 16px; line-height: 20px; } } .program-popup .gform_fields input { border: var(--border) solid #000; width: 100%; display: block; font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; height: var(--height-1); padding: 0 10px; } @media all and (max-width: 1680px) { .program-popup .gform_fields input { font-size: 16px; line-height: 20px; } } .program-popup input[type='submit'] { font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; text-transform: uppercase; height: var(--height-1); text-align: center; position: relative; display: block; width: 100%; border-top: var(--border) solid #000; border-bottom: var(--border) solid #000; -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; cursor: pointer; } @media all and (max-width: 1680px) { .program-popup input[type='submit'] { font-size: 20px; line-height: 20px; } } @media all and (max-width: 1440px) { .program-popup input[type='submit'] { font-size: 18px; line-height: 18px; } } @media all and (max-width: 1160px) { .program-popup input[type='submit'] { font-size: 16px; line-height: 16px; } } .program-popup input[type='submit']:hover { color: #fff; } .program-popup .gform_footer { position: relative; } .program-popup .gform_ajax_spinner { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: calc(100% + 10px); width: 35px; height: auto; } @media all and (max-width: 1440px) { .program-popup .gform_wrapper { padding: 0 16.66667%; } } @media all and (max-width: 960px) { .program-popup > div { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); padding: 10px; height: 100%; } .program-popup .gform_wrapper { padding: 0 8.33333%; } .program-popup .gform_fields { margin: 0 -5px 40px; } .program-popup .gform_fields > div { padding: 0 5px; } } @media all and (max-width: 660px) { .program-popup .gform_wrapper { padding: 0; } .program-popup .gform_fields { margin: 0 0 40px; } .program-popup .gform_fields > div { width: 100%; padding: 0; } } .open-program-popup body { overflow: hidden; } .open-program-popup .program-popup { -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; opacity: 1; pointer-events: all; } .open-program-popup .program-popup > div { -webkit-transition: -webkit-transform 0.35s 0.2s; transition: -webkit-transform 0.35s 0.2s; -o-transition: transform 0.35s 0.2s; transition: transform 0.35s 0.2s; transition: transform 0.35s 0.2s, -webkit-transform 0.35s 0.2s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .type-educational_program .block-intro-shape-2 { margin: 0 0 20px; } .type-educational_program .block-intro-shape-2 > div { padding: 0 25%; } .type-educational_program .block-intro-shape-2 img { height: 31.5vw; } .type-educational_program .block-link-center { margin: 0 0 60px; text-align: center; } .type-educational_program .block-link-center > div { width: auto; display: inline-block; } .type-educational_program:has(.related-programs) .block-texts { margin: 0 0 var(--pd-140); } .type-educational_program:has(.related-programs) .related-programs { margin: 0 0 var(--pd-200); } @media all and (max-width: 960px) { .type-educational_program .block-intro-shape-2 > div { padding: 0 16.66667%; } .type-educational_program .block-intro-shape-2 > div img { height: 43vw; } } @media all and (max-width: 660px) { .type-educational_program .block-intro-shape-2 > div { padding: 0; } .type-educational_program .block-intro-shape-2 > div img { height: 63vw; } } .program-title { padding: 0 8.33333%; text-align: center; margin: 0 0 40px; } @media all and (max-width: 660px) { .program-title { padding: 0; } } .programm-info-table { margin: 0 0 var(--pd-140); } .programm-info-table > div { padding: 0 33.33333%; } .programm-info-table .row { padding: 20px 0; border-bottom: var(--border) solid #000; } .programm-info-table .row:first-of-type { border-top: var(--border) solid #000; } .programm-info-table .row > .flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 -5px; } .programm-info-table .row > .flex > div { padding: 0 5px; } .programm-info-table .row .col-1 { width: 33.33333%; } .programm-info-table .row .col-2 { width: 66.66667%; } @media all and (max-width: 1440px) { .programm-info-table > div { padding: 0 25%; } } @media all and (max-width: 960px) { .programm-info-table > div { padding: 0 16.66667%; } .programm-info-table .row { padding: 11px 0 14px; } } @media all and (max-width: 660px) { .programm-info-table > div { padding: 0; } } .program-texts { margin: 0 0 var(--pd-200); } .program-texts ul { margin: 0 0 20px; } .program-texts ul li { padding: 0 0 0 15px; position: relative; margin: 0 0 5px; } .program-texts ul li:before { position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background-color: #000; border-radius: 50%; content: ''; } .program-texts__big-text { margin: 0 0 60px; } .program-texts__big-text > div { padding: 0 16.666667%; text-align: center; } @media all and (max-width: 960px) { .program-texts__big-text > div { padding: 0 8.33333%; } } @media all and (max-width: 660px) { .program-texts__big-text > div { padding: 0; } } .program-texts__text-1 { margin: 0 0 60px; } .program-texts__text-1 > div { padding: 0 33.33333%; } @media all and (max-width: 1440px) { .program-texts__text-1 > div { padding: 0 25%; } } @media all and (max-width: 960px) { .program-texts__text-1 > div { padding: 0 16.66667%; } } @media all and (max-width: 660px) { .program-texts__text-1 > div { padding: 0; } } .program-texts__text-2 > div { padding: 0 33.33333%; text-align: center; } .program-texts__text-2 strong, .program-texts__text-2 h3, .program-texts__text-2 h2 { font-family: 'Font-Medium'; font-weight: 500; font-size: 14px; line-height: 18px; } @media all and (max-width: 1160px) { .program-texts__text-2 > div { padding: 0 25%; } } @media all and (max-width: 960px) { .program-texts__text-2 > div { padding: 0 16.66667%; } } @media all and (max-width: 660px) { .program-texts__text-2 > div { padding: 0; } } .related-programs > h2 { margin: 0 0 40px; } .related-programs .swiper-slide { width: calc(16.666667vw - 20px); height: auto; } .related-programs .swiper-slide > div { width: 100%; padding: 0; height: 100%; } .related-programs .swiper-slide:nth-of-type(1) .tease--educational_program img, .related-programs .swiper-slide:nth-of-type(5) .tease--educational_program img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgyOTd2Mjk3aC0yOTd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgyOTd2Mjk3aC0yOTd6Ii8+PC9zdmc+); } .related-programs .swiper-slide:nth-of-type(2) .tease--educational_program img, .related-programs .swiper-slide:nth-of-type(6) .tease--educational_program img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE0OC41IDBjODIgMCAxNDguNSA2Ni41IDE0OC41IDE0OC41IDAgODItNjYuNSAxNDguNS0xNDguNSAxNDguNS04MiAwLTE0OC41LTY2LjUtMTQ4LjUtMTQ4LjUgMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41eiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE0OC41IDBjODIgMCAxNDguNSA2Ni41IDE0OC41IDE0OC41IDAgODItNjYuNSAxNDguNS0xNDguNSAxNDguNS04MiAwLTE0OC41LTY2LjUtMTQ4LjUtMTQ4LjUgMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41eiIvPjwvc3ZnPg==); } .related-programs .swiper-slide:nth-of-type(3) .tease--educational_program img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); } .related-programs .swiper-slide:nth-of-type(4) .tease--educational_program img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); } @media all and (max-width: 1440px) { .related-programs .swiper-slide { width: calc(20vw - 35px); } } @media all and (max-width: 1160px) { .related-programs .swiper-slide { width: calc(25vw - 35px); } } @media all and (max-width: 960px) { .related-programs .swiper-slide { width: calc(33.33333vw - 25px); } } @media all and (max-width: 660px) { .related-programs .swiper-slide { width: calc(50vw - 25px); } } .filters-container > h2 { padding: 0 0 10px; } .filters-container .filter { padding: 0 10px; margin: 0 0 20px; } .filters-container > .flex { margin: 0 -10px; } @media all and (max-width: 960px) { .filters-container .filter { margin: 0 0 10px; padding: 0 5px; } .filters-container .not-filter { padding: 0 5px; } .filters-container > .flex { margin: 0 -5px; } } .categories-container { margin: 0 0 60px; } .categories-container .filter-button { min-width: 190px; border: var(--border) solid #fff; text-align: center; height: var(--height-1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 10px; cursor: pointer; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .categories-container .filter-button:hover { border-color: #fff; background-color: var(--blue); color: #fff; } .categories-container .not-filter { position: relative; padding: 0 10px; } @media all and (max-width: 960px) { .categories-container .not-filter { padding: 0 5px; } } .categories-container .not-filter > .label { min-width: 190px; border: var(--border) solid #fff; text-align: center; height: var(--height-1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 10px; } .categories-container .not-filter .mini-text { font-size: 12px; line-height: 16px; position: absolute; top: calc(100% - 10px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; width: calc(100% - 30px); } @media all and (max-width: 960px) { .categories-container .not-filter .mini-text { top: calc(100% + 5px); width: calc(100% - 10px); } } .categories-container .not-filter:hover .mini-text { opacity: 1; } .categories-container input:checked ~ label { border-color: #fff; background-color: var(--blue); color: #fff; } @media all and (max-width: 960px) { .categories-container { margin: 0 0 80px; } } .age-lang-container { margin: 0 0 60px; } .age-lang-container .filter { width: 16.66667%; margin: 0; } .age-lang-container .filter:nth-child(-n + 6) .filter-button { border-top: var(--border) solid #fff; } .age-lang-container .filter-button { border-bottom: var(--border) solid #fff; height: var(--height-1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 0 40px; position: relative; cursor: pointer; } .age-lang-container .filter-button:before { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 24px; height: 24px; background-color: #fff; } .age-lang-container .filter-button:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 4px; background-color: var(--gray); width: 16px; height: 16px; -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } .age-lang-container input:checked ~ label:after { background-color: var(--blue); } .age-lang-container .all-ages-button:after { background-color: var(--blue); } .age-lang-container .all-ages-button.disabled:after { background-color: var(--gray); } @media all and (max-width: 1440px) { .age-lang-container .filter { width: 20%; } .age-lang-container .filter:nth-child(-n + 6) .filter-button { border-top: 0; } .age-lang-container .filter:nth-child(-n + 5) .filter-button { border-top: var(--border) solid #fff; } } @media all and (max-width: 1160px) { .age-lang-container .filter { width: 25%; } .age-lang-container .filter:nth-child(-n + 5) .filter-button { border-top: 0; } .age-lang-container .filter:nth-child(-n + 4) .filter-button { border-top: var(--border) solid #fff; } } @media all and (max-width: 960px) { .age-lang-container .filter { width: 33.33333%; } .age-lang-container .filter:nth-child(-n + 4) .filter-button { border-top: 0; } .age-lang-container .filter:nth-child(-n + 3) .filter-button { border-top: var(--border) solid #fff; } } @media all and (max-width: 660px) { .age-lang-container .filter { width: 50%; } .age-lang-container .filter:nth-child(-n + 3) .filter-button { border-top: 0; } .age-lang-container .filter:nth-child(-n + 2) .filter-button { border-top: var(--border) solid #fff; } } .programs-choosen-filters { margin: 0 0 var(--pd-140); } .programs-choosen-filters > h2 { padding: 0 0 10px; } .programs-choosen-filters > .flex { margin: 0 -10px; } .programs-choosen-filters > .flex > div { padding: 0 10px; } .programs-choosen-filters > .flex > div a { min-width: 190px; background-color: var(--blue); color: #fff; border: var(--border) solid #fff; text-align: center; height: var(--height-1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 10px; cursor: pointer; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .programs-choosen-filters > .flex > div a:hover { background-color: transparent; color: #000; border-color: #fff; } .programs-choosen-filters > .flex > div a span { margin: -3px 0 0 10px; display: inline-block; } @media all and (max-width: 960px) { .programs-choosen-filters > .flex { margin: 0 -5px; } .programs-choosen-filters > .flex > div { padding: 0 5px; } } .programs-results { margin: 0 0 var(--pd-200); } .programs-results > .upper { margin: 0 0 20px; /*> .flex { align-items: center; justify-content: space-between; }*/ } .programs-results > .upper .block-grid-btns { margin: 0 0 0 auto; } .programs-results > .lower > .flex { margin: 0 -10px; } .programs-results > .lower .tease--educational_program:nth-of-type(1) img, .programs-results > .lower .tease--educational_program:nth-of-type(5) img, .programs-results > .lower .tease--educational_program:nth-of-type(8) img, .programs-results > .lower .tease--educational_program:nth-of-type(10) img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgyOTd2Mjk3aC0yOTd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgyOTd2Mjk3aC0yOTd6Ii8+PC9zdmc+); } .programs-results > .lower .tease--educational_program:nth-of-type(2) img, .programs-results > .lower .tease--educational_program:nth-of-type(6) img, .programs-results > .lower .tease--educational_program:nth-of-type(9) img, .programs-results > .lower .tease--educational_program:nth-of-type(11) img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE0OC41IDBjODIgMCAxNDguNSA2Ni41IDE0OC41IDE0OC41IDAgODItNjYuNSAxNDguNS0xNDguNSAxNDguNS04MiAwLTE0OC41LTY2LjUtMTQ4LjUtMTQ4LjUgMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41eiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOTcgMjk3IiBoZWlnaHQ9IjI5NyIgdmlld0JveD0iMCAwIDI5NyAyOTciIHdpZHRoPSIyOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE0OC41IDBjODIgMCAxNDguNSA2Ni41IDE0OC41IDE0OC41IDAgODItNjYuNSAxNDguNS0xNDguNSAxNDguNS04MiAwLTE0OC41LTY2LjUtMTQ4LjUtMTQ4LjUgMC04MiA2Ni41LTE0OC41IDE0OC41LTE0OC41eiIvPjwvc3ZnPg==); } .programs-results > .lower .tease--educational_program:nth-of-type(3) img, .programs-results > .lower .tease--educational_program:nth-of-type(12) img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); } .programs-results > .lower .tease--educational_program:nth-of-type(4) img, .programs-results > .lower .tease--educational_program:nth-of-type(7) img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); } @media all and (max-width: 960px) { .programs-results .lower > .flex { margin: 0 -5px; } } @media all and (max-width: 660px) { .programs-results > .lower > .flex { margin: 0; } .programs-results > .upper { margin: 0 0 40px; } .programs-results > .upper > .flex { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .programs-results > .upper > .flex > h2 { width: 100%; margin: 0 0 20px; } } .page-programs:has(.pagination) .programs-results { margin: 0 0 var(--pd-140); } .page-programs .pagination { margin: 0 0 var(--pd-200); } .page-programs .page-title { margin: 0 0 80px; } @media all and (max-width: 1160px) { .page-programs .page-title { margin: 0 0 60px; } } .page-template-template-programmata.grid-b .tease--educational_program, .page-template-template-programmata-archive.grid-b .tease--educational_program, .tax-program_category.grid-b .tease--educational_program, .tax-program_age_lang.grid-b .tease--educational_program { width: 50%; } @media all and (min-width: 661px) { .page-template-template-programmata.grid-b .tease--educational_program > a, .page-template-template-programmata-archive.grid-b .tease--educational_program > a, .tax-program_category.grid-b .tease--educational_program > a, .tax-program_age_lang.grid-b .tease--educational_program > a { padding: 10px; } .page-template-template-programmata.grid-b .tease--educational_program > a > div, .page-template-template-programmata-archive.grid-b .tease--educational_program > a > div, .tax-program_category.grid-b .tease--educational_program > a > div, .tax-program_age_lang.grid-b .tease--educational_program > a > div { min-height: unset; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; } .page-template-template-programmata.grid-b .tease--educational_program .upper, .page-template-template-programmata-archive.grid-b .tease--educational_program .upper, .tax-program_category.grid-b .tease--educational_program .upper, .tax-program_age_lang.grid-b .tease--educational_program .upper { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; padding: 0 10px 0 0; margin: 0 0 0 auto; text-align: right; } .page-template-template-programmata.grid-b .tease--educational_program .middle, .page-template-template-programmata-archive.grid-b .tease--educational_program .middle, .tax-program_category.grid-b .tease--educational_program .middle, .tax-program_age_lang.grid-b .tease--educational_program .middle { position: static; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 13.5%; margin: 0 20px 0 0; } .page-template-template-programmata.grid-b .tease--educational_program .lower, .page-template-template-programmata-archive.grid-b .tease--educational_program .lower, .tax-program_category.grid-b .tease--educational_program .lower, .tax-program_age_lang.grid-b .tease--educational_program .lower { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 50%; font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; } } @media all and (min-width: 661px) and (max-width: 1680px) { .page-template-template-programmata.grid-b .tease--educational_program .lower, .page-template-template-programmata-archive.grid-b .tease--educational_program .lower, .tax-program_category.grid-b .tease--educational_program .lower, .tax-program_age_lang.grid-b .tease--educational_program .lower { font-size: 20px; line-height: 20px; } } @media all and (min-width: 661px) and (max-width: 1440px) { .page-template-template-programmata.grid-b .tease--educational_program .lower, .page-template-template-programmata-archive.grid-b .tease--educational_program .lower, .tax-program_category.grid-b .tease--educational_program .lower, .tax-program_age_lang.grid-b .tease--educational_program .lower { font-size: 18px; line-height: 18px; } } @media all and (min-width: 661px) and (max-width: 1160px) { .page-template-template-programmata.grid-b .tease--educational_program .lower, .page-template-template-programmata-archive.grid-b .tease--educational_program .lower, .tax-program_category.grid-b .tease--educational_program .lower, .tax-program_age_lang.grid-b .tease--educational_program .lower { font-size: 16px; line-height: 16px; } } @media all and (max-width: 960px) { .page-template-template-programmata.grid-b .tease--educational_program, .page-template-template-programmata-archive.grid-b .tease--educational_program, .tax-program_category.grid-b .tease--educational_program, .tax-program_age_lang.grid-b .tease--educational_program { width: 100%; } .page-template-template-programmata.grid-b .tease--educational_program .middle, .page-template-template-programmata-archive.grid-b .tease--educational_program .middle, .tax-program_category.grid-b .tease--educational_program .middle, .tax-program_age_lang.grid-b .tease--educational_program .middle { width: 8.33333%; } } @media all and (max-width: 660px) { .page-template-template-programmata.grid-b .tease--educational_program, .page-template-template-programmata-archive.grid-b .tease--educational_program, .tax-program_category.grid-b .tease--educational_program, .tax-program_age_lang.grid-b .tease--educational_program { width: 50%; padding: 0 5px; } .page-template-template-programmata.grid-b .tease--educational_program .middle, .page-template-template-programmata-archive.grid-b .tease--educational_program .middle, .tax-program_category.grid-b .tease--educational_program .middle, .tax-program_age_lang.grid-b .tease--educational_program .middle { padding: 0 25%; width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .page-template-template-programmata.grid-b .tease--educational_program .lower, .page-template-template-programmata-archive.grid-b .tease--educational_program .lower, .tax-program_category.grid-b .tease--educational_program .lower, .tax-program_age_lang.grid-b .tease--educational_program .lower { width: 100%; } } @media all and (max-width: 660px) { .page-template-template-programmata.grid-b .programs-results > .lower > .flex, .page-template-template-programmata-archive.grid-b .programs-results > .lower > .flex, .tax-program_category.grid-b .programs-results > .lower > .flex, .tax-program_age_lang.grid-b .programs-results > .lower > .flex { margin: 0 -5px; } } .page-ecreate .ecreate-tabs { margin: 0 0 var(--pd-200); } .page-ecreate .ecreate-tabs .tab { border-bottom: var(--border) solid #fff; } .page-ecreate .ecreate-tabs .tab:first-of-type { border-top: var(--border) solid #fff; } .page-ecreate .ecreate-tabs .tab.is-active .tab__title .close { display: block; } .page-ecreate .ecreate-tabs .tab.is-active .tab__title .open { display: none; } .page-ecreate .ecreate-tabs .tab__title { cursor: pointer; } .page-ecreate .ecreate-tabs .tab__title > .flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: var(--height-1); } .page-ecreate .ecreate-tabs .tab__title > .flex .close { display: none; } .page-ecreate .ecreate-tabs .tab__title > .flex h3 { width: calc(100% - 20px); } .page-ecreate .ecreate-tabs .tab__title > .flex h3 span { display: inline-block; margin: 0 10px 0 0; width: 50px; } .page-ecreate .ecreate-tabs .tab__content { display: none; padding: 0 0 60px; } .page-ecreate .ecreate-tabs .tab__content > .flex { margin: 0 -10px; } .page-ecreate .ecreate-tabs .tab__content iframe { width: 100%; max-width: 100%; } .page-ecreate .ecreate-tabs .tab__content .left { width: 33.33333%; padding: 0 10px; } .page-ecreate .ecreate-tabs .tab__content .left img { width: 100%; } .page-ecreate .ecreate-tabs .tab__content .right { width: 50%; padding: 0 10px; } .page-ecreate .ecreate-tabs .tab__content .right .texts { margin: 0 -10px 60px; } .page-ecreate .ecreate-tabs .tab__content .right .texts .col-1 { width: 50%; padding: 0 10px; } .page-ecreate .ecreate-tabs .tab__content .right .texts .col-2 { width: 50%; padding: 0 10px; } .page-ecreate .ecreate-tabs .tab__content .right .texts img { width: 100%; } .page-ecreate .ecreate-tabs .tab__content .right .files .file:first-of-type a { border-top: var(--border) solid #fff; } .page-ecreate .ecreate-tabs .tab__content .right .files a { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: var(--border) solid #fff; height: var(--height-1); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-ecreate .ecreate-tabs .tab__content .right .files a:hover { opacity: 1; } .page-ecreate .ecreate-tabs .tab__content .right .files a h3 { width: calc(100% - 20px); } .page-ecreate .ecreate-tabs .tab__content .right .files a > div { line-height: 0; } .page-ecreate .ecreate-tabs .tab__content:has(.left) .right { margin: 0 0 0 auto; } @media all and (max-width: 1440px) { .page-ecreate .ecreate-tabs .tab__content .right { width: 58.33333%; } .page-ecreate .ecreate-tabs svg { width: 18px; } } @media all and (max-width: 1160px) { .page-ecreate .ecreate-tabs .tab__content .right { width: 66.66667%; } .page-ecreate .ecreate-tabs svg { width: 16px; } } @media all and (max-width: 960px) { .page-ecreate .ecreate-tabs .tab__content { padding: 0 0 20px; } .page-ecreate .ecreate-tabs .tab__content > .flex { margin: 0; } .page-ecreate .ecreate-tabs .tab__content .left { width: 100%; padding: 0 25%; margin: 0 0 20px; } .page-ecreate .ecreate-tabs .tab__content .right { width: 100%; padding: 0; } .page-ecreate .ecreate-tabs .tab__content .right .texts { margin: 0 -5px 20px; } .page-ecreate .ecreate-tabs .tab__content .right .texts .col-1 { padding: 0 5px; } .page-ecreate .ecreate-tabs .tab__content .right .texts .col-2 { padding: 0 5px; } } @media all and (max-width: 660px) { .page-ecreate .ecreate-tabs .tab__title > .flex { padding: 10px 0; } .page-ecreate .ecreate-tabs .tab__title > .flex h3 span { margin: 0 10px 0 0; } .page-ecreate .ecreate-tabs .tab__content .left { width: 100%; padding: 0; } .page-ecreate .ecreate-tabs .tab__content .right .texts { margin: 0; } .page-ecreate .ecreate-tabs .tab__content .right .texts .col-1 { padding: 0; width: 100%; margin: 0 0 20px; } .page-ecreate .ecreate-tabs .tab__content .right .texts .col-2 { padding: 0; width: 100%; margin: 0 0 20px; } } .sk-ektheseis { margin: 0 0 var(--pd-140); } .sk-ektheseis > .flex { margin: 0 -10px; } .sk-ektheseis .sk-ekthesi { width: 33.33333%; padding: 0 10px; height: auto; } .sk-ektheseis .sk-ekthesi > a { 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: #fff; padding: 20px; text-align: center; position: relative; } .sk-ektheseis .sk-ekthesi > a:hover { opacity: 1; background-color: var(--yellow); color: #000; } .sk-ektheseis .sk-ekthesi .upper { padding: 0 0 40px; } .sk-ektheseis .sk-ekthesi .middle { padding: 0 80px 40px; margin: auto 0; } .sk-ektheseis .sk-ekthesi .middle > div { padding-top: 65%; height: 0; position: relative; } .sk-ektheseis .sk-ekthesi .middle > div img, .sk-ektheseis .sk-ekthesi .middle > div video { position: absolute; top: 0; left: 0; height: 100%; } .sk-ektheseis .sk-ekthesi .lower { padding: 0 80px 40px; } .sk-ektheseis .sk-ekthesi .subtitle { min-width: 250px; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: var(--yellow); text-align: center; padding: 6px 15px; } @media all and (max-width: 1440px) { .sk-ektheseis .sk-ekthesi .lower { padding: 0 0 40px; } .sk-ektheseis .sk-ekthesi .subtitle { font-size: 12px; line-height: 16px; } } @media all and (max-width: 1160px) { .sk-ektheseis .sk-ekthesi .middle { padding: 0 30px 40px; } } @media all and (max-width: 960px) { .sk-ektheseis > .flex { margin: 0 -5px; } .sk-ektheseis .sk-ekthesi { width: 50%; padding: 0 5px; margin: 0 0 20px; } .sk-ektheseis .sk-ekthesi > a { padding: 10px; } .sk-ektheseis .sk-ekthesi .subtitle { min-width: calc(100% - 20px); } .sk-ektheseis .sk-ekthesi .middle { padding: 0 60px 40px; } } @media all and (max-width: 660px) { .sk-ektheseis > .flex { margin: 0; } .sk-ektheseis .sk-ekthesi { width: 100%; padding: 0; } .sk-ektheseis .sk-ekthesi .middle { padding: 0 25% 20px; } } .sk-tainies-1 { margin: 0 0 var(--pd-140); } .sk-tainies-1 > .flex { margin: 0 -10px; } .sk-tainies-1 .sk-tainia { width: 25%; padding: 0 10px; height: auto; margin: 0 0 20px; } .sk-tainies-1 .sk-tainia > div, .sk-tainies-1 .sk-tainia > a { background: #fff; padding: 20px; text-align: center; 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; } .sk-tainies-1 .sk-tainia > a { display: block; } .sk-tainies-1 .sk-tainia > a:hover { color: #000; background-color: var(--yellow); } .sk-tainies-1 .sk-tainia > a:hover .info > .flex { border-bottom-color: #000; } .sk-tainies-1 .sk-tainia > a:hover .info > .flex:first-of-type { border-top-color: #000; } .sk-tainies-1 .sk-tainia .title { padding: 0 20px; margin: 0 0 20px; } .sk-tainies-1 .sk-tainia .img { padding: 0 100px; margin: auto 0 10px; } .sk-tainies-1 .sk-tainia .img > div { padding-top: 100%; height: 0; position: relative; } .sk-tainies-1 .sk-tainia .img > div img, .sk-tainies-1 .sk-tainia .img > div video { position: absolute; top: 0; left: 0; height: 100%; } .sk-tainies-1 .sk-tainia .short-desc { padding: 0 60px; margin: 0 0 10px; } .sk-tainies-1 .sk-tainia .info { padding: 0 40px 50px; margin: auto 0 0; } .sk-tainies-1 .sk-tainia .info > .flex { border-bottom: var(--border) solid var(--gray); -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: var(--height-1); text-align: left; -webkit-transition: border-color 0.35s; -o-transition: border-color 0.35s; transition: border-color 0.35s; } .sk-tainies-1 .sk-tainia .info > .flex h4, .sk-tainies-1 .sk-tainia .info > .flex div { width: 50%; } .sk-tainies-1 .sk-tainia .info > .flex:first-of-type { border-top: var(--border) solid var(--gray); } .sk-tainies-1 .sk-tainia .subtitle { width: 280px; max-width: 100%; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: var(--yellow); text-align: center; padding: 6px 15px; } @media all and (max-width: 1440px) { .sk-tainies-1 .sk-tainia .title { padding: 0; } .sk-tainies-1 .sk-tainia .img { padding: 0 40px; } .sk-tainies-1 .sk-tainia .short-desc { padding: 0; } .sk-tainies-1 .sk-tainia .info { padding: 0 0 50px; } .sk-tainies-1 .sk-tainia .subtitle { font-size: 12px; line-height: 16px; width: 240px; } } @media all and (max-width: 1160px) { .sk-tainies-1 .sk-tainia { width: 33.33333%; } } @media all and (max-width: 960px) { .sk-tainies-1 > .flex { margin: 0 -5px; } .sk-tainies-1 .sk-tainia { width: 50%; margin: 0 0 20px; padding: 0 5px; } .sk-tainies-1 .sk-tainia > div, .sk-tainies-1 .sk-tainia > a { padding: 10px; } .sk-tainies-1 .sk-tainia .subtitle { min-width: calc(100% - 20px); } .sk-tainies-1 .sk-tainia .img { padding: 0 60px; margin: auto 0 20px; } .sk-tainies-1 .sk-tainia .info { padding: 0 0 50px; } .sk-tainies-1 .sk-tainia .info > .flex { padding: 10px 0; } .sk-tainies-1 .sk-tainia .info > .flex h4, .sk-tainies-1 .sk-tainia .info > .flex div { width: 100%; } } @media all and (max-width: 660px) { .sk-tainies-1 > .flex { margin: 0; } .sk-tainies-1 .sk-tainia { width: 100%; padding: 0; } .sk-tainies-1 .sk-tainia .img { padding: 0 25%; } } .sk-tainies-2 { margin: 0 0 var(--pd-200); } .sk-tainies-2 > .flex { margin: 0 -10px; } .sk-tainies-2 .sk-tainia { width: 25%; padding: 0 10px; height: auto; } .sk-tainies-2 .sk-tainia > div, .sk-tainies-2 .sk-tainia > a { background: #fff; padding: 20px; text-align: center; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .sk-tainies-2 .sk-tainia > a { display: block; } .sk-tainies-2 .sk-tainia > a:hover { color: #000; background-color: var(--yellow); } .sk-tainies-2 .sk-tainia > a:hover .info > .flex { border-bottom-color: #000; } .sk-tainies-2 .sk-tainia > a:hover .info > .flex:first-of-type { border-top-color: #000; } .sk-tainies-2 .sk-tainia .title { padding: 0 20px; margin: 0 0 20px; } .sk-tainies-2 .sk-tainia .img { padding: 0 33.33333%; margin: auto 0 20px; } .sk-tainies-2 .sk-tainia .img img { width: 100%; } .sk-tainies-2 .sk-tainia .info { padding: 0 40px 50px; margin: auto 0 0; } .sk-tainies-2 .sk-tainia .info > .flex { border-bottom: var(--border) solid var(--gray); -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: var(--height-1); text-align: left; -webkit-transition: border-color 0.35s; -o-transition: border-color 0.35s; transition: border-color 0.35s; } .sk-tainies-2 .sk-tainia .info > .flex h4, .sk-tainies-2 .sk-tainia .info > .flex div { width: 50%; } .sk-tainies-2 .sk-tainia .info > .flex:first-of-type { border-top: var(--border) solid var(--gray); } .sk-tainies-2 .sk-tainia .short-desc { padding: 0 60px; margin: 0 0 10px; } .sk-tainies-2 .sk-tainia .subtitle { width: 280px; max-width: 100%; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: var(--yellow); text-align: center; padding: 6px 15px; } @media all and (max-width: 1440px) { .sk-tainies-2 .sk-tainia .title { padding: 0; } .sk-tainies-2 .sk-tainia .img { padding: 0 60px; } .sk-tainies-2 .sk-tainia .info { padding: 0 0 50px; } .sk-tainies-2 .sk-tainia .subtitle { font-size: 12px; line-height: 16px; width: 240px; } .sk-tainies-2 .sk-tainia .short-desc { padding: 0; } } @media all and (max-width: 1160px) { .sk-tainies-2 .sk-tainia { width: 33.33333%; } } @media all and (max-width: 960px) { .sk-tainies-2 > .flex { margin: 0 -5px; } .sk-tainies-2 .sk-tainia { width: 50%; padding: 0 5px; margin: 0 0 20px; } .sk-tainies-2 .sk-tainia > div, .sk-tainies-2 .sk-tainia > a { padding: 10px; } .sk-tainies-2 .sk-tainia .subtitle { min-width: calc(100% - 20px); } .sk-tainies-2 .sk-tainia .info > .flex { padding: 10px 0; } .sk-tainies-2 .sk-tainia .info > .flex > div, .sk-tainies-2 .sk-tainia .info > .flex > h4 { width: 100%; } .sk-tainies-2 .sk-tainia .img { margin: auto 0 20px; } } @media all and (max-width: 660px) { .sk-tainies-2 > .flex { margin: 0; } .sk-tainies-2 .sk-tainia { width: 100%; padding: 0; } .sk-tainies-2 .sk-tainia .img { padding: 0 25%; } } .page-template-template-summercamp body { background-color: var(--yellow); -webkit-transition: background-color 0.75s; -o-transition: background-color 0.75s; transition: background-color 0.75s; } .page-template-template-summercamp #header { background-color: var(--yellow); -webkit-transition: background-color 0.35s, -webkit-transform 0.35s; transition: background-color 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s, -webkit-transform 0.35s; } .page-template-template-summercamp #header.headroom--unpinned { -webkit-transition: background-color 0.35s, -webkit-transform 0.35s; transition: background-color 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s, -webkit-transform 0.35s; } .page-template-template-summercamp #header.headroom--pinned { -webkit-transition: background-color 0.35s, -webkit-transform 0.35s; transition: background-color 0.35s, -webkit-transform 0.35s; -o-transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s; transition: transform 0.35s, background-color 0.35s, -webkit-transform 0.35s; } .page-template-template-summercamp.change-color #header, .page-template-template-summercamp.change-color body { background-color: var(--gray); } .page-summercamp .block-intro-shape-2 { padding: 0 33.33333%; margin: 0 0 20px; } .page-summercamp .block-intro-shape-2 > div { position: relative; height: 0; padding-top: 100%; } .page-summercamp .block-intro-shape-2 > div img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .page-summercamp .block-4-shapes .col-1 img, .page-summercamp .block-4-shapes .col-1 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); } .page-summercamp .block-4-shapes .col-2 img, .page-summercamp .block-4-shapes .col-2 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); } .page-summercamp .block-4-shapes .col-3 img, .page-summercamp .block-4-shapes .col-3 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); } .page-summercamp .block-4-shapes .col-4 img, .page-summercamp .block-4-shapes .col-4 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgMzE4IiBoZWlnaHQ9IjMxOCIgdmlld0JveD0iMCAwIDQ1NCAzMTgiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAzMThjLTEyNS40IDAtMjI3LTcxLjItMjI3LTE1OXMxMDEuNi0xNTkgMjI3LTE1OSAyMjcgNzEuMiAyMjcgMTU5LTEwMS42IDE1OS0yMjcgMTU5eiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgMzE4IiBoZWlnaHQ9IjMxOCIgdmlld0JveD0iMCAwIDQ1NCAzMTgiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAzMThjLTEyNS40IDAtMjI3LTcxLjItMjI3LTE1OXMxMDEuNi0xNTkgMjI3LTE1OSAyMjcgNzEuMiAyMjcgMTU5LTEwMS42IDE1OS0yMjcgMTU5eiIvPjwvc3ZnPg==); } @media all and (max-width: 1160px) { .page-summercamp .block-intro-shape-2 { padding: 0 25%; } } @media all and (max-width: 960px) { .page-summercamp .block-intro-shape-2 { padding: 0 16.66667%; } } @media all and (max-width: 660px) { .page-summercamp .block-intro-shape-2 { padding: 0; } } .summercamp-title { padding: 0 25%; text-align: center; margin: 0 0 40px; } @media all and (max-width: 960px) { .summercamp-title { padding: 0 8.33333%; } } @media all and (max-width: 660px) { .summercamp-title { padding: 0; } } .summercamp-texts { margin: 0 0 var(--pd-140); } .summercamp-texts a { color: var(--blue); } .summercamp-texts a:hover { color: #000; opacity: 1; } .summercamp-texts__big-text { text-align: center; margin: 0 0 60px; } .summercamp-texts__big-text .block-big-text { padding: 0 25%; } @media all and (max-width: 960px) { .summercamp-texts__big-text .block-big-text { padding: 0 8.33333%; } } @media all and (max-width: 660px) { .summercamp-texts__big-text .block-big-text { padding: 0; } } .summercamp-texts__text-1 { padding: 0 33.33333%; margin: 0 0 var(--pd-140); text-align: center; } .summercamp-texts__text-1 b, .summercamp-texts__text-1 strong, .summercamp-texts__text-1 h2, .summercamp-texts__text-1 h3 { font-family: 'Font-Medium'; font-weight: 500; font-size: 14px; line-height: 18px; text-transform: uppercase; } @media all and (max-width: 960px) { .summercamp-texts__text-1 { padding: 0 25%; } } @media all and (max-width: 660px) { .summercamp-texts__text-1 { padding: 0; } } .summercamp-texts__text-2 { padding: 0 33.33333%; } .summercamp-texts__text-2 b, .summercamp-texts__text-2 strong, .summercamp-texts__text-2 h2, .summercamp-texts__text-2 h3 { font-family: 'Font-Medium'; font-weight: 500; font-size: 14px; line-height: 18px; text-transform: uppercase; } .summercamp-texts__text-2 ul { margin: 0 0 18px; } .summercamp-texts__text-2 ul li { position: relative; padding: 0 0 0 20px; margin: 0 0 5px; } .summercamp-texts__text-2 ul li:before { position: absolute; top: 10px; left: 5px; width: 5px; height: 5px; background-color: #000; border-radius: 50%; content: ''; } @media all and (max-width: 1680px) { .summercamp-texts__text-2 ul li:before { top: 9px; } } @media all and (max-width: 1440px) { .summercamp-texts__text-2 { padding: 0 25%; } } @media all and (max-width: 960px) { .summercamp-texts__text-2 { padding: 0 16.66667%; } } @media all and (max-width: 660px) { .summercamp-texts__text-2 { padding: 0; } } .summercamp-sponsors { margin: 0 0 var(--pd-140); } .page-summercamps .summercamps-container > .flex { margin: 0 -10px; } .page-summercamps .summercamps-container > .flex > div { width: 25%; padding: 0 10px; } .page-summercamps .summercamps-container .col-1 img, .page-summercamps .summercamps-container .col-1 video, .page-summercamps .summercamps-container .col-7 img, .page-summercamps .summercamps-container .col-7 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); } .page-summercamps .summercamps-container .col-2 img, .page-summercamps .summercamps-container .col-2 video, .page-summercamps .summercamps-container .col-8 img, .page-summercamps .summercamps-container .col-8 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); } .page-summercamps .summercamps-container .col-3 img, .page-summercamps .summercamps-container .col-3 video, .page-summercamps .summercamps-container .col-5 img, .page-summercamps .summercamps-container .col-5 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); } .page-summercamps .summercamps-container .col-4 img, .page-summercamps .summercamps-container .col-4 video, .page-summercamps .summercamps-container .col-6 img, .page-summercamps .summercamps-container .col-6 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgMzE4IiBoZWlnaHQ9IjMxOCIgdmlld0JveD0iMCAwIDQ1NCAzMTgiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAzMThjLTEyNS40IDAtMjI3LTcxLjItMjI3LTE1OXMxMDEuNi0xNTkgMjI3LTE1OSAyMjcgNzEuMiAyMjcgMTU5LTEwMS42IDE1OS0yMjcgMTU5eiIvPjwvc3ZnPg==); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgMzE4IiBoZWlnaHQ9IjMxOCIgdmlld0JveD0iMCAwIDQ1NCAzMTgiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAzMThjLTEyNS40IDAtMjI3LTcxLjItMjI3LTE1OXMxMDEuNi0xNTkgMjI3LTE1OSAyMjcgNzEuMiAyMjcgMTU5LTEwMS42IDE1OS0yMjcgMTU5eiIvPjwvc3ZnPg==); } @media all and (max-width: 960px) { .page-summercamps .summercamps-container > .flex { margin: 0 -5px; } .page-summercamps .summercamps-container > .flex > div { width: 33.33333%; padding: 0 5px; } } @media all and (max-width: 660px) { .page-summercamps .summercamps-container > .flex { margin: 0; } .page-summercamps .summercamps-container > .flex > div { width: 100%; padding: 0; } } .idrytes-anadromh { margin: 0 0 var(--pd-140); } .idrytes-anadromh > h2 { margin: 0 0 20px; } .idrytes-anadromh .anadromh-slider .swiper-slide { width: 25vw; height: auto; border-right: var(--border) solid #fff; } .idrytes-anadromh .anadromh-slider .swiper-slide > div { padding: 0 20px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .idrytes-anadromh .anadromh-slider .swiper-slide .upper { padding: 0 0 var(--pd-140); } .idrytes-anadromh .anadromh-slider .swiper-slide .lower { margin: auto 0 0; } .idrytes-anadromh .anadromh-slider .swiper-slide .lower > .flex { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .idrytes-anadromh .anadromh-slider .swiper-slide .lower .col-1 { width: 40%; } .idrytes-anadromh .anadromh-slider .swiper-slide .lower .col-1 h3 { position: relative; padding: 0 0 0 20px; margin: 0 0 10px; } .idrytes-anadromh .anadromh-slider .swiper-slide .lower .col-1 h3:before { width: 9px; height: 9px; position: absolute; top: 5px; left: 0; content: ''; background-color: var(--light_green); } .idrytes-anadromh .anadromh-slider .swiper-slide .lower .col-1 > div { padding-top: 100%; position: relative; height: 0; } .idrytes-anadromh .anadromh-slider .swiper-slide .lower .col-1 > div img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .idrytes-anadromh .anadromh-slider .swiper-slide .lower .col-2 div.h1 { line-height: 1; } @media all and (max-width: 1440px) { .idrytes-anadromh .anadromh-slider .swiper-slide .upper { padding: 0 0 40px; } .idrytes-anadromh .anadromh-slider .swiper-slide .lower .col-1 { width: 50%; } } @media all and (max-width: 1440px) { .idrytes-anadromh .anadromh-slider .swiper-slide { width: 33.33333vw; } } @media all and (max-width: 960px) { .idrytes-anadromh .anadromh-slider .swiper-slide > div { padding: 0 10px 0 0; } } @media all and (max-width: 660px) { .idrytes-anadromh .anadromh-slider .swiper-slide { width: calc(100vw - 40px); } } .idrytes-idrytes { margin: 0 0 var(--pd-140); } .idrytes-idrytes .idrytes-blocks { margin: 0 0 60px; } .idrytes-idrytes .block-intro-image { margin: 0 0 20px; } .idrytes-idrytes .block-1 > .flex { margin: 0 -10px; } .idrytes-idrytes .block-1 .left { width: 50%; padding: 0 10px; } .idrytes-idrytes .block-1 .right { padding: 0 10px; width: 50%; } .idrytes-idrytes .block-1 .right > .upper { margin: 0 0 20px; } .idrytes-idrytes .block-1 .right > .upper > div { min-height: calc(100vh - 40px); background-color: var(--light_green); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; } .idrytes-idrytes .block-1 .right > .upper > div .upper { margin: 0 0 20px; } .idrytes-idrytes .block-1 .right > .upper > div .upper > h2 { margin: 0 0 20px; } .idrytes-idrytes .block-1 .right > .upper > div .lower { margin: auto 0 0; } .idrytes-idrytes .block-1 .right > .upper > div .lower > .flex { margin: 0 -10px; } .idrytes-idrytes .block-1 .right > .upper > div .lower .text-1 { width: 50%; padding: 0 10px; } .idrytes-idrytes .block-1 .right > .upper > div .lower .text-2 { width: 50%; padding: 0 10px; } .idrytes-idrytes .block-2 > div { margin: 0 -10px; } .idrytes-idrytes .block-2 > div > .upper { width: 50%; padding: 0 10px; margin: 0 0 20px; } .idrytes-idrytes .block-2 > div > .upper > div { min-height: calc(100vh - 40px); background-color: var(--light_green); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; } .idrytes-idrytes .block-2 > div > .upper > div .upper { margin: 0 0 20px; } .idrytes-idrytes .block-2 > div > .upper > div .upper > h2 { margin: 0 0 20px; } .idrytes-idrytes .block-2 > div > .upper > div .lower { margin: auto 0 0; } .idrytes-idrytes .block-2 > div > .upper > div .lower > .flex { margin: 0 -10px; } .idrytes-idrytes .block-2 > div > .upper > div .lower .text-1 { width: 50%; padding: 0 10px; } .idrytes-idrytes .block-2 > div > .upper > div .lower .text-2 { width: 50%; padding: 0 10px; } .idrytes-idrytes .block-2 > div > .lower { width: 50%; padding: 0 10px; } .idrytes-idrytes .block-3 > div { margin: 0 -10px; } .idrytes-idrytes .block-3 > div > .upper { width: 50%; padding: 0 10px; } .idrytes-idrytes .block-3 > div > .upper > div { min-height: calc(100vh - 40px); background-color: var(--light_green); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; } .idrytes-idrytes .block-3 > div > .upper > div .upper { margin: 0 0 20px; } .idrytes-idrytes .block-3 > div > .upper > div .lower { margin: auto 0 0; } .idrytes-idrytes .block-3 > div > .upper > div .lower > .flex { margin: 0 -10px; } .idrytes-idrytes .block-3 > div > .upper > div .lower .text-1 { width: 50%; padding: 0 10px; } .idrytes-idrytes .block-3 > div > .upper > div .lower .text-2 { width: 50%; padding: 0 10px; } .idrytes-idrytes .block-3 > div > .upper > div .lower ul { margin: 0 0 18px; } .idrytes-idrytes .block-3 > div > .upper > div .lower ul li { position: relative; padding: 0 0 0 20px; margin: 0 0 5px; } .idrytes-idrytes .block-3 > div > .upper > div .lower ul li:before { position: absolute; top: 10px; left: 5px; width: 5px; height: 5px; background-color: #000; border-radius: 50%; content: ''; } @media all and (max-width: 1680px) { .idrytes-idrytes .block-3 > div > .upper > div .lower ul li:before { top: 9px; } } @media all and (max-width: 1440px) { .idrytes-idrytes .block-1 .right > .upper > div .lower .text-1, .idrytes-idrytes .block-1 .right > .upper > div .lower .text-2 { width: 100%; } .idrytes-idrytes .block-1 .right > .upper > div .lower .text-1 { margin: 0 0 20px; } .idrytes-idrytes .block-2 > div > .upper > div .lower .text-1, .idrytes-idrytes .block-2 > div > .upper > div .lower .text-2 { width: 100%; } .idrytes-idrytes .block-2 > div > .upper > div .lower .text-1 { margin: 0 0 20px; } .idrytes-idrytes .block-3 > div > .upper > div .lower .text-1, .idrytes-idrytes .block-3 > div > .upper > div .lower .text-2 { width: 100%; } .idrytes-idrytes .block-3 > div > .upper > div .lower .text-1 { margin: 0 0 20px; } .idrytes-idrytes .block-3 > div > .upper > div .lower ul { margin: 20px 0; } } @media all and (max-width: 1160px) { .idrytes-idrytes .block-1 .right > .upper > div { min-height: auto; } .idrytes-idrytes .block-2 > div > .upper > div { min-height: auto; } } @media all and (max-width: 960px) { .idrytes-idrytes .block-1 > .flex { margin: 0; } .idrytes-idrytes .block-1 .left { width: 100%; padding: 0; margin: 0 0 20px; } .idrytes-idrytes .block-1 .left > div { padding: 0 16.66667%; } .idrytes-idrytes .block-1 .right { width: 100%; padding: 0; } .idrytes-idrytes .block-1 .right > .upper > div { padding: 20px 10px; } .idrytes-idrytes .block-1 .right > .upper > div .lower > .flex { margin: 0 -5px; } .idrytes-idrytes .block-1 .right > .upper > div .lower > .flex > div { width: 50%; padding: 0 5px; } .idrytes-idrytes .block-1 .right > .lower > .to-pin { margin: 0 0 20px; } .idrytes-idrytes .block-1 .right > .lower > .to-pin > div { padding: 0 16.66667%; } .idrytes-idrytes .block-2 { margin: 0 0 20px; } .idrytes-idrytes .block-2 > div { margin: 0; } .idrytes-idrytes .block-2 > div > .upper { width: 100%; padding: 0; } .idrytes-idrytes .block-2 > div > .upper > div { padding: 20px 10px; } .idrytes-idrytes .block-2 > div > .upper > div .lower > .flex { margin: 0 -5px; } .idrytes-idrytes .block-2 > div > .upper > div .lower > .flex > div { padding: 0 5px; width: 50%; } .idrytes-idrytes .block-2 > div > .lower { width: 100%; padding: 0; } .idrytes-idrytes .block-2 > div > .lower .to-pin > div { padding: 0 16.66667%; } .idrytes-idrytes .block-3 { margin: 0 0 20px; } .idrytes-idrytes .block-3 > div { margin: 0; } .idrytes-idrytes .block-3 > div > .upper { width: 100%; padding: 0; } .idrytes-idrytes .block-3 > div > .upper > div { padding: 20px 10px; } .idrytes-idrytes .block-3 > div > .upper > div > .lower > .flex { margin: 0 -5px; } .idrytes-idrytes .block-3 > div > .upper > div > .lower > .flex > div { width: 50%; padding: 0 5px; } } @media all and (max-width: 660px) { .idrytes-idrytes .block-1 .left > div { padding: 0; } .idrytes-idrytes .block-1 .right > .upper > div .lower > .flex { margin: 0; } .idrytes-idrytes .block-1 .right > .upper > div .lower > .flex > div { padding: 0; width: 100%; } .idrytes-idrytes .block-1 .right > .lower > .to-pin div { padding: 0; } .idrytes-idrytes .block-2 > div > .upper > div .lower > .flex { margin: 0; } .idrytes-idrytes .block-2 > div > .upper > div .lower > .flex > div { padding: 0; width: 100%; } .idrytes-idrytes .block-2 > div > .lower .to-pin > div { padding: 0; } .idrytes-idrytes .block-3 { margin: 0 0 var(--pd-140); } .idrytes-idrytes .block-3 > div > .upper > div > .lower > .flex { margin: 0; } .idrytes-idrytes .block-3 > div > .upper > div > .lower > .flex > div { width: 100%; padding: 0; } } .idrytes-istoriko { margin: 0 0 60px; } .idrytes-istoriko > h2 { margin: 0 0 60px; } .idrytes-istoriko .block-big-text { padding: 0 25% 0 0; margin: 0 0 40px; } @media all and (max-width: 960px) { .idrytes-istoriko > h2 { margin: 0 0 20px; } .idrytes-istoriko .block-big-text { padding: 0 8.33333% 0 0; } } @media all and (max-width: 660px) { .idrytes-istoriko .block-big-text { padding: 0; } } .idrytes-diakriseis { margin: 0 0 60px; } .idrytes-diakriseis > h2 { margin: 0 0 20px; } .idrytes-diakriseis .swiper-slide { height: auto; width: calc(25vw - 40px); } .idrytes-diakriseis .swiper-slide > div { 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; height: 100%; padding: 0 20px 0 0; border-right: var(--border) solid #fff; } .idrytes-diakriseis .swiper-slide .upper { padding: 0 0 var(--pd-200); } @media all and (max-width: 960px) { .idrytes-diakriseis .swiper-slide { width: calc(33.33333vw - 30px); } .idrytes-diakriseis .swiper-slide > div { padding: 0 10px 0 0; } } @media all and (max-width: 660px) { .idrytes-diakriseis .swiper-slide { width: 75vw; } } .idrytes-gallery { margin: 0 0 var(--pd-200); } .sylloges-container { margin: 0 0 calc(var(--pd-200) - 60px); } .sylloges-container > .flex { margin: 0 -10px; } .sylloges-container .syllogi { width: 25%; padding: 0 10px; margin: 0 0 var(--pd-140); } .sylloges-container .syllogi .upper > div { padding-top: 100%; height: 0; position: relative; } .sylloges-container .syllogi .upper > div img { position: absolute; top: 0; right: 0; height: 100%; } .sylloges-container .syllogi .lower { padding: 5px 10px; text-align: center; } .sylloges-container .col-1 img, .sylloges-container .col-7 img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); } .sylloges-container .col-2 img, .sylloges-container .col-8 img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); } .sylloges-container .col-3 img, .sylloges-container .col-5 img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); } .sylloges-container .col-4 img, .sylloges-container .col-6 img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); } @media all and (max-width: 960px) { .sylloges-container > .flex { margin: 0 -5px; } .sylloges-container .syllogi { width: 33.33333%; padding: 0 5px; } } @media all and (max-width: 660px) { .sylloges-container .syllogi { width: 50%; } } .ereyna-ergasthria > h2 { margin: 0 0 40px; } .page-ereyna .block-6-shapes { margin: 0 0 20px; } .page-ereyna .block-6-shapes .texts { min-height: 122px; 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; } .page-ergasthrio .ergasthrio-texts > h2 { margin: 0 0 20px; } .page-ergasthrio .ergasthrio-texts .two-boxes { margin: 0 0 60px; } .page-ergasthrio .ergasthrio-texts .two-boxes > .flex { margin: 0 -10px; } .page-ergasthrio .ergasthrio-texts .two-boxes a { color: var(--light_green); } .page-ergasthrio .ergasthrio-texts .two-boxes a:hover { color: #000; } .page-ergasthrio .ergasthrio-texts .two-boxes .left { width: 50%; padding: 0 10px; } .page-ergasthrio .ergasthrio-texts .two-boxes .left > div { padding-top: 90%; position: relative; height: 0; background: #fff; } .page-ergasthrio .ergasthrio-texts .two-boxes .left > div > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 80px 33.33333%; 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; text-align: center; } .page-ergasthrio .ergasthrio-texts .two-boxes .right { width: 50%; padding: 0 10px; height: auto; } .page-ergasthrio .ergasthrio-texts .two-boxes .right > div { padding: 20px; height: 100%; background-color: var(--light_green); } @media all and (max-width: 1160px) { .page-ergasthrio .ergasthrio-texts .two-boxes .left > div { padding-top: 0; height: auto; } .page-ergasthrio .ergasthrio-texts .two-boxes .left > div > div { position: static; padding: 60px 25%; } } @media all and (max-width: 960px) { .page-ergasthrio .ergasthrio-texts .two-boxes { margin: 0 0 40px; } .page-ergasthrio .ergasthrio-texts .two-boxes > .flex { margin: 0; } .page-ergasthrio .ergasthrio-texts .two-boxes .left { width: 100%; padding: 0; margin: 0 0 20px; } .page-ergasthrio .ergasthrio-texts .two-boxes .left > div > div { padding: 20px 33.33333%; } .page-ergasthrio .ergasthrio-texts .two-boxes .right { width: 100%; padding: 0; } .page-ergasthrio .ergasthrio-texts .two-boxes .right > div { padding: 20px 10px; } } @media all and (max-width: 660px) { .page-ergasthrio .ergasthrio-texts .two-boxes .left > div > div { padding: 20px 10px; } } .page-vivliothiki .block-title-link { margin: 0 0 40px; } .page-vivliothiki .block-texts-1 .title { margin: 0; } .vivliothiki-ekdoseis { margin: 0 0 calc(var(--pd-200) - 80px); } .vivliothiki-ekdoseis > .flex { margin: 0 -10px; } .vivliothiki-ekdoseis .tease-ekdosi { width: 16.66667%; padding: 0 10px; margin: 0 0 80px; cursor: pointer; } .vivliothiki-ekdoseis .tease-ekdosi .extra-texts { display: none !important; } .vivliothiki-ekdoseis .tease-ekdosi:hover .upper { background-color: var(--light_green); } .vivliothiki-ekdoseis .tease-ekdosi .upper { background: #fff; padding-top: 100%; height: 0; position: relative; margin: 0 0 10px; -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } .vivliothiki-ekdoseis .tease-ekdosi .upper > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .vivliothiki-ekdoseis .tease-ekdosi .upper img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 40%; } .vivliothiki-ekdoseis .tease-ekdosi .lower { text-align: center; padding: 0 20px; } .vivliothiki-ekdoseis .tease-ekdosi .lower h3 { margin: 0 0 5px; } @media all and (max-width: 1440px) { .vivliothiki-ekdoseis .tease-ekdosi .lower { padding: 0; } } @media all and (max-width: 1160px) { .vivliothiki-ekdoseis { margin: 0 0 calc(var(--pd-200) - 60px); } .vivliothiki-ekdoseis .tease-ekdosi { width: 25%; margin: 0 0 60px; } } @media all and (max-width: 1160px) { .vivliothiki-ekdoseis > .flex { margin: 0 -5px; } .vivliothiki-ekdoseis .tease-ekdosi { padding: 0 5px; width: 33.33333%; margin: 0 0 40px; } } @media all and (max-width: 660px) { .vivliothiki-ekdoseis .tease-ekdosi { width: 50%; } } .vivliothiki-popup { position: fixed; z-index: 1001; background: rgba(217, 217, 217, 0.2); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); top: 0; left: 0; width: 100%; height: 100vh; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.35s 0.35s; -o-transition: opacity 0.35s 0.35s; transition: opacity 0.35s 0.35s; } .vivliothiki-popup > div { height: 100%; overflow-y: auto; scrollbar-color: #000 #fff; scrollbar-width: 4px; width: calc(8 / 12 * 100%); margin: 0 0 0 auto; background-color: #fff; 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; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .vivliothiki-popup > div .close-popup-btn { position: absolute; top: 20px; right: 20px; z-index: 1; } .vivliothiki-popup .upper { padding: 20px 16.66667% 20px 20px; } .vivliothiki-popup .middle { padding: 0 20px 20px; } .vivliothiki-popup .middle > .flex { margin: 0 -10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vivliothiki-popup .middle .left { width: 50%; padding: 0 10px; } .vivliothiki-popup .middle .left .ekdosi-img { padding: 0 25%; text-align: center; } .vivliothiki-popup .middle .right { width: 50%; padding: 0 10px; } .vivliothiki-popup .middle .right .ekdosi-desc { padding: 0 25% 0 0; } .vivliothiki-popup .lower .ekdosi-price { padding: 0 20px 20px; } .vivliothiki-popup .lower .ekdosi-link a { display: block; padding: 6px 10px; background-color: var(--light_green); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .vivliothiki-popup .lower .ekdosi-link a:hover { opacity: 1; background-color: var(--gray); } @media all and (max-width: 1680px) { .vivliothiki-popup .middle .right .ekdosi-desc { padding: 0; } } @media all and (max-width: 1160px) { .vivliothiki-popup > div { width: calc(10 / 12 * 100%); } } @media all and (max-width: 960px) { .vivliothiki-popup .upper { padding: 10px 16.66667% 10px 10px; } .vivliothiki-popup .middle { padding: 0 10px 10px; } .vivliothiki-popup .middle > .flex { margin: 0; } .vivliothiki-popup .middle .left { width: 100%; padding: 0; margin: 0 0 20px; } .vivliothiki-popup .middle .right { width: 100%; padding: 0; } .vivliothiki-popup .lower .ekdosi-price { padding: 0 10px 10px; } } @media all and (max-width: 660px) { .vivliothiki-popup > div { width: calc(100% - 10px); } .vivliothiki-popup .upper { padding: 10px 83px 10px 10px; } .vivliothiki-popup .ekdosi-link a { font-size: 12px; line-height: 16px; } } .open-vivliothiki-popup body { overflow: hidden; } .open-vivliothiki-popup .vivliothiki-popup { -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; opacity: 1; pointer-events: all; } .open-vivliothiki-popup .vivliothiki-popup > div { -webkit-transition: -webkit-transform 0.35s 0.2s; transition: -webkit-transform 0.35s 0.2s; -o-transition: transform 0.35s 0.2s; transition: transform 0.35s 0.2s; transition: transform 0.35s 0.2s, -webkit-transform 0.35s 0.2s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .block-aithousa { margin: 0 0 60px; } .block-aithousa:last-of-type { margin: 0 0 var(--pd-200); } .block-aithousa > h2 { margin: 0 0 40px; } .block-aithousa > .info { margin: 0 0 60px; } .block-aithousa > .info > .flex > div { width: 25%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .block-aithousa > .info > .flex > div > div:first-of-type { margin: 0 20px 0 0; } .block-aithousa > .info svg { height: var(--height-1); width: auto; max-width: unset; } .block-aithousa .block-texts-1 .texts { margin: 0 0 40px; } .block-aithousa .structure { text-align: center; padding: 0 25%; } .block-aithousa .structure img { mix-blend-mode: multiply; } @media all and (max-width: 960px) { .block-aithousa > .info { margin: 0 0 40px; } .block-aithousa > .info > .flex > div { width: 50%; margin: 0 0 20px; } .block-aithousa > .info > .flex > div > div:first-of-type { margin: 0 10px 0 0; } .block-aithousa .structure { padding: 0 20%; } } @media all and (max-width: 660px) { .block-aithousa > .info { margin: 0 0 40px; } .block-aithousa > .info > .flex > div { width: 50%; margin: 0 0 20px; } .block-aithousa .structure { padding: 0; } } .choroi-gallery { margin: 0 0 calc(var(--pd-200) - var(--pd-140)); } .choroi-gallery > h2 { margin: 0 0 40px; } .choroi-gallery > .flex { margin: 0 -10px; } .choroi-gallery > .flex > div { width: 25%; padding: 0 10px; margin: 0 0 var(--pd-140); cursor: pointer; } .choroi-gallery > .flex > div:hover img { -webkit-mask-size: 95%; mask-size: 95%; } .choroi-gallery > .flex > div:first-of-type img, .choroi-gallery > .flex > div:nth-of-type(7) img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); -webkit-transition: -webkit-mask-size 0.35s; transition: -webkit-mask-size 0.35s; -o-transition: mask-size 0.35s; transition: mask-size 0.35s; transition: mask-size 0.35s, -webkit-mask-size 0.35s; } .choroi-gallery > .flex > div:nth-of-type(2) img, .choroi-gallery > .flex > div:nth-of-type(8) img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); -webkit-transition: -webkit-mask-size 0.35s; transition: -webkit-mask-size 0.35s; -o-transition: mask-size 0.35s; transition: mask-size 0.35s; transition: mask-size 0.35s, -webkit-mask-size 0.35s; } .choroi-gallery > .flex > div:nth-of-type(3) img, .choroi-gallery > .flex > div:nth-of-type(5) img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); -webkit-transition: -webkit-mask-size 0.35s; transition: -webkit-mask-size 0.35s; -o-transition: mask-size 0.35s; transition: mask-size 0.35s; transition: mask-size 0.35s, -webkit-mask-size 0.35s; } .choroi-gallery > .flex > div:nth-of-type(4) img, .choroi-gallery > .flex > div:nth-of-type(6) img { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); -webkit-transition: -webkit-mask-size 0.35s; transition: -webkit-mask-size 0.35s; -o-transition: mask-size 0.35s; transition: mask-size 0.35s; transition: mask-size 0.35s, -webkit-mask-size 0.35s; } .choroi-gallery > .flex > div .upper { margin: 0 0 10px; } .choroi-gallery > .flex > div .upper > div { padding-top: 100%; height: 0; position: relative; } .choroi-gallery > .flex > div .upper > div img { position: absolute; top: 0; left: 0; height: 100%; } .choroi-gallery > .flex > div .lower { padding: 0 20px; text-align: center; } @media all and (max-width: 960px) { .choroi-gallery > .flex { margin: 0 -5px; } .choroi-gallery > .flex > div { width: 33.33333%; padding: 0 5px; } } @media all and (max-width: 660px) { .choroi-gallery > .flex > div { width: 50%; } } .page-melos .block-intro-image video { width: 100%; height: auto; } .page-melos .block-intro-image .badge { z-index: 10; width: 150px; height: 150px; text-align: center; position: absolute; top: 0; right: 20px; background: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); padding: 20px 0; border-radius: 0 0 70px 70px; } .page-melos .block-intro-shape-2 { margin: 0 0 var(--pd-200); } .page-melos .block-sponsors { margin: 0 0 var(--pd-200); } @media all and (max-width: 1160px) { .page-melos .block-intro-image .badge { width: 120px; height: 120px; padding: 10px 0; } .page-melos .block-intro-image .badge svg { width: 60%; } } @media all and (max-width: 960px) { .page-melos .block-intro-image .badge { right: 10px; width: 100px; height: 100px; opacity: 0; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; } .page-melos .block-intro-image .badge.active { opacity: 1; } } @media all and (max-width: 660px) { .page-melos .block-intro-shape { margin: 0 0 20px; } } .melos-paketa > h2 { margin: 0 0 20px; } .melos-paketa > .flex { margin: 0 -10px; } .melos-paketa .paketo { width: 50%; padding: 0 10px; height: auto; margin: 0 0 20px; } .melos-paketa .paketo.paketo--green > div { background-color: #bfe1a6; } .melos-paketa .paketo.paketo--green > div > div { border: var(--border) solid #8fbb7b; } .melos-paketa .paketo.paketo--green .upper > .flex { border-bottom: var(--border) solid #8fbb7b; } .melos-paketa .paketo.paketo--green .upper > h3 { border-bottom: var(--border) solid #8fbb7b; } .melos-paketa .paketo.paketo--green .lower { border-top: var(--border) solid #8fbb7b; } .melos-paketa .paketo.paketo--green .lower .pckgs { border-bottom: var(--border) solid #8fbb7b; } .melos-paketa .paketo.paketo--green .lower .pckgs .col-1 { border-right: var(--border) solid #8fbb7b; } .melos-paketa .paketo.paketo--green .lower .buttons .col:nth-of-type(1) { border-right: var(--border) solid #8fbb7b; } @media all and (max-width: 660px) { .melos-paketa .paketo.paketo--green .lower .buttons > div { border-bottom: var(--border) solid #8fbb7b; } .melos-paketa .paketo.paketo--green .lower .buttons > div:last-of-type { border-bottom: 0; } .melos-paketa .paketo.paketo--green .lower .buttons > div:nth-of-type(1) { border-right: 0; } } .melos-paketa .paketo.paketo--green .price-1 > div.h2:before, .melos-paketa .paketo.paketo--green .price-2 > div.h2:before { background-color: #8fbb7b; } .melos-paketa .paketo.paketo--green .price-1 > div.h2:after, .melos-paketa .paketo.paketo--green .price-2 > div.h2:after { background-color: #bfe1a6; } .melos-paketa .paketo.paketo--explorer > div { background-color: #d0c9a9; } .melos-paketa .paketo.paketo--explorer > div > div { border: var(--border) solid #c2af57; } .melos-paketa .paketo.paketo--explorer .upper > h3 { border-bottom: var(--border) solid #c2af57; } .melos-paketa .paketo.paketo--explorer .upper > .flex { border-bottom: var(--border) solid #c2af57; } .melos-paketa .paketo.paketo--explorer .middle img, .melos-paketa .paketo.paketo--explorer .middle video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MzAgMTA0MCIgaGVpZ2h0PSIxMDQwIiB2aWV3Qm94PSIwIDAgOTMwIDEwNDAiIHdpZHRoPSI5MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDY1YzAtMjU2LjggMjA4LjItNDY1IDQ2NS00NjUgMjU2LjggMCA0NjUgMjA4LjIgNDY1IDQ2NXY1NzVoLTkzMHoiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MzAgMTA0MCIgaGVpZ2h0PSIxMDQwIiB2aWV3Qm94PSIwIDAgOTMwIDEwNDAiIHdpZHRoPSI5MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDY1YzAtMjU2LjggMjA4LjItNDY1IDQ2NS00NjUgMjU2LjggMCA0NjUgMjA4LjIgNDY1IDQ2NXY1NzVoLTkzMHoiLz48L3N2Zz4=); } .melos-paketa .paketo.paketo--explorer .lower { border-top: var(--border) solid #c2af57; } .melos-paketa .paketo.paketo--explorer .lower .pckgs { border-bottom: var(--border) solid #c2af57; } .melos-paketa .paketo.paketo--explorer .lower .pckgs .col-1 { border-right: var(--border) solid #c2af57; } .melos-paketa .paketo.paketo--explorer .lower .buttons .col:nth-of-type(1) { border-right: var(--border) solid #c2af57; } @media all and (max-width: 660px) { .melos-paketa .paketo.paketo--explorer .lower .buttons > div { border-bottom: var(--border) solid #c2af57; } .melos-paketa .paketo.paketo--explorer .lower .buttons > div:last-of-type { border-bottom: 0; } .melos-paketa .paketo.paketo--explorer .lower .buttons > div:nth-of-type(1) { border-right: 0; } } .melos-paketa .paketo.paketo--explorer .price-1 > div.h2:before, .melos-paketa .paketo.paketo--explorer .price-2 > div.h2:before { background-color: #c2af57; } .melos-paketa .paketo.paketo--explorer .price-1 > div.h2:after, .melos-paketa .paketo.paketo--explorer .price-2 > div.h2:after { background-color: #d0c9a9; } .melos-paketa .paketo.paketo--naturalist > div { background-color: #f7dac4; } .melos-paketa .paketo.paketo--naturalist > div > div { border: var(--border) solid #ee9ea3; } .melos-paketa .paketo.paketo--naturalist .upper > .flex { border-bottom: var(--border) solid #ee9ea3; } .melos-paketa .paketo.paketo--naturalist .upper > h3 { border-bottom: var(--border) solid #ee9ea3; } .melos-paketa .paketo.paketo--naturalist .middle img, .melos-paketa .paketo.paketo--naturalist .middle video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MzAgMTA0MCIgaGVpZ2h0PSIxMDQwIiB2aWV3Qm94PSIwIDAgOTMwIDEwNDAiIHdpZHRoPSI5MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNTIwYzAtMjg3LjIgMjA4LjItNTIwIDQ2NS01MjBzNDY1IDIzMi44IDQ2NSA1MjAtMjA4LjIgNTIwLTQ2NSA1MjAtNDY1LTIzMi44LTQ2NS01MjB6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MzAgMTA0MCIgaGVpZ2h0PSIxMDQwIiB2aWV3Qm94PSIwIDAgOTMwIDEwNDAiIHdpZHRoPSI5MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNTIwYzAtMjg3LjIgMjA4LjItNTIwIDQ2NS01MjBzNDY1IDIzMi44IDQ2NSA1MjAtMjA4LjIgNTIwLTQ2NSA1MjAtNDY1LTIzMi44LTQ2NS01MjB6Ii8+PC9zdmc+); } .melos-paketa .paketo.paketo--naturalist .lower { border-top: var(--border) solid #ee9ea3; } .melos-paketa .paketo.paketo--naturalist .lower .pckgs { border-bottom: var(--border) solid #ee9ea3; } .melos-paketa .paketo.paketo--naturalist .lower .pckgs .col:nth-of-type(1) { border-right: var(--border) solid #ee9ea3; } .melos-paketa .paketo.paketo--naturalist .lower .buttons .col:nth-of-type(1) { border-right: var(--border) solid #ee9ea3; } @media all and (max-width: 660px) { .melos-paketa .paketo.paketo--naturalist .lower .buttons > div { border-bottom: var(--border) solid #ee9ea3; } .melos-paketa .paketo.paketo--naturalist .lower .buttons > div:last-of-type { border-bottom: 0; } .melos-paketa .paketo.paketo--naturalist .lower .buttons > div:nth-of-type(1) { border-right: 0; } } .melos-paketa .paketo.paketo--naturalist .price-1 > div.h2:before, .melos-paketa .paketo.paketo--naturalist .price-2 > div.h2:before { background-color: #ee9ea3; } .melos-paketa .paketo.paketo--naturalist .price-1 > div.h2:after, .melos-paketa .paketo.paketo--naturalist .price-2 > div.h2:after { background-color: #f7dac4; } .melos-paketa .paketo.paketo--protector > div { background-color: #d5e6fc; } .melos-paketa .paketo.paketo--protector > div > div { border: var(--border) solid #a2cef6; } .melos-paketa .paketo.paketo--protector .upper > .flex { border-bottom: var(--border) solid #a2cef6; } .melos-paketa .paketo.paketo--protector .upper > h3 { border-bottom: var(--border) solid #a2cef6; } .melos-paketa .paketo.paketo--protector .middle img, .melos-paketa .paketo.paketo--protector .middle video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MzAgMTA0MCIgaGVpZ2h0PSIxMDQwIiB2aWV3Qm94PSIwIDAgOTMwIDEwNDAiIHdpZHRoPSI5MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMTA0MGg5MzB2LTEwNDBsLTQ2NSAyODIuNC00NjUtMjgyLjR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MzAgMTA0MCIgaGVpZ2h0PSIxMDQwIiB2aWV3Qm94PSIwIDAgOTMwIDEwNDAiIHdpZHRoPSI5MzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMTA0MGg5MzB2LTEwNDBsLTQ2NSAyODIuNC00NjUtMjgyLjR6Ii8+PC9zdmc+); } .melos-paketa .paketo.paketo--protector .lower { border-top: var(--border) solid #a2cef6; } .melos-paketa .paketo.paketo--protector .lower .pckgs { border-bottom: var(--border) solid #a2cef6; } .melos-paketa .paketo.paketo--protector .lower .pckgs .col-1 { border-right: var(--border) solid #a2cef6; } .melos-paketa .paketo.paketo--protector .lower .buttons .col:nth-of-type(1) { border-right: var(--border) solid #a2cef6; } @media all and (max-width: 660px) { .melos-paketa .paketo.paketo--protector .lower .buttons > div { border-bottom: var(--border) solid #a2cef6; } .melos-paketa .paketo.paketo--protector .lower .buttons > div:last-of-type { border-bottom: 0; } .melos-paketa .paketo.paketo--protector .lower .buttons > div:nth-of-type(1) { border-right: 0; } } .melos-paketa .paketo.paketo--protector .price-1 > div.h2:before, .melos-paketa .paketo.paketo--protector .price-2 > div.h2:before { background-color: #a2cef6; } .melos-paketa .paketo.paketo--protector .price-1 > div.h2:after, .melos-paketa .paketo.paketo--protector .price-2 > div.h2:after { background-color: #d5e6fc; } .melos-paketa .paketo a.no-active-link { pointer-events: none; cursor: not-allowed; color: #fff; } .melos-paketa .paketo > div { position: relative; padding: 20px; height: 100%; } .melos-paketa .paketo > div > div { height: 100%; border-width: var(--border); border-style: solid; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .melos-paketa .paketo .upper > .flex { padding: 15px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .melos-paketa .paketo .upper > .flex h2 { line-height: 0; -webkit-transform: translateY(-0.5vw); -ms-transform: translateY(-0.5vw); transform: translateY(-0.5vw); } .melos-paketa .paketo .upper > .flex svg { height: var(--height-1); } .melos-paketa .paketo .upper > h3 { padding: 8px 10px 10px; } .melos-paketa .paketo .middle { margin: auto 0; padding: 20px; } .melos-paketa .paketo .middle > .flex { margin: 0 -10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .melos-paketa .paketo .middle .left { width: 33.33333%; padding: 0 10px; } .melos-paketa .paketo .middle .left img, .melos-paketa .paketo .middle .left video { height: calc(16.66667vw - 20px); } .melos-paketa .paketo .middle .right { width: 66.66667%; padding: 0 10px; 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; } .melos-paketa .paketo .middle .right div.h5 { margin: 20px 0 0; } .melos-paketa .paketo .lower .pckgs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .melos-paketa .paketo .lower .pckgs .col-1 { width: 50%; padding: 8px 20px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .melos-paketa .paketo .lower .pckgs .col-2 { width: 50%; padding: 8px 20px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .melos-paketa .paketo .lower .buttons:not(:has(.col-1)) .col-2 { width: 100%; border-right: 0 !important; } .melos-paketa .paketo .lower .buttons:not(:has(.col-2)) .col-1 { width: 100%; border-right: 0 !important; } .melos-paketa .paketo .lower .buttons > div { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .melos-paketa .paketo .lower .buttons > div a { display: block; } .melos-paketa .paketo .lower .buttons > div a, .melos-paketa .paketo .lower .buttons > div > div { padding: 22px 0; } .melos-paketa .paketo .price-1, .melos-paketa .paketo .price-2 { cursor: pointer; -webkit-transition: opacity 0.35s; -o-transition: opacity 0.35s; transition: opacity 0.35s; } .melos-paketa .paketo .price-1.active > div.h2:after, .melos-paketa .paketo .price-2.active > div.h2:after { background-color: #000; } .melos-paketa .paketo .price-1 > div.h2, .melos-paketa .paketo .price-2 > div.h2 { position: relative; padding: 0 0 0 34px; margin: 0 10px 10px 0; } .melos-paketa .paketo .price-1 > div.h2:before, .melos-paketa .paketo .price-2 > div.h2:before { content: ''; top: 50%; -webkit-transform: translateY(calc(-50% + 2px)); -ms-transform: translateY(calc(-50% + 2px)); transform: translateY(calc(-50% + 2px)); left: 0; width: 24px; height: 24px; border-radius: 50%; position: absolute; } .melos-paketa .paketo .price-1 > div.h2:after, .melos-paketa .paketo .price-2 > div.h2:after { content: ''; top: 50%; -webkit-transform: translateY(calc(-50% + 2px)); -ms-transform: translateY(calc(-50% + 2px)); transform: translateY(calc(-50% + 2px)); left: 0; width: 16px; height: 16px; border-radius: 50%; position: absolute; left: 4px; -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } .melos-paketa .paketo .price-1 > div:last-of-type, .melos-paketa .paketo .price-2 > div:last-of-type { margin: 0 0 10px; } @media all and (max-width: 1440px) { .melos-paketa .paketo .middle .left { margin: 0 auto 10px; } .melos-paketa .paketo .middle .left img { height: 14.5vw; } .melos-paketa .paketo .middle .right { width: 100%; } .melos-paketa .paketo .lower .pckgs .col-1 { width: 50%; } .melos-paketa .paketo .lower .pckgs .col-2 { width: 50%; } .melos-paketa .paketo .lower .pckgs .col-3 { width: 100%; text-align: left; } } @media all and (max-width: 1160px) { .melos-paketa .paketo .middle .left img { height: 13.5vw; } } @media all and (max-width: 960px) { .melos-paketa > .flex { margin: 0; } .melos-paketa .paketo { width: 100%; padding: 0; } .melos-paketa .paketo > div { padding: 10px; } .melos-paketa .paketo .upper > .flex { padding: 10px; } .melos-paketa .paketo .middle { padding: 10px; } .melos-paketa .paketo .middle .left { width: 25%; } .melos-paketa .paketo .middle .left img { height: 24.5vw; } .melos-paketa .paketo .middle .right { text-align: center; } } @media all and (max-width: 660px) { .melos-paketa .paketo .middle .left { width: 50%; } .melos-paketa .paketo .middle .left img, .melos-paketa .paketo .middle .left video { height: 50vw; } .melos-paketa .paketo .lower .buttons > div { width: 100%; } .melos-paketa .paketo .lower .pckgs .col-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .melos-paketa .paketo .lower .pckgs .col-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .melos-paketa .paketo .price-1 > div:last-of-type, .melos-paketa .paketo .price-2 > div:last-of-type { font-size: 12px; line-height: 16px; } } .dashboard-wrapper .melos-paketa--account h2 { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 4.166666vw !important; line-height: 5.2vw !important; letter-spacing: -1px !important; margin: 0; line-height: 0 !important; } @media all and (max-width: 960px) { .dashboard-wrapper .melos-paketa--account h2 { font-size: 30px !important; line-height: 38px !important; } } @media all and (max-width: 60px) { .dashboard-wrapper .melos-paketa--account h2 { font-size: 26px !important; line-height: 34px !important; } } .dashboard-wrapper .melos-paketa--account .paketo { width: 100%; padding: 0; } .dashboard-wrapper .melos-paketa--account .paketo .price-1, .dashboard-wrapper .melos-paketa--account .paketo .price-2 { cursor: initial; } .dashboard-wrapper .melos-paketa--account .paketo .price-1 > div.h2, .dashboard-wrapper .melos-paketa--account .paketo .price-2 > div.h2 { padding: 0; } .dashboard-wrapper .melos-paketa--account .paketo .price-1 > div.h2:after, .dashboard-wrapper .melos-paketa--account .paketo .price-1 > div.h2:before, .dashboard-wrapper .melos-paketa--account .paketo .price-2 > div.h2:after, .dashboard-wrapper .melos-paketa--account .paketo .price-2 > div.h2:before { display: none; } .dashboard-wrapper .melos-paketa--account .paketo .lower .pckgs .col-2 { padding-top: 0; } .dashboard-wrapper .melos-paketa--account .paketo .lower .buttons .col { width: 100%; border-right: 0 !important; } @media all and (max-width: 1440px) { .dashboard-wrapper .melos-paketa--account .paketo .middle .left img { height: 21vw; } } @media all and (max-width: 1160px) { .dashboard-wrapper .melos-paketa--account .paketo .middle .left img { height: 26.5vw; } } @media all and (max-width: 660px) { .dashboard-wrapper .melos-paketa--account .paketo .middle .left img { height: 50vw; } } .dashboard-wrapper .melos-paketa--account .paketo.paketo--green .lower .pckgs { border-bottom: 0; } .dashboard-wrapper .melos-paketa--account .paketo.paketo--green .lower .buttons { border-top: var(--border) solid #8fbb7b; } .dashboard-wrapper .melos-paketa--account .paketo.paketo--green .lower .buttons .col:nth-of-type(1) { border-right: var(--border) solid #8fbb7b; } .dashboard-wrapper .melos-paketa--account .paketo.paketo--explorer .lower .pckgs { border-bottom: 0; } .dashboard-wrapper .melos-paketa--account .paketo.paketo--explorer .lower .buttons { border-top: var(--border) solid #c2af57; } .dashboard-wrapper .melos-paketa--account .paketo.paketo--explorer .lower .buttons .col:nth-of-type(1) { border-right: var(--border) solid #c2af57; } .dashboard-wrapper .melos-paketa--account .paketo.paketo--naturalist .lower .pckgs { border-bottom: 0; } .dashboard-wrapper .melos-paketa--account .paketo.paketo--naturalist .lower .buttons { border-top: var(--border) solid #ee9ea3; } .dashboard-wrapper .melos-paketa--account .paketo.paketo--naturalist .lower .buttons .col:nth-of-type(1) { border-right: var(--border) solid #ee9ea3; } .dashboard-wrapper .melos-paketa--account .paketo.paketo--protector .lower .pckgs { border-bottom: 0; } .dashboard-wrapper .melos-paketa--account .paketo.paketo--protector .lower .buttons { border-top: var(--border) solid #a2cef6; } .dashboard-wrapper .melos-paketa--account .paketo.paketo--protector .lower .buttons .col:nth-of-type(1) { border-right: var(--border) solid #a2cef6; } .woocommerce-shop h1, .tax-product_cat h1 { margin: 0 0 60px; } .woocommerce-shop .woocommerce-notices-wrapper, .tax-product_cat .woocommerce-notices-wrapper { margin: 0 0 60px; } .page-shop .home-intro-slider { margin: 0; } .page-shop .home-intro-slider h1 { margin: 0 !important; } .page-shop .home-intro-slider .swiper-pagination { bottom: unset !important; top: calc(100% + 20px); } @media all and (max-width: 960px) { .page-shop .home-intro-slider .swiper-pagination { top: calc(100% + 10px); } } .page-shop .block-products-cats > h2 { margin: 0 0 20px; } .page-shop .block-products-cats > .flex { margin: 0 -10px; } .page-shop .block-products-cats > .flex > div { width: 25%; padding: 0 10px; text-align: center; } .page-shop .block-products-cats .col-1 img, .page-shop .block-products-cats .col-1 video, .page-shop .block-products-cats .col-7 img, .page-shop .block-products-cats .col-7 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU1IiBoZWlnaHQ9IjQ1NSIgdmlld0JveD0iMCAwIDQ1NSA0NTUiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMjI3LjVjMC0xMjUuNiAxMDEuOS0yMjcuNSAyMjcuNS0yMjcuNSAxMjUuNiAwIDIyNy41IDEwMS45IDIyNy41IDIyNy41djIyNy41aC00NTV6Ii8+PC9zdmc+); } .page-shop .block-products-cats .col-2 img, .page-shop .block-products-cats .col-2 video, .page-shop .block-products-cats .col-8 img, .page-shop .block-products-cats .col-8 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGg0NTR2NDU0aC00NTR6Ii8+PC9zdmc+); } .page-shop .block-products-cats .col-3 img, .page-shop .block-products-cats .col-3 video, .page-shop .block-products-cats .col-5 img, .page-shop .block-products-cats .col-5 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTQgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NCA0NTQiIHdpZHRoPSI0NTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyNyAwYzEyNS40IDAgMjI3IDEwMS42IDIyNyAyMjcgMCAxMjUuNC0xMDEuNiAyMjctMjI3IDIyNy0xMjUuNCAwLTIyNy0xMDEuNi0yMjctMjI3IDAtMTI1LjQgMTAxLjYtMjI3IDIyNy0yMjd6Ii8+PC9zdmc+); } .page-shop .block-products-cats .col-4 img, .page-shop .block-products-cats .col-4 video, .page-shop .block-products-cats .col-6 img, .page-shop .block-products-cats .col-6 video { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NTUgNDU0IiBoZWlnaHQ9IjQ1NCIgdmlld0JveD0iMCAwIDQ1NSA0NTQiIHdpZHRoPSI0NTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgNDU0aDQ1NXYtNDU0bC0yMjcuNSAxMjMuMy0yMjcuNS0xMjMuM3oiLz48L3N2Zz4=); } @media all and (max-width: 960px) { .page-shop .block-products-cats > .flex { margin: 0 -5px; } .page-shop .block-products-cats > .flex > div { width: 33.33333%; padding: 0 5px; } } @media all and (max-width: 660px) { .page-shop .block-products-cats > .flex > div { width: 50%; } } .page-shop .shop-related-products { position: relative; margin: 0 0 var(--pd-200); /*.swiper { overflow: visible; }*/ /*@media all and (max-width: 1160px) { margin: 0 0 calc(var(--pd-200) - 60px); }*/ } .page-shop .shop-related-products > h2 { margin: 0 0 20px; } .page-shop .shop-related-products .products.columns-4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: unset; flex-wrap: unset; margin: 0; } .page-shop .shop-related-products .products.columns-4 li { padding: 0; margin: 0; width: calc(25vw - 25px); } .page-shop .shop-related-products .swiper-pagination { bottom: calc(100% + 20px); right: 0; top: unset; left: unset; width: auto; } @media all and (max-width: 960px) { .page-shop .shop-related-products .products.columns-4 li { width: calc(33.33333vw - 13px); } .page-shop .shop-related-products .swiper-pagination { bottom: calc(100% + 10px); } } @media all and (max-width: 660px) { .page-shop .shop-related-products .products.columns-4 li { width: calc(50vw - 15px); } } .products-categories, .products-sub-cats { margin: 0 0 20px; } .products-categories h2, .products-sub-cats h2 { margin: 0 0 20px; } .products-categories .swiper-slide, .products-sub-cats .swiper-slide { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; height: auto; } .products-categories input:checked ~ label, .products-sub-cats input:checked ~ label { color: #000; border-color: #000; } @media all and (max-width: 960px) { .products-categories, .products-sub-cats { margin: 0 0 10px; } } .products-categories .filter-button, .products-sub-cats .filter-button { min-width: 190px; border: var(--border) solid #fff; text-align: center; min-height: var(--height-1); height: 100%; 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; padding: 5px 10px; cursor: pointer; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; margin-right: 20px; } .products-categories .filter-button:hover, .products-sub-cats .filter-button:hover { color: #000; border-color: #000; } .products-categories .filter-button.active, .products-sub-cats .filter-button.active { color: #000; border-color: #000; } @media all and (max-width: 960px) { .products-categories .filter-button, .products-sub-cats .filter-button { margin-right: 10px; } } .products-categories { display: none; } .products-sub-cats { margin: 0 0 40px; } /*.sub-categories-container { >.flex { margin:0 -10px; >div { margin:0 0 20px; padding:0 10px; } @media all and (max-width:960px) { margin:0 -5px; >div { margin:0 0 10px; } } } } */ .products-filters { margin: 0 0 60px; } .products-filters > .flex { margin: 0 -10px; } .products-filters > .flex > div { width: 50%; padding: 0 10px; } .products-filters .widget__title { display: none; } .products-filters .price_label { display: none; } .products-filters .price_slider { border: 0; border-radius: 0; height: 4px; } .products-filters .ui-slider-range { background: #000; color: #000; } .products-filters .ui-slider-handle { width: 24px !important; height: 24px !important; background: #000 !important; border: 0 !important; border-radius: 0 !important; outline: none !important; font-weight: 500 !important; color: #000 !important; top: -11px !important; } .products-filters .ui-slider-handle:nth-of-type(1) { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .products-filters .ui-slider-handle:nth-of-type(2) { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .products-filters .ui-slider-handle:nth-of-type(2) > span { left: -10px; } .products-filters .ui-slider-handle > span { top: calc(100% + 10px); position: absolute; left: 0; } @media all and (max-width: 1160px) { .products-filters .ui-slider-handle span { top: calc(100% + 5px); } } @media all and (max-width: 960px) { .products-filters { margin: 0 0 40px; } .products-filters > .flex { margin: 0; } .products-filters > .flex > div { width: 100%; padding: 0; } .products-filters .price__filter { margin: 0 0 40px; } .products-filters .price__filter form { border-bottom: 0; } .products-filters .ui-slider-handle > span { font-size: 14px; line-height: 1; } } .price__filter > div.h2 { margin: 0 0 20px; } .price__filter form { height: var(--height-1); border-bottom: var(--border) solid #fff; } .price__filter .price_slider_amount { display: none; } .sort__filter { display: none; } .sort__filter > div.h2 { margin: 0 0 20px; } .sort__filter:has(select) { display: block; } .sort__filter select { display: none; } .products-container { margin: 0 0 calc(var(--pd-200) - 60px); } .shop:has(.woocommerce-pagination) .products-container { margin: 0; } .shop:has(.woocommerce-pagination) .woocommerce-pagination { margin: 20px 0 var(--pd-200); } .products.columns-4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .products.columns-4 li { width: 25%; padding: 0 10px; } @media all and (max-width: 960px) { .products.columns-4 { margin: 0 -5px; } .products.columns-4 li { width: 33.33333%; padding: 0 5px; } } @media all and (max-width: 660px) { .products.columns-4 li { width: 50%; } } .related.products { margin: 0 0 var(--pd-200); } .related.products > h2 { font-family: 'Font-Medium'; font-weight: 500; font-size: 4.166666vw; line-height: 5.2vw; letter-spacing: -1px; margin: 0 0 20px; width: calc(100% - 70px); } @media all and (max-width: 960px) { .related.products > h2 { font-size: 30px; line-height: 38px; } } @media all and (max-width: 60px) { .related.products > h2 { font-size: 26px; line-height: 34px; } } @media all and (max-width: 1160px) { .related.products { margin: 0 0 var(--pd-200); } } .product { margin: 0 0 80px; position: relative; /*&:has(a:hover) { .product-title { color: red; } } > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }*/ } .product.outofstock img { opacity: 0.5; } .product a { display: block; } .product a:hover { color: #000; } .product a:hover .product-title { color: #fff; } .product .tease-product-upper { margin: 0 0 10px; } .product .tease-product-upper > div { position: relative; height: 0; padding-top: 100%; background: #fff; } .product .tease-product-upper > div .out-of-stock-badge { position: absolute; top: 0; right: 0; padding: 5px 10px 7px; background: var(--light_green); } .product .tease-product-upper > div img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; max-height: 50%; max-width: unset; } @media all and (max-width: 660px) { .product .tease-product-upper > div .out-of-stock-badge { font-size: 12px; line-height: 16px; } .product .tease-product-upper > div img { max-height: 60%; } } .product .tease-product-lower .col-1 { width: calc(100% - 100px); } .product .tease-product-lower .col-2 { margin: 0 0 0 auto; } .product .tease-product-lower .product-title { -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; } @media all and (max-width: 1160px) { .product { margin: 0 0 60px; } .product .tease-product-lower .col-1 { width: calc(100% - 70px); } } @media all and (max-width: 960px) { .product .tease-product-lower .col-1 { width: 100%; margin: 0 0 10px; } .product .tease-product-lower .col-2 { width: 100%; margin: 0; } } .product__container { margin: 0 0 var(--pd-200); } .product-upper { padding: var(--pd-120) 0 0; margin: 0 0 20px; } .product-upper > .flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-upper .col-1 { width: calc(8 / 12 * 100%); } @media all and (max-width: 660px) { .product-upper .col-1 { width: 100%; } } .product-lower > .flex { margin: 0 -10px; } .product-lower > .flex > .col-1 { width: 41.66667%; } .product-lower > .flex > .col-1 .custom-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-lower > .flex > .col-1 .custom-gallery .main-image { width: 80%; padding: 0 10px; } .product-lower > .flex > .col-1 .custom-gallery .main-image > div { position: relative; height: 31.927083vw; background: #fff; overflow: hidden; } .product-lower > .flex > .col-1 .custom-gallery .main-image > div img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 60%; width: auto; max-width: unset; mix-blend-mode: multiply; } .product-lower > .flex > .col-1 .custom-gallery .thumbs { width: 20%; padding: 0 10px; } .product-lower > .flex > .col-1 .custom-gallery .thumbs > div { height: 31.927083vw; overflow-y: auto; scrollbar-width: none; } .product-lower > .flex > .col-1 .custom-gallery .thumbs img { cursor: pointer; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; display: inline-block; margin: 0 0 20px; } .product-lower > .flex > .col-1 .custom-gallery .thumbs img:last-of-type { margin: 0; } .product-lower > .flex > .col-1 .custom-gallery .thumbs img:hover { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } .product-lower > .flex > .col-2 { width: 25%; padding: 0 10px; } .product-lower > .flex > .col-3 { width: 25%; padding: 0 10px; margin: 0 0 0 auto; } .product-lower > .flex > .col-3 .bag-button > div { -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; } .product-lower > .flex > .col-3 .bag-button > div:before, .product-lower > .flex > .col-3 .bag-button > div:after { background-color: #fff; } .product-lower > .flex > .col-3 .bag-button:hover { color: #fff; } .product-lower > .flex > .col-3 .bag-button:hover > div:before, .product-lower > .flex > .col-3 .bag-button:hover > div:after { -webkit-transform: none; -ms-transform: none; transform: none; } .product-lower form { display: none; } @media all and (max-width: 1440px) { .product-lower > .flex .col-2 { width: 33.33333%; } } @media all and (max-width: 1160px) { .product-lower > .flex > .col-1 { width: 50%; margin: 0 0 60px; } .product-lower > .flex > .col-2 { margin: 0 0 60px; width: 50%; } .product-lower > .flex > .col-3 { width: 100%; padding: 0 33.33333%; } } @media all and (max-width: 960px) { .product-lower > .flex { margin: 0; } .product-lower > .flex > .col-1 { margin: 0 0 40px; width: 100%; } .product-lower > .flex > .col-1 .custom-gallery .main-image { width: 100%; padding: 0; margin: 0 0 10px; } .product-lower > .flex > .col-1 .custom-gallery .main-image > div { height: 45vw; } .product-lower > .flex > .col-1 .custom-gallery .thumbs { width: 100%; padding: 0; } .product-lower > .flex > .col-1 .custom-gallery .thumbs > div { padding: 0; overflow: visible; height: auto; } .product-lower > .flex > .col-1 .custom-gallery .thumbs > div .thumb { margin: 0; } .product-lower > .flex > .col-1 .custom-gallery .thumbs > div .swiper-slide { width: calc(16.66667vw - 20px); } .product-lower > .flex > .col-2 { width: 100%; padding: 0 16.66667%; } .product-lower > .flex > .col-3 { padding: 0 16.66667%; } } @media all and (max-width: 660px) { .product-lower > .flex > .col-1 .custom-gallery .main-image > div { height: 100vw; } .product-lower > .flex > .col-1 .custom-gallery .thumbs > div .swiper-slide { width: calc(25vw - 20px); } .product-lower > .flex > .col-2 { padding: 0; margin: 0 0 40px; } .product-lower > .flex > .col-3 { padding: 0; } } .quantity-container { margin: 0 0 20px; } .quantity-container > .flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: var(--border) solid #fff; } .quantity-container .plus { width: var(--height-1); height: var(--height-1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 0; border-left: var(--border) solid #fff; cursor: pointer; } .quantity-container .minus { border-right: var(--border) solid #fff; width: var(--height-1); height: var(--height-1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 0; cursor: pointer; } .quantity-container .qnty { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .gift-wrap-option { margin: 0 0 20px; 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; cursor: pointer; } .gift-wrap-option .col-1 { padding: 0 0 0 34px !important; position: relative; } .gift-wrap-option .col-1:before { content: ''; position: absolute; top: -1px; left: 0; width: 24px; height: 24px; background-color: #fff; } .gift-wrap-option .col-1:after { content: ''; display: block !important; position: absolute !important; top: 3px; left: 4px; background-color: var(--gray); width: 16px; height: 16px; -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } @media all and (max-width: 960px) { .gift-wrap-option .col-1:before { width: 20px; height: 20px; top: 0; } .gift-wrap-option .col-1:after { width: 12px; height: 12px; top: 4px; } } .gift-wrap-option .col-2 { text-align: right; } .gift-wrap-option.active .col-1:after { background-color: var(--light_green); } .single-product .product { margin: 0; } .single-product .in-stock { display: none !important; } .single-product .products.columns-4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: unset; flex-wrap: unset; margin: 0; } .single-product .products.columns-4 li { padding: 0; margin: 0; width: calc(25vw - 25px); } .single-product .swiper-pagination { bottom: calc(100% + 20px); right: 0; top: unset; left: unset; width: auto; } @media all and (max-width: 960px) { .single-product .products.columns-4 li { width: calc(33.33333vw - 13px); } .single-product .swiper-pagination { bottom: calc(100% + 10px); } } @media all and (max-width: 660px) { .single-product .products.columns-4 li { width: calc(50vw - 15px); } } .woocommerce-cart .max-width { max-width: 100%; } .woocommerce-cart strong { color: #000; } .woocommerce-cart .woocommerce-notices-wrapper { width: 100%; } .woocommerce-cart .woocommerce-notices-wrapper:has(.woocommerce-error), .woocommerce-cart .woocommerce-notices-wrapper:has(.woocommerce-message) { margin: 0 0 60px; } .woocommerce-cart h1 { padding: var(--pd-120) 0; } @media all and (max-width: 660px) { .woocommerce-cart .woocommerce-notices-wrapper:has(.woocommerce-error), .woocommerce-cart .woocommerce-notices-wrapper:has(.woocommerce-message) { margin: 0 0 20px; } } .wc-empty-cart-message { margin: 0 0 10px; font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; } @media all and (max-width: 1680px) { .wc-empty-cart-message { font-size: 16px; line-height: 20px; } } .cart__content { padding: 0 0 var(--pd-200); } .cart__products { width: 58.33333%; } @media all and (max-width: 1440px) { .cart__products { width: 66.66667%; } } @media all and (max-width: 1160px) { .cart__products { width: 100%; margin: 0 0 60px; } } .woocommerce-cart-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } @media all and (max-width: 960px) { .woocommerce-cart-form { margin: 0; } } .cart__product { margin: 0 0 20px; position: relative; } .cart__product > .flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart__product .cart-product__image { width: calc(1 / 7 * 100%); padding: 0 10px; } .cart__product .cart-product__image > div { padding-top: 100%; position: relative; height: 0; overflow: hidden; background: #fff; } .cart__product .cart-product__image > div img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 60%; width: auto; max-width: unset; } .cart__product .cart-product__remove a { display: block; text-align: center; } .cart__product .cart-product__titles { width: calc(3 / 7 * 100%); padding: 0 10px; min-height: var(--height-1) !important; } .cart__product .cart-product__price { width: calc(0.75 / 7 * 100%); padding: 0 10px; height: var(--height-1) !important; } .cart__product .cart-product__price .price-sale { padding: 0 5px 0 0; } .cart__product .cart-product__price .price-discount { padding: 0 0 0 5px; } .cart__product .cart-product__total-price { height: var(--height-1) !important; width: calc(0.75 / 7 * 100%); text-align: right; padding: 0 10px; } .cart__product .cart-product__btns { width: calc(1.5 / 7 * 100%); position: relative; padding: 0 10px; } .cart__product .cart-product__btns:has(> h4) { text-align: center; height: var(--height-1); } .cart__product .cart-product__btns:has(> h4) > h4 { margin: 0 0 10px; } .cart__product .cart-product__btns .quantity-container { margin: 0 0 10px; } .cart__product .cart-product__btns .cart-notice-texts { position: absolute; bottom: calc(100% + 10px); left: 0; right: 0; text-align: center; font-size: 10px; line-height: 14px; } .cart__product .cart-product__btns a.remove { display: block; } .cart__product .product-quantity { display: none; } @media all and (max-width: 960px) { .cart__product .cart-product__image { padding: 0 5px; } .cart__product .cart-product__titles { padding: 0 5px; width: calc(2 / 7 * 100%); } .cart__product .cart-product__price { padding: 0 5px; } .cart__product .cart-product__total-price { padding: 0 5px; } .cart__product .cart-product__btns { padding: 0 5px; width: calc(2.5 / 7 * 100%); } } @media all and (max-width: 660px) { .cart__product .cart-product__image { width: 100%; padding: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 0 10px; } .cart__product .cart-product__titles { width: 100%; padding: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; min-height: auto !important; margin: 0 0 10px; } .cart__product .cart-product__btns { width: 100%; padding: 0; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .cart__product .cart-product__price { width: 50%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; height: auto !important; padding: 0; margin: 0 0 10px; } .cart__product .cart-product__total-price { width: 50%; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; height: auto !important; padding: 0; margin: 0 0 10px; } } .actions { text-align: right; } .cart__lower { width: 33.33333%; padding: 0 10px; margin: 0 0 0 auto; } .cart__lower .recurring-totals { display: none !important; } .cart__lower .borders-btn:has(button:disabled) { pointer-events: none; cursor: not-allowed; opacity: 0.7; } .cart__lower .borders-btn:has(button:disabled):hover button { background-color: transparent; opacity: 1; } .cart__lower .borders-btn:has(button:disabled):hover button:before, .cart__lower .borders-btn:has(button:disabled):hover button:after { -webkit-transform: none; -ms-transform: none; transform: none; } .cart__lower .borders-btn:hover button { opacity: 1; color: #fff; } .cart__lower .borders-btn:hover button:after, .cart__lower .borders-btn:hover button:before { -webkit-transform: none; -ms-transform: none; transform: none; } .cart__lower button[type='submit'] { width: 100% !important; width: auto; margin: 0 0 0 auto; cursor: pointer; position: relative; -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; } .cart__lower button[type='submit']:hover { color: #000; } .cart__lower button[type='submit']:hover > div:before, .cart__lower button[type='submit']:hover > button:before { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .cart__lower button[type='submit']:hover > div:after, .cart__lower button[type='submit']:hover > button:after { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } @media all and (max-width: 960px) { .cart__lower button[type='submit']:hover > div:before, .cart__lower button[type='submit']:hover > button:before { -webkit-transform: none; -ms-transform: none; transform: none; } .cart__lower button[type='submit']:hover > div:after, .cart__lower button[type='submit']:hover > button:after { -webkit-transform: none; -ms-transform: none; transform: none; } } .cart__lower button[type='submit'] > div, .cart__lower button[type='submit'] > button { height: var(--height-1); position: relative; 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; } .cart__lower button[type='submit'] > div > span, .cart__lower button[type='submit'] > button > span { line-height: 0; display: block; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .cart__lower button[type='submit'] > div:before, .cart__lower button[type='submit'] > button:before { position: absolute; top: 0; left: 0; width: 100%; height: var(--border); background-color: #000; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .cart__lower button[type='submit'] > div:after, .cart__lower button[type='submit'] > button:after { position: absolute; bottom: 0; left: 0; width: 100%; height: var(--border); background-color: #000; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .cart__lower button[type='submit']:hover { color: #fff; } .cart__lower button[type='submit']:before, .cart__lower button[type='submit']:after { background-color: #fff; } .cart__lower .cart_totals > h2 { display: none; } .cart__lower table { width: 100%; } .cart__lower table tr { 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; padding: 22px 0 26px; border-bottom: var(--border) solid #fff; } .cart__lower table th { font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; text-align: left; display: inline-block; text-transform: uppercase; width: calc(41.66667% - 5px); } @media all and (max-width: 1680px) { .cart__lower table th { font-size: 16px; line-height: 20px; } } .cart__lower table td { font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; display: inline-block; text-align: right; width: calc(58.33333% - 5px); } @media all and (max-width: 1680px) { .cart__lower table td { font-size: 16px; line-height: 20px; } } .cart__lower .wc-proceed-to-checkout a { display: block; color: #000; height: var(--height-1) !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: var(--border) solid #fff; font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; text-transform: uppercase; } @media all and (max-width: 1680px) { .cart__lower .wc-proceed-to-checkout a { font-size: 20px; line-height: 20px; } } @media all and (max-width: 1440px) { .cart__lower .wc-proceed-to-checkout a { font-size: 18px; line-height: 18px; } } @media all and (max-width: 1160px) { .cart__lower .wc-proceed-to-checkout a { font-size: 16px; line-height: 16px; } } .cart__lower .wc-proceed-to-checkout a:hover { color: #fff; } .cart__lower .woocommerce-shipping-totals { display: block; } .cart__lower .woocommerce-shipping-totals th { width: 100%; margin: 0 0 22px; } .cart__lower .woocommerce-shipping-totals td { width: 100%; text-align: left; } .cart__lower .woocommerce-shipping-totals li { margin: 0 0 20px; } .cart__lower .woocommerce-shipping-totals label { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 0 34px !important; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart__lower .woocommerce-shipping-totals label:before { content: ''; position: absolute; top: -1px; left: 0; width: 24px; height: 24px; background-color: #fff; } .cart__lower .woocommerce-shipping-totals label:after { content: ''; display: block !important; position: absolute !important; top: 3px; left: 4px; background-color: var(--gray); width: 16px; height: 16px; -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } @media all and (max-width: 960px) { .cart__lower .woocommerce-shipping-totals label:before { width: 20px; height: 20px; top: 0; } .cart__lower .woocommerce-shipping-totals label:after { width: 12px; height: 12px; top: 4px; } } .cart__lower .woocommerce-shipping-totals input { display: none; } .cart__lower .woocommerce-shipping-totals input:checked ~ label:after { background-color: var(--light_green); } .cart__lower .woocommerce-shipping-destination { margin: 0 0 20px; } .cart__lower .woocommerce-shipping-destination label { display: block; } .cart__lower .to-pin { height: 60vh; overflow-y: auto; /* Track */ /* Handle */ } .cart__lower .to-pin::-webkit-scrollbar { width: 4px; } .cart__lower .to-pin::-webkit-scrollbar-track { background: #000; } .cart__lower .to-pin::-webkit-scrollbar-thumb { background: var(--deep_green); } @media all and (max-width: 1680px) { .cart__lower table tr { padding: 18px 0 19px; } } @media all and (max-width: 1440px) { .cart__lower table tr { padding: 14px 0 16px; } } @media all and (max-width: 1160px) { .cart__lower { width: 41.66667%; } .cart__lower table tr { padding: 10px 0 12px; } } @media all and (max-width: 960px) { .cart__lower { width: 50%; padding: 0; } } @media all and (max-width: 660px) { .cart__lower { width: 100%; } } .cart-empty { margin: 0; } .return-to-shop { margin: 0; } .return-to-shop a { color: #fff; font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; } @media all and (max-width: 1680px) { .return-to-shop a { font-size: 16px; line-height: 20px; } } .return-to-shop a:hover { color: #000; } /*.wp-block-woocommerce-cart { padding: var(--page-begin) 0; }*/ .wc-block-cart { margin: 0; } .woocommerce-shipping-destination { display: none !important; } .woocommerce-page .woocommerce-shipping-methods input[type='hidden'] + label { padding: 0 !important; height: auto; } .woocommerce-page .woocommerce-shipping-methods input[type='hidden'] + label:before { content: none; } .woocommerce-checkout { /*.wc-block-components-notice-banner__content { @include shop-h4; }*/ } .woocommerce-checkout h1 { display: none; padding: var(--pd-120) 0 20px; } .woocommerce-checkout h2 { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-checkout h2 { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-checkout-empty { padding: 0 25%; } @media all and (max-width: 960px) { .woocommerce-checkout .wc-block-checkout-empty { padding: 0 16.66667%; } } @media all and (max-width: 660px) { .woocommerce-checkout .wc-block-checkout-empty { padding: 0 10px; } } .woocommerce-checkout .wc-block-checkout-empty svg { display: none; } .woocommerce-checkout .wc-block-checkout-empty strong { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-checkout-empty strong { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-checkout-empty .wp-block-button__link { margin: 0 auto; width: 100% !important; height: var(--height-1) !important; 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; font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; cursor: pointer; position: relative; text-transform: uppercase; -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; background-color: transparent; color: #000; } .woocommerce-checkout .wc-block-checkout-empty .wp-block-button__link:before { position: absolute; top: 0; left: 0; width: 100%; height: var(--border); background-color: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .woocommerce-checkout .wc-block-checkout-empty .wp-block-button__link:after { position: absolute; bottom: 0; left: 0; width: 100%; height: var(--border); background-color: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .woocommerce-checkout .wc-block-checkout-empty .wp-block-button__link:hover { opacity: 1; color: #fff; } .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block { display: none; } .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block:has(input), .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block:has(select) { display: block; } .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block label { overflow: visible; } .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block .wc-block-components-text-input, .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block .wc-block-components-select-input { display: none; } .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block .wc-block-components-text-input:has(input), .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block .wc-block-components-text-input:has(select), .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block .wc-block-components-select-input:has(input), .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block .wc-block-components-select-input:has(select) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block .wc-block-components-address-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block .wc-block-components-address-form > div { width: 50%; padding: 0 10px; } .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block .wc-block-components-address-form .wc-block-components-select-input { width: 100%; } @media all and (max-width: 960px) { .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block .wc-block-components-address-form { margin: 0 -5px; } .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block .wc-block-components-address-form > div { width: 100%; padding: 0 5px; } } @media all and (max-width: 660px) { .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block .wc-block-components-address-form { margin: 0; } .woocommerce-checkout .wp-block-woocommerce-checkout-additional-information-block .wc-block-components-address-form > div { padding: 0; } } .woocommerce-checkout .checkout-title { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 4.166666vw !important; line-height: 5.2vw !important; letter-spacing: -1px !important; margin: 0 0 20px; } @media all and (max-width: 960px) { .woocommerce-checkout .checkout-title { font-size: 30px !important; line-height: 38px !important; } } @media all and (max-width: 60px) { .woocommerce-checkout .checkout-title { font-size: 26px !important; line-height: 34px !important; } } .woocommerce-checkout .wc-block-components-notice-banner__dismiss { display: none !important; } .woocommerce-checkout .wc-block-checkout__login-prompt { color: #fff; } .woocommerce-checkout .wc-block-checkout__login-prompt:hover { color: #000; } .woocommerce-checkout .wc-block-store-notice.wc-block-components-notice-banner { display: block; border-top-width: var(--border) !important; border-bottom-width: var(--border) !important; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; color: #000 !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-store-notice.wc-block-components-notice-banner { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-components-address-form__address_2-toggle { display: none !important; } .woocommerce-checkout .price.wc-block-components-product-price { display: none; } .woocommerce-checkout .wcs-recurring-totals-panel__details { display: none !important; } @media all and (max-width: 720px) { .woocommerce-checkout .wc-block-components-totals-wrapper.slot-wrapper > * > * { padding: 0 10px; } } .woocommerce-checkout .wp-block-woocommerce-checkout p { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wp-block-woocommerce-checkout p { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wp-block-woocommerce-checkout { padding: var(--pd-120) 0 0; } .woocommerce-checkout .wc-block-components-form.wc-block-checkout__form .wc-block-checkout__contact-fields { margin: 0; } .woocommerce-checkout .wc-block-components-form.wc-block-checkout__form .wc-blocks-components-select { margin: 0; } .woocommerce-checkout .wc-block-components-checkout-return-to-cart-button svg { height: 100%; width: auto; } .woocommerce-checkout .wc-block-checkout__guest-checkout-notice { display: none !important; } .woocommerce-checkout .wc-block-components-shipping-placeholder__value { opacity: 0; } .woocommerce-checkout .wc-block-checkout { margin: 0 0 var(--pd-200); } .woocommerce-checkout strong { color: #000; } .woocommerce-checkout textarea { width: 100%; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; border: var(--border) solid #fff !important; outline: none; border-radius: 0; padding: 15px 20px; width: 100%; background-color: transparent; margin: 20px 0 0; } @media all and (max-width: 1680px) { .woocommerce-checkout textarea { font-size: 16px !important; line-height: 20px !important; } } @media all and (max-width: 960px) { .woocommerce-checkout textarea { padding: 15px 10px; } } .woocommerce-checkout label { width: 100%; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; padding: 0 0 10px; display: block; color: #000; } @media all and (max-width: 1680px) { .woocommerce-checkout label { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-components-shipping-rates-control__no-results-notice { padding: 0 !important; background: transparent !important; border: 0; font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; border-radius: 0 !important; color: #000 !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-shipping-rates-control__no-results-notice { font-size: 16px; line-height: 20px; } } .woocommerce-checkout .wc-block-components-shipping-rates-control__no-results-notice svg { display: none; } .woocommerce-checkout .wc-block-components-radio-control__description-group { margin: 0 !important; padding: 10px 0 0 0 !important; width: 100% !important; } .woocommerce-checkout .wc-block-components-radio-control__description-group > span { color: var(--light_green) !important; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-radio-control__description-group > span { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-components-radio-control__description-group svg { margin: -4px 0px 0 -4px !important; } .woocommerce-checkout .wc-block-components-address-form__address_2-toggle { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-address-form__address_2-toggle { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-checkout__shipping-method .wc-block-checkout__shipping-method-container { padding: 0; border-radius: 0; background: transparent; -ms-flex-wrap: wrap; flex-wrap: wrap; } .woocommerce-checkout .wc-block-checkout__shipping-method-option { border: var(--border) solid #fff; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; color: #000; height: var(--height-1); width: calc(50% - 10px); -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; -ms-flex-preferred-size: unset; flex-basis: unset; border-radius: 0; padding: 0; } .woocommerce-checkout .wc-block-checkout__shipping-method-option:hover { background-color: var(--light_green); color: #fff; } .woocommerce-checkout .wc-block-checkout__shipping-method-option > span { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce-checkout .wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected { background: var(--light_green); border: var(--border) solid #fff; color: #fff; } .woocommerce-checkout .wc-block-checkout__shipping-method-option .wc-block-checkout__shipping-method-option-title { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-checkout__shipping-method-option .wc-block-checkout__shipping-method-option-title { font-size: 16px !important; line-height: 20px !important; } } @media all and (max-width: 960px) { .woocommerce-checkout .wc-block-checkout__shipping-method-option { width: 100%; } .woocommerce-checkout .wc-block-checkout__shipping-method-option:first-of-type { margin: 0 0 10px; } } .woocommerce-checkout .wc-block-components-sidebar-layout { margin: 0 -10px; } .woocommerce-checkout .wc-block-components-main.wc-block-checkout__main { width: 50%; padding: 0 10px; } @media all and (max-width: 1160px) { .woocommerce-checkout .wc-block-components-main.wc-block-checkout__main { width: 58.33333%; } } @media all and (max-width: 720px) { .woocommerce-checkout .wc-block-components-main.wc-block-checkout__main { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .woocommerce-checkout .wc-block-components-sidebar { width: 33.33333%; padding: 0 10px 60px; margin: 0 0 0 auto; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-sidebar { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-components-sidebar.is-sticky { top: 128px !important; height: calc(100vh - 128px); overflow-y: auto; scrollbar-width: none; } @media all and (max-width: 1160px) { .woocommerce-checkout .wc-block-components-sidebar { width: 41.66667%; } } @media all and (max-width: 720px) { .woocommerce-checkout .wc-block-components-sidebar { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .woocommerce-checkout .wc-block-components-sidebar.is-sticky { position: static !important; height: auto; } } .woocommerce-checkout .wc-block-components-sidebar .wc-block-store-notice { background: transparent; border: 0; border-radius: 0; border-top: var(--border) solid #fff; border-bottom: var(--border) solid #fff; } .woocommerce-checkout .wc-block-components-sidebar .wc-block-store-notice svg { display: none; } .woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block { border: 0; /* Track */ /* Handle */ } .woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block::-webkit-scrollbar { width: 4px; } .woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block::-webkit-scrollbar-track { background: var(--gray); } .woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block::-webkit-scrollbar-thumb { background: #fff; } @media all and (max-width: 720px) { .woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content { padding: 0 10px 40px; border-bottom: 0; } } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title { margin: 0 0 20px; font-family: 'Font-Medium'; font-weight: 500; font-size: 4.166666vw; line-height: 5.2vw; letter-spacing: -1px; } @media all and (max-width: 960px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title { font-size: 30px; line-height: 38px; } } @media all and (max-width: 60px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title { font-size: 26px; line-height: 34px; } } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title > p { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 4.166666vw !important; line-height: 5.2vw !important; letter-spacing: -1px !important; margin: 0; } @media all and (max-width: 960px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title > p { font-size: 30px !important; line-height: 38px !important; } } @media all and (max-width: 60px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title > p { font-size: 26px !important; line-height: 34px !important; } } @media all and (max-width: 720px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title { padding: 10px; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; border-top: var(--border) solid #fff; border-bottom: var(--border) solid #fff; } } @media all and (max-width: 720px) and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title { font-size: 16px !important; line-height: 20px !important; } } @media all and (max-width: 720px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title > p { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } } @media all and (max-width: 720px) and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-checkout-order-summary__title > p { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-cart-items-block { padding: 0; border-bottom: var(--border) solid #fff !important; } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary { padding: 0; } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; margin: 0 0 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-product-metadata__description { display: none; } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__image { width: 25%; margin: 0; padding: 0; height: 7.916666vw; background-color: #fff; position: relative; overflow: hidden; } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; max-height: 60%; max-width: unset; } @media all and (min-width: 721px) and (max-width: 960px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__image { height: 20vw; width: 100%; margin: 0 0 10px; } } @media all and (max-width: 720px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__image { height: 20vw; } } @media all and (max-width: 660px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__image { height: 25vw; width: 33.33333%; } } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__description { padding: 0 10px; width: 75%; } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__description .wc-block-components-order-summary-item__individual-prices { display: none; } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__description .wc-block-components-product-details__ { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__description .wc-block-components-product-details__ { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__description .wc-block-components-product-details__ > span { text-transform: none; } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__description > h3 { margin: 0; } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__description > span, .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__description > div { padding: 0; margin: 0; } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__description span { font-weight: 500; } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__description ul { margin: 0; } @media all and (min-width: 721px) and (max-width: 960px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__description { width: 100%; padding: 0; } } @media all and (max-width: 660px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__description { width: 66.66667%; } } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__total-price { width: auto; margin: 0 0 0 auto; } @media all and (min-width: 721px) and (max-width: 960px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-order-summary-item__total-price { width: 100%; margin: 0; text-align: left; } } .woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-totals-block { border: 0; padding: 0; margin: 0; } .woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item { padding: 22px 0 26px; border-bottom: var(--border) solid #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item span { font-weight: 500; } .woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item > .wc-block-components-totals-item__label { width: 41.66667%; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item { padding: 18px 0 19px; } } @media all and (max-width: 1440px) { .woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item { padding: 14px 0 16px; } } @media all and (max-width: 1160px) { .woocommerce-checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-item { padding: 10px 0 12px; } } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper { padding: 0; border: 0; } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper > .wc-block-components-totals-item.wc-block-components-totals-footer-item { padding: 22px 0 26px; border-bottom: var(--border) solid #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper > .wc-block-components-totals-item.wc-block-components-totals-footer-item span, .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper > .wc-block-components-totals-item.wc-block-components-totals-footer-item p { font-weight: 500; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper > .wc-block-components-totals-item.wc-block-components-totals-footer-item span, .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper > .wc-block-components-totals-item.wc-block-components-totals-footer-item p { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper > .wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__label { width: 41.66667%; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper > .wc-block-components-totals-item.wc-block-components-totals-footer-item { padding: 18px 0 19px; } } @media all and (max-width: 1440px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper > .wc-block-components-totals-item.wc-block-components-totals-footer-item { padding: 14px 0 16px; } } @media all and (max-width: 1160px) { .woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper > .wc-block-components-totals-item.wc-block-components-totals-footer-item { padding: 10px 0 12px; } } .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block { padding: 0; border: 0; border-bottom: var(--border) solid #fff !important; } .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-panel__button { height: var(--height-1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; position: relative; } .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-panel__button:after { width: 24px; height: 13px; background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMjcgMTciIHdpZHRoPSIyNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iNCI+PHBhdGggZD0ibTE0LjMxMjMgMTIuMzEyMyAxMC42MDY3LTEwLjYwNjU1Ii8+PHBhdGggZD0ibTE0LjMxMjMgMTUuMTQwOC0xMi43Mjc4Ny0xMi43Mjc5NSIvPjwvZz48L3N2Zz4=); background-size: cover; background-position: center; background-repeat: no-repeat; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; position: absolute; content: ''; } .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-panel__button svg { display: none; } @media all and (max-width: 1160px) { .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-panel__button:after { width: 18px; height: 10px; } } @media all and (max-width: 720px) { .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block .wc-block-components-panel__button:after { width: 16px; height: 10px; } } .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block > div { padding: 0; } .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block form { padding: 0 0 26px; } .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block form > div { width: 100%; } .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block form label { padding: 0 0 10px; } .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block form > button { width: 100%; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; outline: none; border: 0; color: #000; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; cursor: pointer; border: var(--border) solid #fff; height: var(--height_1); } @media all and (max-width: 1680px) { .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block form > button { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block form > button:hover { opacity: 1; color: #fff; } .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block form label { padding: 0; } .woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item h3 { font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item h3 { font-size: 16px; line-height: 20px; } } .woocommerce-checkout .wc-block-components-order-summary-item__quantity { -webkit-box-shadow: none !important; box-shadow: none !important; border: 0 !important; width: 24px !important; height: 24px !important; background-color: var(--light_green) !important; font-family: 'Font-Medium'; font-weight: 500; font-size: 14px; line-height: 18px; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; border-radius: 0 !important; padding: 0 !important; } @media all and (max-width: 1160px) { .woocommerce-checkout .wc-block-components-order-summary-item__quantity { width: 20px; height: 20px; } } @media all and (max-width: 960px) { .woocommerce-checkout .wc-block-components-order-summary-item__quantity { width: 18px; height: 18px; } } .woocommerce-checkout .block-big-small-titles { margin: 0 0 40px !important; } .woocommerce-checkout .wc-block-components-checkout-step__heading { margin: 0 0 20px !important; } .woocommerce-checkout .wc-block-components-checkout-step__heading .wc-block-checkout__login-prompt { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-checkout-step__heading .wc-block-checkout__login-prompt { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-components-checkout-step__description { margin: 0 0 20px; } .woocommerce-checkout .wc-block-components-form .wc-block-components-checkout-step { padding-top: 0 !important; margin: 0 0 40px !important; } .woocommerce-checkout .wc-block-components-form .wc-block-components-checkout-step:after { display: none !important; } .woocommerce-checkout .wc-block-components-address-form > div { margin: 0 0 30px !important; } @media all and (max-width: 720px) { .woocommerce-checkout .wc-block-components-address-form > div { margin: 0 0 20px !important; } } .woocommerce-checkout .wc-block-components-text-input { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .woocommerce-checkout .wc-block-components-text-input input { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; width: 100% !important; border: var(--border) solid #fff !important; outline: none !important; border-radius: 0 !important; height: var(--height-1) !important; padding: 0 10px !important; cursor: pointer; color: #000 !important; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-color: transparent !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-text-input input { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-components-text-input label { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100% !important; max-width: 100% !important; margin: 0 0 10px; position: static !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; color: #000 !important; -webkit-transition: none; -o-transition: none; transition: none; } @media all and (max-width: 720px) { .woocommerce-checkout .wc-block-components-text-input { -webkit-box-flex: 1 !important; -ms-flex: 1 0 100% !important; flex: 1 0 100% !important; } } .woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: transparent !important; border-radius: 0 !important; height: auto !important; position: relative !important; width: 100%; margin: 0 !important; } .woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container select { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; width: 100% !important; border: var(--border) solid #fff !important; outline: none !important; border-radius: 0 !important; height: var(--height-1) !important; padding: 0 10px !important; cursor: pointer; color: #000 !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container select { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container label { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100% !important; max-width: 100% !important; margin: 0 0 10px; position: static !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; color: #000 !important; -webkit-transition: none; -o-transition: none; transition: none; padding: 0 !important; } .woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container svg { right: 10px; top: unset; -webkit-transform: none; -ms-transform: none; transform: none; bottom: 22px; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container svg { bottom: 18px; } } @media all and (max-width: 1160px) { .woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container svg { bottom: 12px; } } @media all and (max-width: 960px) { .woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container svg { bottom: 8px; } } .woocommerce-checkout .wc-block-components-validation-error { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; padding: 10px 0; } .woocommerce-checkout .wc-block-components-validation-error svg { display: none; } .woocommerce-checkout .wc-block-components-validation-error span { font-family: 'Font-Medium' !important; font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important; font-style: normal !important; } .woocommerce-checkout .wc-block-components-address-form__address_2-toggle { margin: 0 0 10px !important; } .woocommerce-checkout .wc-block-components-checkbox svg { display: none; } .woocommerce-checkout .wc-block-components-checkbox input { display: none; } .woocommerce-checkout .wc-block-components-checkbox label { text-transform: none !important; padding: 0 0 0 34px !important; position: relative; } .woocommerce-checkout .wc-block-components-checkbox label:before { content: ''; position: absolute; top: -1px; left: 0; width: 24px; height: 24px; background-color: #fff; } .woocommerce-checkout .wc-block-components-checkbox label:after { content: ''; display: block !important; position: absolute !important; top: 3px; left: 4px; background-color: var(--gray); width: 16px; height: 16px; -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } @media all and (max-width: 960px) { .woocommerce-checkout .wc-block-components-checkbox label:before { width: 20px; height: 20px; top: 0; } .woocommerce-checkout .wc-block-components-checkbox label:after { width: 12px; height: 12px; top: 4px; } } .woocommerce-checkout .wc-block-components-checkbox span { line-height: inherit; } .woocommerce-checkout .wc-block-components-checkbox:has(input:checked) label:after { background-color: var(--light_green); } .woocommerce-checkout .wc-block-components-radio-control:after { display: none; } .woocommerce-checkout .wc-block-components-radio-control input { display: none; } .woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__option { -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 0 10px; display: block; text-transform: none !important; padding: 0 0 0 34px !important; position: relative; } .woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__option:before { content: ''; position: absolute; top: -1px; left: 0; width: 24px; height: 24px; background-color: #fff; } .woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__option:after { content: ''; display: block !important; position: absolute !important; top: 3px; left: 4px; background-color: var(--gray); width: 16px; height: 16px; -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } @media all and (max-width: 960px) { .woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__option:before { width: 20px; height: 20px; top: 0; } .woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__option:after { width: 12px; height: 12px; top: 4px; } } .woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__option span { line-height: inherit; } .woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__option:has(input:checked):after { background-color: var(--light_green); } .woocommerce-checkout .wc-block-components-radio-control-accordion-option { -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0 !important; border: 0 !important; margin: 0 0 10px; } .woocommerce-checkout .wc-block-components-radio-control-accordion-option:after { display: none; } .woocommerce-checkout .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control-accordion-content { padding: 0 0 10px 34px; } .woocommerce-checkout .wc-block-checkout__terms { padding: 0 !important; border: 0 !important; margin: 0 0 40px !important; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-checkout__terms { font-size: 16px !important; line-height: 20px !important; } } @media all and (max-width: 660px) { .woocommerce-checkout .wc-block-checkout__terms { margin: 0 !important; } } .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wp-block-woocommerce-checkout-order-summary-block { display: none !important; } .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row > a { display: inline-block; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; position: relative; } @media all and (max-width: 1680px) { .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row > a { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row > a svg { position: absolute; left: 0; top: 1px; -webkit-transform: none; -ms-transform: none; transform: none; } .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-button { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; width: 100%; text-align: center; display: block; min-height: auto; margin: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; padding: 0; margin: 0 0 20px; } @media all and (max-width: 1680px) { .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-button { font-size: 20px; line-height: 20px; } } @media all and (max-width: 1440px) { .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-button { font-size: 18px; line-height: 18px; } } @media all and (max-width: 1160px) { .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-button { font-size: 16px; line-height: 16px; } } .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-button:hover { opacity: 1; color: #fff; } .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-button .wc-block-components-button__text { position: relative; height: var(--height-1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; } .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-button .wc-block-components-button__text:before { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background-color: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-button .wc-block-components-button__text:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-button .wc-block-components-button__text > div { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .woocommerce-checkout .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-button .wc-block-components-button__text > div .wc-block-components-checkout-place-order-button__separator { margin: 0 10px; } .woocommerce-checkout .checkout-order-summary-block-fill { margin: 0 0 20px; border: var(--border) solid #fff !important; border-radius: 0 !important; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .checkout-order-summary-block-fill { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .checkout-order-summary-block-fill span { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .checkout-order-summary-block-fill span { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .checkout-order-summary-block-fill .wc-block-components-totals-wrapper { padding-left: 0 !important; padding-right: 0 !important; border-top: 0; } .woocommerce-checkout .checkout-order-summary-block-fill .wc-block-components-totals-wrapper:has(> div) { padding: 10px 0 !important; } .woocommerce-checkout .checkout-order-summary-block-fill .wp-block-woocommerce-checkout-order-summary-totals-block { border-top: var(--border) solid #fff; } .woocommerce-checkout .checkout-order-summary-block-fill .wp-block-woocommerce-checkout-order-summary-coupon-form-block { border-bottom: 0 !important; } .woocommerce-checkout .checkout-order-summary-block-fill .wp-block-woocommerce-checkout-order-summary-coupon-form-block label { margin: 0 0 10px; } @media all and (max-width: 720px) { .woocommerce-checkout .checkout-order-summary-block-fill .wc-block-components-totals-coupon { padding: 0 10px !important; } } @media all and (max-width: 720px) { .woocommerce-checkout .checkout-order-summary-block-fill .wc-block-components-order-summary { padding-left: 10px !important; padding-right: 10px !important; } .woocommerce-checkout .checkout-order-summary-block-fill .wc-block-components-order-summary .wc-block-components-order-summary-item__image { width: 33.33333%; margin: 0 !important; } .woocommerce-checkout .checkout-order-summary-block-fill .wc-block-components-order-summary .wc-block-components-order-summary-item__image img { width: 100%; max-width: 100%; } .woocommerce-checkout .checkout-order-summary-block-fill .wc-block-components-order-summary .wc-block-components-order-summary-item__description { padding: 0 10px !important; width: 66.66667%; } } @media all and (max-width: 720px) { .woocommerce-checkout .checkout-order-summary-block-fill .wc-block-components-totals-item { padding-left: 10px !important; padding-right: 10px !important; } } .woocommerce-checkout .woocommerce-order, .woocommerce-checkout #order_review { padding: var(--pd-120) 33.33333% var(--pd-200); font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; /* .shop_table { width: 100%; margin: 0 0 40px; small { font-size: inherit; } th { text-align: left; } thead { th { padding: 0 0 26px; } th:last-of-type { text-align: right; } } tbody { tr { > td { &:last-of-type { text-align: right; } li { p { display: inline; } } } } } tfoot { tr { > td { text-align: right; } } } }*/ } @media all and (max-width: 1680px) { .woocommerce-checkout .woocommerce-order, .woocommerce-checkout #order_review { font-size: 16px !important; line-height: 20px !important; } } @media all and (max-width: 1440px) { .woocommerce-checkout .woocommerce-order, .woocommerce-checkout #order_review { padding: var(--pd-120) 25% var(--pd-200); } } @media all and (max-width: 960px) { .woocommerce-checkout .woocommerce-order, .woocommerce-checkout #order_review { padding: var(--pd-120) 16.66667% var(--pd-200); } } @media all and (max-width: 660px) { .woocommerce-checkout .woocommerce-order, .woocommerce-checkout #order_review { padding: var(--pd-120) 0 var(--pd-200); } } .woocommerce-checkout .woocommerce-order .woocommerce-order-overview li, .woocommerce-checkout #order_review .woocommerce-order-overview li { margin: 0 0 5px; } .woocommerce-checkout .woocommerce-order > p, .woocommerce-checkout #order_review > p { margin: 0 0 40px !important; } .woocommerce-checkout .woocommerce-order > section, .woocommerce-checkout #order_review > section { margin: 0 0 40px; } .woocommerce-checkout .woocommerce-order > section > h2, .woocommerce-checkout #order_review > section > h2 { margin: 0 0 20px; } .woocommerce-checkout .woocommerce-order .wc_payment_method, .woocommerce-checkout #order_review .wc_payment_method { margin: 0 0 20px; } .woocommerce-checkout .woocommerce-order .wc_payment_method label, .woocommerce-checkout #order_review .wc_payment_method label { padding: 0 0 0 34px !important; position: relative; } .woocommerce-checkout .woocommerce-order .wc_payment_method label:before, .woocommerce-checkout #order_review .wc_payment_method label:before { content: ''; position: absolute; top: -1px; left: 0; width: 24px; height: 24px; background-color: #fff; } .woocommerce-checkout .woocommerce-order .wc_payment_method label:after, .woocommerce-checkout #order_review .wc_payment_method label:after { content: ''; display: block !important; position: absolute !important; top: 3px; left: 4px; background-color: var(--gray); width: 16px; height: 16px; -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } @media all and (max-width: 960px) { .woocommerce-checkout .woocommerce-order .wc_payment_method label:before, .woocommerce-checkout #order_review .wc_payment_method label:before { width: 20px; height: 20px; top: 0; } .woocommerce-checkout .woocommerce-order .wc_payment_method label:after, .woocommerce-checkout #order_review .wc_payment_method label:after { width: 12px; height: 12px; top: 4px; } } .woocommerce-checkout .woocommerce-order .wc_payment_method:has(input:checked) label:after, .woocommerce-checkout #order_review .wc_payment_method:has(input:checked) label:after { background-color: var(--light_green); } .woocommerce-checkout .woocommerce-order .wc_payment_method input, .woocommerce-checkout #order_review .wc_payment_method input { display: none; } .woocommerce-checkout .woocommerce-order .wc_payment_method svg, .woocommerce-checkout #order_review .wc_payment_method svg { display: none; } .woocommerce-checkout .woocommerce-order .wc_payment_method .payment_box, .woocommerce-checkout #order_review .wc_payment_method .payment_box { padding: 0 0 0 34px; font-family: 'Font-Medium'; font-weight: 500; font-size: 14px; line-height: 18px; } .woocommerce-checkout .woocommerce-order .woocommerce-terms-and-conditions-wrapper, .woocommerce-checkout #order_review .woocommerce-terms-and-conditions-wrapper { margin: 0 0 40px; } .woocommerce-checkout .woocommerce-order .woocommerce-terms-and-conditions-wrapper > div, .woocommerce-checkout #order_review .woocommerce-terms-and-conditions-wrapper > div { margin: 0 0 20px; } .woocommerce-checkout .woocommerce-order .woocommerce-terms-and-conditions-wrapper label, .woocommerce-checkout #order_review .woocommerce-terms-and-conditions-wrapper label { padding: 0 0 0 34px !important; position: relative; } .woocommerce-checkout .woocommerce-order .woocommerce-terms-and-conditions-wrapper label:before, .woocommerce-checkout #order_review .woocommerce-terms-and-conditions-wrapper label:before { content: ''; position: absolute; top: -1px; left: 0; width: 24px; height: 24px; background-color: #fff; } .woocommerce-checkout .woocommerce-order .woocommerce-terms-and-conditions-wrapper label:after, .woocommerce-checkout #order_review .woocommerce-terms-and-conditions-wrapper label:after { content: ''; display: block !important; position: absolute !important; top: 3px; left: 4px; background-color: var(--gray); width: 16px; height: 16px; -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } @media all and (max-width: 960px) { .woocommerce-checkout .woocommerce-order .woocommerce-terms-and-conditions-wrapper label:before, .woocommerce-checkout #order_review .woocommerce-terms-and-conditions-wrapper label:before { width: 20px; height: 20px; top: 0; } .woocommerce-checkout .woocommerce-order .woocommerce-terms-and-conditions-wrapper label:after, .woocommerce-checkout #order_review .woocommerce-terms-and-conditions-wrapper label:after { width: 12px; height: 12px; top: 4px; } } .woocommerce-checkout .woocommerce-order .woocommerce-terms-and-conditions-wrapper:has(input:checked) label:after, .woocommerce-checkout #order_review .woocommerce-terms-and-conditions-wrapper:has(input:checked) label:after { background-color: var(--light_green); } .woocommerce-checkout .woocommerce-order .woocommerce-terms-and-conditions-wrapper input, .woocommerce-checkout #order_review .woocommerce-terms-and-conditions-wrapper input { display: none; } .woocommerce-checkout .woocommerce-order tr, .woocommerce-checkout #order_review tr { border-bottom: var(--border) solid #fff; } .woocommerce-checkout .woocommerce-order th, .woocommerce-checkout #order_review th { font-weight: 500; } .woocommerce-checkout .woocommerce-order .shop_table, .woocommerce-checkout #order_review .shop_table { margin: 0 0 40px; } .woocommerce-checkout .woocommerce-order .shop_table th, .woocommerce-checkout #order_review .shop_table th { text-align: left; font-weight: 500; } .woocommerce-checkout .woocommerce-order .shop_table td, .woocommerce-checkout #order_review .shop_table td { padding: 20px 0 24px; } .woocommerce-checkout .woocommerce-order .shop_table thead th, .woocommerce-checkout #order_review .shop_table thead th { padding: 0 0 24px; } .woocommerce-checkout .woocommerce-order .shop_table thead th:last-of-type, .woocommerce-checkout #order_review .shop_table thead th:last-of-type { text-align: right; } .woocommerce-checkout .woocommerce-order .shop_table tbody tr, .woocommerce-checkout #order_review .shop_table tbody tr { vertical-align: top; } .woocommerce-checkout .woocommerce-order .shop_table tbody tr.order_item:first-of-type, .woocommerce-checkout #order_review .shop_table tbody tr.order_item:first-of-type { border-top: var(--border) solid #fff; border-bottom: var(--border) solid #fff; } .woocommerce-checkout .woocommerce-order .shop_table tbody tr > td:first-of-type, .woocommerce-checkout #order_review .shop_table tbody tr > td:first-of-type { width: 50%; } .woocommerce-checkout .woocommerce-order .shop_table tbody tr > td:last-of-type, .woocommerce-checkout #order_review .shop_table tbody tr > td:last-of-type { width: 50%; text-align: right; } .woocommerce-checkout .woocommerce-order .shop_table tbody tr > td li p, .woocommerce-checkout #order_review .shop_table tbody tr > td li p { display: inline; } .woocommerce-checkout .woocommerce-order .shop_table tfoot, .woocommerce-checkout #order_review .shop_table tfoot { border-bottom: var(--border) solid #fff; } .woocommerce-checkout .woocommerce-order .shop_table tfoot tr > th, .woocommerce-checkout #order_review .shop_table tfoot tr > th { font-weight: 500 !important; width: 50%; } .woocommerce-checkout .woocommerce-order .shop_table tfoot tr > td, .woocommerce-checkout #order_review .shop_table tfoot tr > td { width: 50%; text-align: right; } @media all and (max-width: 1440px) { .woocommerce-checkout .woocommerce-order .shop_table td, .woocommerce-checkout #order_review .shop_table td { padding: 13px 0 17px; } .woocommerce-checkout .woocommerce-order .shop_table thead th, .woocommerce-checkout #order_review .shop_table thead th { padding: 0 0 17px; } } @media all and (max-width: 1160px) { .woocommerce-checkout .woocommerce-order .shop_table td, .woocommerce-checkout #order_review .shop_table td { padding: 11px 0 15px; } .woocommerce-checkout .woocommerce-order .shop_table thead th, .woocommerce-checkout #order_review .shop_table thead th { padding: 0 0 15px; } } @media all and (max-width: 960px) { .woocommerce-checkout .woocommerce-order .shop_table td, .woocommerce-checkout #order_review .shop_table td { padding: 11px 0; } .woocommerce-checkout .woocommerce-order .shop_table thead th, .woocommerce-checkout #order_review .shop_table thead th { padding: 0 0 11px; } } .woocommerce-checkout .woocommerce-order button[type='submit'], .woocommerce-checkout #order_review button[type='submit'] { width: 100% !important; height: var(--height-1); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; text-transform: uppercase; font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; } @media all and (max-width: 1680px) { .woocommerce-checkout .woocommerce-order button[type='submit'], .woocommerce-checkout #order_review button[type='submit'] { font-size: 20px; line-height: 20px; } } @media all and (max-width: 1440px) { .woocommerce-checkout .woocommerce-order button[type='submit'], .woocommerce-checkout #order_review button[type='submit'] { font-size: 18px; line-height: 18px; } } @media all and (max-width: 1160px) { .woocommerce-checkout .woocommerce-order button[type='submit'], .woocommerce-checkout #order_review button[type='submit'] { font-size: 16px; line-height: 16px; } } .woocommerce-checkout .woocommerce-order button[type='submit']:before, .woocommerce-checkout #order_review button[type='submit']:before { position: absolute; top: 0; left: 0; width: 100%; height: var(--border); background-color: #fff; content: ''; } .woocommerce-checkout .woocommerce-order button[type='submit']:after, .woocommerce-checkout #order_review button[type='submit']:after { position: absolute; bottom: 0; left: 0; width: 100%; height: var(--border); background-color: #fff; content: ''; } .woocommerce-checkout .woocommerce-order button[type='submit']:hover, .woocommerce-checkout #order_review button[type='submit']:hover { color: #fff; } .woocommerce-checkout .wc-block-components-address-card { border: var(--border) solid #fff; padding: 10px; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; border-radius: 0; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-address-card { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-components-address-card span { font-weight: 500 !important; } .woocommerce-checkout .woocommerce-thankyou-order-received { font-family: 'Font-Regular'; font-weight: normal; font-size: 1.770833vw; line-height: 2.083333vw; } @media all and (max-width: 1160px) { .woocommerce-checkout .woocommerce-thankyou-order-received { font-size: 1.896551vw; line-height: 2.155172vw; } } @media all and (max-width: 960px) { .woocommerce-checkout .woocommerce-thankyou-order-received { font-size: 24px; line-height: 29px; } } @media all and (max-width: 660px) { .woocommerce-checkout .woocommerce-thankyou-order-received { font-size: 22px; line-height: 27px; } } .woocommerce-checkout:has(.woocommerce-notice--success.woocommerce-thankyou-order-received ~ .woocommerce-form-login) .woocommerce-info { padding: 0 0 10px; } .woocommerce-checkout:has(.woocommerce-notice--success.woocommerce-thankyou-order-received ~ .woocommerce-form-login) .woocommerce { padding: 40px 33.33333% var(--pd-200); } .woocommerce-checkout:has(.woocommerce-notice--success.woocommerce-thankyou-order-received ~ .woocommerce-form-login) .woocommerce-form__label-for-checkbox { margin: 0 0 20px; } .woocommerce-checkout:has(.woocommerce-notice--success.woocommerce-thankyou-order-received ~ .woocommerce-form-login) .woocommerce-form__input-checkbox { display: none; } .woocommerce-checkout .wc-block-components-notice-snackbar { -webkit-box-shadow: none !important; box-shadow: none !important; color: #fff !important; background: var(--blue) !important; font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; margin: 0 !important; padding: 8px 10px 10px !important; border: 0 !important; border-radius: 0; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-notice-snackbar { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-components-notice-snackbar > div { padding: 0; } .woocommerce-checkout .wc-block-components-notice-snackbar svg { display: none !important; } .woocommerce-checkout .wc-block-components-notice-snackbar button { display: none !important; } .woocommerce-checkout .wc-block-components-totals-discount__coupon-list { margin: 10px 0 0; } .woocommerce-checkout .wc-block-components-totals-discount__coupon-list .wc-block-components-totals-discount__coupon-list-item { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; padding: 4px 10px 6px; border: var(--border) solid #fff; border-radius: 0; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-totals-discount__coupon-list .wc-block-components-totals-discount__coupon-list-item { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-components-totals-discount__coupon-list .wc-block-components-totals-discount__coupon-list-item button { background: transparent; width: 26px; height: 26px; cursor: pointer; margin: 3px 0 0; } .woocommerce-checkout .wc-block-components-totals-discount__coupon-list .wc-block-components-totals-discount__coupon-list-item button:hover svg { fill: rgba(0, 0, 0, 0.7); } .woocommerce-checkout .wc-block-components-formatted-money-amount { font-weight: 500 !important; } .woocommerce-checkout .wc-block-components-totals-discount .wc-block-components-totals-item__value { color: var(--rose) !important; } .woocommerce-checkout .wc-block-components-totals-footer-item-tax { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-totals-footer-item-tax { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-checkout .wc-block-components-express-payment__content { border: none !important; padding: 20px 0 0 !important; } .woocommerce-checkout .wc-block-components-express-payment__title-container:before, .woocommerce-checkout .wc-block-components-express-payment__title-container:after { display: none !important; } .woocommerce-checkout .wc-block-store-notice.wc-block-components-notice-banner.is-error { background-color: transparent; border: 0; border-bottom: 1px solid #cc1818; border-top: 1px solid #cc1818; border-radius: 0; padding: 10px 0 !important; } .woocommerce-checkout .wc-block-store-notice.wc-block-components-notice-banner.is-error svg { display: none; } .woocommerce-checkout .woocommerce-thankyou-order-details { margin: 0 0 30px; } .woocommerce-checkout .wc-block-order-confirmation-additional-fields-wrapper { margin: 40px 0 0; } .woocommerce-checkout .wc-block-order-confirmation-additional-fields-wrapper dd { margin: 0 0 20px; } .woocommerce-checkout .wc-block-order-confirmation-additional-fields-wrapper h2 { margin: 0 0 20px; } .woocommerce-checkout .wc-block-components-totals-item__description .wc-block-components-totals-shipping__via { font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; } @media all and (max-width: 1680px) { .woocommerce-checkout .wc-block-components-totals-item__description .wc-block-components-totals-shipping__via { font-size: 16px; line-height: 20px; } } .woocommerce-checkout .woocommerce-error { padding: 20px 10px; } .woocommerce-checkout span { font-weight: 500 !important; } .woocommerce-checkout span > span { font-weight: 500 !important; } .woocommerce-checkout .wc-block-components-totals-item.wcs-recurring-totals-panel__title { padding: 0 !important; } .woocommerce-checkout .wcs-recurring-totals-panel__details { padding: 0 !important; } .woocommerce-customer-details .woocommerce-column__title { margin: 0 0 20px; } address { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; font-style: normal; } @media all and (max-width: 1680px) { address { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-column--billing-address { margin: 0 0 20px; } .woocommerce-account h1 { display: none; } .woocommerce-account b, .woocommerce-account strong { color: #000; } .woocommerce-account button[type='submit'].woocommerce-Button, .woocommerce-account button[type='submit'].woocommerce-button, .woocommerce-account button[type='submit'].button { width: 100% !important; height: var(--height-1) !important; 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; font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; cursor: pointer; position: relative; text-transform: uppercase; -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; } @media all and (max-width: 1680px) { .woocommerce-account button[type='submit'].woocommerce-Button, .woocommerce-account button[type='submit'].woocommerce-button, .woocommerce-account button[type='submit'].button { font-size: 20px; line-height: 20px; } } @media all and (max-width: 1440px) { .woocommerce-account button[type='submit'].woocommerce-Button, .woocommerce-account button[type='submit'].woocommerce-button, .woocommerce-account button[type='submit'].button { font-size: 18px; line-height: 18px; } } @media all and (max-width: 1160px) { .woocommerce-account button[type='submit'].woocommerce-Button, .woocommerce-account button[type='submit'].woocommerce-button, .woocommerce-account button[type='submit'].button { font-size: 16px; line-height: 16px; } } .woocommerce-account button[type='submit'].woocommerce-Button:before, .woocommerce-account button[type='submit'].woocommerce-button:before, .woocommerce-account button[type='submit'].button:before { position: absolute; top: 0; left: 0; width: 100%; height: var(--border); background-color: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .woocommerce-account button[type='submit'].woocommerce-Button:after, .woocommerce-account button[type='submit'].woocommerce-button:after, .woocommerce-account button[type='submit'].button:after { position: absolute; bottom: 0; left: 0; width: 100%; height: var(--border); background-color: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .woocommerce-account button[type='submit'].woocommerce-Button:hover, .woocommerce-account button[type='submit'].woocommerce-button:hover, .woocommerce-account button[type='submit'].button:hover { opacity: 1; color: #fff; } .woocommerce-account #customer_login { padding: var(--pd-120) 0 var(--pd-200); } .woocommerce-account #customer_login > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .woocommerce-account #customer_login > div > h2 { width: 50%; padding: 0 10px; font-family: 'Font-Medium'; font-weight: 500; font-size: 4.166666vw; line-height: 5.2vw; letter-spacing: -1px; } @media all and (max-width: 960px) { .woocommerce-account #customer_login > div > h2 { font-size: 30px; line-height: 38px; } } @media all and (max-width: 60px) { .woocommerce-account #customer_login > div > h2 { font-size: 26px; line-height: 34px; } } .woocommerce-account #customer_login > div > form { width: 50%; padding: 0 10px; } .woocommerce-account #customer_login .col-1 { margin: 0 0 var(--pd-200); } .woocommerce-account #customer_login .woocommerce-form-login__rememberme { padding: 0 0 0 34px !important; position: relative; margin: 0 0 40px; } .woocommerce-account #customer_login .woocommerce-form-login__rememberme:before { content: ''; position: absolute; top: -1px; left: 0; width: 24px; height: 24px; background-color: #fff; } .woocommerce-account #customer_login .woocommerce-form-login__rememberme:after { content: ''; display: block !important; position: absolute !important; top: 3px; left: 4px; background-color: var(--gray); width: 16px; height: 16px; -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } @media all and (max-width: 960px) { .woocommerce-account #customer_login .woocommerce-form-login__rememberme:before { width: 20px; height: 20px; top: 0; } .woocommerce-account #customer_login .woocommerce-form-login__rememberme:after { width: 12px; height: 12px; top: 4px; } } .woocommerce-account #customer_login .woocommerce-form-login__rememberme:has(input:checked):after { background-color: var(--light_green); } .woocommerce-account #customer_login .woocommerce-form-login__rememberme input { display: none; } .woocommerce-account #customer_login .woocommerce-privacy-policy-text { margin: 0 0 20px; } .woocommerce-account #customer_login .woocommerce-LostPassword a { color: var(--light_green); font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .woocommerce-account #customer_login .woocommerce-LostPassword a { font-size: 16px !important; line-height: 20px !important; } } .woocommerce-account #customer_login .woocommerce-LostPassword a:hover { opacity: 1; color: #000; } .woocommerce-account .woocommerce-address-fields__field-wrapper { margin: 0 0 20px; } .woocommerce-account #update_all_subscriptions_addresses_field, .woocommerce-account #update_all_subscriptions_billing_contact_field { margin: 0 0 40px; } .woocommerce-account #update_all_subscriptions_addresses_field input, .woocommerce-account #update_all_subscriptions_billing_contact_field input { display: none; } .woocommerce-account #update_all_subscriptions_addresses_field label, .woocommerce-account #update_all_subscriptions_billing_contact_field label { padding: 0 0 0 34px !important; position: relative; } .woocommerce-account #update_all_subscriptions_addresses_field label:before, .woocommerce-account #update_all_subscriptions_billing_contact_field label:before { content: ''; position: absolute; top: -1px; left: 0; width: 24px; height: 24px; background-color: #fff; } .woocommerce-account #update_all_subscriptions_addresses_field label:after, .woocommerce-account #update_all_subscriptions_billing_contact_field label:after { content: ''; display: block !important; position: absolute !important; top: 3px; left: 4px; background-color: var(--gray); width: 16px; height: 16px; -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } @media all and (max-width: 960px) { .woocommerce-account #update_all_subscriptions_addresses_field label:before, .woocommerce-account #update_all_subscriptions_billing_contact_field label:before { width: 20px; height: 20px; top: 0; } .woocommerce-account #update_all_subscriptions_addresses_field label:after, .woocommerce-account #update_all_subscriptions_billing_contact_field label:after { width: 12px; height: 12px; top: 4px; } } .woocommerce-account #update_all_subscriptions_addresses_field input:checked ~ label:after, .woocommerce-account #update_all_subscriptions_billing_contact_field input:checked ~ label:after { background-color: var(--light_green); } .woocommerce-account .select2-container .select2-selection { border: var(--border) solid #fff; } .woocommerce-account .select2-container .select2-selection--single .select2-selection__arrow { right: calc(var(--border) + 10px) !important; } @media all and (max-width: 660px) { .woocommerce-account #customer_login { padding: 40px 0 var(--pd-200); } .woocommerce-account #customer_login > div { margin: 0; } .woocommerce-account #customer_login .col-1 { margin: 0 0 60px; } .woocommerce-account #customer_login .col-1 > h2 { width: 100%; margin: 0 0 20px; padding: 0; } .woocommerce-account #customer_login .col-1 > form { width: 100%; padding: 0; } .woocommerce-account #customer_login .col-2 { width: 100%; padding: 0; } .woocommerce-account #customer_login .col-2 > h2 { width: 100%; margin: 0 0 20px; padding: 0; } .woocommerce-account #customer_login .col-2 > form { width: 100%; padding: 0; } } .dashboard-wrapper { padding: var(--pd-120) 0 var(--pd-200); font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; } @media all and (max-width: 1680px) { .dashboard-wrapper { font-size: 16px !important; line-height: 20px !important; } } .dashboard-wrapper .woocommerce-notices-wrapper { width: 100%; } .dashboard-wrapper > .flex { margin: 0 -10px; } .dashboard-wrapper > .flex nav { width: 16.66667%; padding: 0 10px; } .dashboard-wrapper > .flex nav a { padding: 4px 0; display: inline-block; } .dashboard-wrapper > .flex mark { background-color: transparent; } .dashboard-wrapper > .flex > div { width: 83.33333%; } .dashboard-wrapper > .flex > div > div { padding: 0 20%; } @media all and (max-width: 1440px) { .dashboard-wrapper > .flex > div > div { padding: 0 10%; } } @media all and (max-width: 1160px) { .dashboard-wrapper > .flex > div > div { padding: 0; } } @media all and (max-width: 960px) { .dashboard-wrapper > .flex nav { width: 100%; margin: 0 0 20px; } .dashboard-wrapper > .flex > div { width: 100%; } } .dashboard-wrapper form > h3 { margin: 0 0 20px; } .dashboard-wrapper form span:has(em) { display: inline-block; padding: 5px 0 0; } .dashboard-wrapper form span em { font-style: normal; color: #000; font-family: 'Font-Medium'; font-weight: 500; font-size: 14px; line-height: 18px; opacity: 1; } .dashboard-wrapper a { color: #000; } .dashboard-wrapper a:hover { color: #fff; } .dashboard-wrapper h2 { font-family: 'Font-Medium' !important; font-weight: 500 !important; font-size: 18px !important; line-height: 22px !important; margin: 0 0 20px; } @media all and (max-width: 1680px) { .dashboard-wrapper h2 { font-size: 16px !important; line-height: 20px !important; } } .dashboard-wrapper address { margin: 0 0 20px; } .dashboard-wrapper .woocommerce-password-strength { margin: 5px 0 0; opacity: 0.7; } .dashboard-wrapper .woocommerce-pagination { margin: 20px 0; } .dashboard-wrapper .woocommerce-MyAccount-content { padding: 0 10px; } .dashboard-wrapper .woocommerce-Addresses { margin: 20px 0 0; } .dashboard-wrapper .woocommerce-Address { margin: 0 0 40px; padding: 0; } .dashboard-wrapper .woocommerce-Address .woocommerce-Address-title { 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; } .dashboard-wrapper .woocommerce-Address .woocommerce-Address-title a { display: inline-block; margin: 0 0 0 auto; } .dashboard-wrapper .woocommerce-Address .woocommerce-Address-title h3 { margin: 0 20px 0 0; } @media all and (max-width: 660px) { .dashboard-wrapper .woocommerce-Address .woocommerce-Address-title { margin: 0 0 20px; } .dashboard-wrapper .woocommerce-Address .woocommerce-Address-title > h2 { width: 100%; margin: 0; } .dashboard-wrapper .woocommerce-Address .woocommerce-Address-title > a { margin: 0; } } .dashboard-wrapper .woocommerce-Address address { margin: 0; } .dashboard-wrapper .woocommerce-form-row { margin: 0 0 30px; } .dashboard-wrapper .password-input > div { padding: 10px 0 0; } .dashboard-wrapper .woocommerce-orders-table { width: 100%; text-align: left; } .dashboard-wrapper .woocommerce-orders-table span { font-weight: normal; } .dashboard-wrapper .woocommerce-orders-table tr { margin: 0 0 10px; } .dashboard-wrapper .woocommerce-orders-table th { font-weight: normal; font-style: normal; } .dashboard-wrapper .woocommerce-orders-table thead th { padding: 0 0 10px; width: 20%; display: inline-block; } .dashboard-wrapper .woocommerce-orders-table tbody th { width: 20%; display: inline-block; } .dashboard-wrapper .woocommerce-orders-table tbody td { width: 20%; display: inline-block; } .dashboard-wrapper .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions a { display: block !important; } @media all and (max-width: 660px) { .dashboard-wrapper .woocommerce-orders-table tr { margin: 0; } .dashboard-wrapper .woocommerce-orders-table thead { display: none; } .dashboard-wrapper .woocommerce-orders-table tbody tr { height: auto; padding: 10px 0; display: block; border-bottom: var(--border) solid #fff; } .dashboard-wrapper .woocommerce-orders-table tbody tr:first-of-type { border-top: var(--border) solid #fff; } .dashboard-wrapper .woocommerce-orders-table tbody th { margin: 0 0 5px; } .dashboard-wrapper .woocommerce-orders-table tbody td { width: 100%; display: block; margin: 0 0 5px; } .dashboard-wrapper .woocommerce-orders-table tbody td:last-of-type { margin: 0; } .dashboard-wrapper .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-status, .dashboard-wrapper .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-total { width: 100%; display: block; } } .dashboard-wrapper .woocommerce-order-details, .dashboard-wrapper .subscription_details { margin: 20px 0; } .dashboard-wrapper .woocommerce-order-details h2, .dashboard-wrapper .subscription_details h2 { margin: 0 0 20px; } .dashboard-wrapper .woocommerce-order-details tr, .dashboard-wrapper .subscription_details tr { border-bottom: var(--border) solid #fff; } .dashboard-wrapper .woocommerce-order-details tr > td, .dashboard-wrapper .subscription_details tr > td { padding: 20px 0 24px; } @media all and (max-width: 1440px) { .dashboard-wrapper .woocommerce-order-details tr > td, .dashboard-wrapper .subscription_details tr > td { padding: 13px 0 17px; } } @media all and (max-width: 960px) { .dashboard-wrapper .woocommerce-order-details tr > td, .dashboard-wrapper .subscription_details tr > td { padding: 11px 0 15px; } } .dashboard-wrapper .woocommerce-order-details td:has(a:nth-of-type(2)) a:first-of-type, .dashboard-wrapper .subscription_details td:has(a:nth-of-type(2)) a:first-of-type { display: inline-block; margin: 0 20px 0 0; } .dashboard-wrapper .woocommerce-order-details th, .dashboard-wrapper .subscription_details th { font-weight: 500; text-align: left; } .dashboard-wrapper .woocommerce-order-details small, .dashboard-wrapper .subscription_details small { font-size: inherit; } .dashboard-wrapper .woocommerce-order-details thead th, .dashboard-wrapper .subscription_details thead th { padding: 0 0 26px; } .dashboard-wrapper .woocommerce-order-details thead th:last-of-type, .dashboard-wrapper .subscription_details thead th:last-of-type { text-align: right; } .dashboard-wrapper .woocommerce-order-details tbody tr > td:first-of-type, .dashboard-wrapper .subscription_details tbody tr > td:first-of-type { width: 66.66667%; } .dashboard-wrapper .woocommerce-order-details tbody tr > td:last-of-type, .dashboard-wrapper .subscription_details tbody tr > td:last-of-type { width: 33.33333%; text-align: right; } .dashboard-wrapper .woocommerce-order-details tbody tr > td li p, .dashboard-wrapper .subscription_details tbody tr > td li p { display: inline; } .dashboard-wrapper .woocommerce-order-details tfoot tr > th, .dashboard-wrapper .subscription_details tfoot tr > th { width: 66.66667%; } .dashboard-wrapper .woocommerce-order-details tfoot tr > td, .dashboard-wrapper .subscription_details tfoot tr > td { width: 33.33333%; text-align: right; } .dashboard-wrapper .subscription_details { margin: 0 0 20px; } .dashboard-wrapper .subscription_details tbody tr:first-of-type td { padding-top: 0; } .dashboard-wrapper .woocommerce-customer-details h2 { margin: 0 0 10px; } .dashboard-wrapper .woocommerce-table__line-item br:first-of-type { display: none; } .dashboard-wrapper .payment__info { padding: 0; } .woocommerce-lost-password .woocommerce { padding: 40px 33.33333% var(--pd-200); } @media all and (max-width: 1440px) { .woocommerce-lost-password .woocommerce { padding: 40px 25% var(--pd-200); } } @media all and (max-width: 660px) { .woocommerce-lost-password .woocommerce { padding: 40px 0 var(--pd-200); } } #password_strength { padding: 5px 0 0; } .page-terms .breadcrumbs { margin: 0 0 var(--pd-140); } .page-terms .terms-container { margin: 0 -10px var(--pd-200); } .page-terms .terms-container h1 { width: 50%; padding: 0 10px; } .page-terms .terms-container > div { width: 50%; padding: 0 10px; } .page-terms .terms-container .tab { border-bottom: var(--border) solid #fff; } .page-terms .terms-container .tab:first-of-type { border-top: var(--border) solid #fff; } .page-terms .terms-container .tab__title { cursor: pointer; } .page-terms .terms-container .tab__title > .flex { padding: 22px 0 26px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page-terms .terms-container .tab__title > .flex .close { display: none; } @media all and (max-width: 1680px) { .page-terms .terms-container .tab__title > .flex { padding: 18px 0 19px; } } @media all and (max-width: 1440px) { .page-terms .terms-container .tab__title > .flex { padding: 14px 0 16px; } } @media all and (max-width: 1160px) { .page-terms .terms-container .tab__title > .flex { padding: 10px 0 12px; } } .page-terms .terms-container .tab__content { display: none; } .page-terms .terms-container .tab__content > div { padding: 0 0 26px; } .page-terms .terms-container .tab__content a { color: var(--blue); } .page-terms .terms-container .tab__content a:hover { opacity: 1; color: #000; } .page-terms .terms-container .tab__content h2, .page-terms .terms-container .tab__content h3 { font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; } @media all and (max-width: 1680px) { .page-terms .terms-container .tab__content h2, .page-terms .terms-container .tab__content h3 { font-size: 20px; line-height: 20px; } } @media all and (max-width: 1440px) { .page-terms .terms-container .tab__content h2, .page-terms .terms-container .tab__content h3 { font-size: 18px; line-height: 18px; } } @media all and (max-width: 1160px) { .page-terms .terms-container .tab__content h2, .page-terms .terms-container .tab__content h3 { font-size: 16px; line-height: 16px; } } .page-terms .terms-container .tab__content ul { margin: 0 0 18px; } .page-terms .terms-container .tab__content ul li { position: relative; padding: 0 0 0 20px; margin: 0 0 5px; } .page-terms .terms-container .tab__content ul li:before { position: absolute; top: 10px; left: 5px; width: 5px; height: 5px; background-color: #000; border-radius: 50%; content: ''; } @media all and (max-width: 1680px) { .page-terms .terms-container .tab__content ul li:before { top: 9px; } } @media all and (max-width: 960px) { .page-terms .terms-container { margin: 0 0 var(--pd-200); } .page-terms .terms-container h1 { width: 100%; margin: 0 0 40px; padding: 0; } .page-terms .terms-container > div { padding: 0 16.66667%; width: 100%; } } @media all and (max-width: 660px) { .page-terms .terms-container > div { padding: 0; } } .page-chorigoi h1 { display: none; } .monimoi-sponsors { margin: 0 0 var(--pd-140); } .monimoi-sponsors > h2 { margin: 0 0 20px; } .monimoi-sponsors .sponsors-container { margin: 0 0 20px !important; } .sponsors-categories { margin: 0 0 var(--pd-140); } .chorigoi-epikoinwnias { margin: 0 0 var(--pd-200); } .chorigoi-epikoinwnias > h2 { margin: 0 0 20px; } .page-donation .breadcrumbs { margin: 0 0 var(--pd-140); } .page-donation .donation-container { margin: 0 -10px var(--pd-200); } .page-donation .donation-container .donation-title { width: 50%; padding: 0 10px; } .page-donation .donation-container .donation-title h1 { padding: 0 33.33333% 0 0; } .page-donation .donation-container .donation-form { width: 50%; } .page-donation .donation-container .gform_confirmation_message { font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; } @media all and (max-width: 1680px) { .page-donation .donation-container .gform_confirmation_message { font-size: 16px; line-height: 20px; } } .page-donation .donation-container .gform_fields { margin: 0 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-donation .donation-container .gform_fields > div { width: 100%; padding: 0 10px; margin: 0 0 30px; } .page-donation .donation-container .gform_fields .half { width: 50%; } .page-donation .donation-container .gform_fields label, .page-donation .donation-container .gform_fields legend { display: block; margin: 0 0 10px; font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; } @media all and (max-width: 1680px) { .page-donation .donation-container .gform_fields label, .page-donation .donation-container .gform_fields legend { font-size: 16px; line-height: 20px; } } .page-donation .donation-container .gform_fields legend { margin: 0 0 20px; } .page-donation .donation-container .gform_fields .gfield_description { font-family: 'Font-Medium'; font-weight: 500; font-size: 14px; line-height: 18px; } .page-donation .donation-container .gform_fields .gfield_validation_message { color: #c60c0e; } .page-donation .donation-container .gform_fields input { border: var(--border) solid #fff; width: 100%; display: block; font-family: 'Font-Medium'; font-weight: 500; font-size: 18px; line-height: 22px; height: var(--height-1); padding: 0 10px; } @media all and (max-width: 1680px) { .page-donation .donation-container .gform_fields input { font-size: 16px; line-height: 20px; } } .page-donation .donation-container .gform_fields input::-webkit-input-placeholder { color: #fff; } .page-donation .donation-container .gform_fields input::-moz-placeholder { color: #fff; } .page-donation .donation-container .gform_fields input:-ms-input-placeholder { color: #fff; } .page-donation .donation-container .gform_fields input:-moz-placeholder { color: #fff; } .page-donation .donation-container .gform_fields fieldset { padding: 0 10px; } .page-donation .donation-container .gfield_radio input { display: none; } .page-donation .donation-container .gfield_radio label { padding: 0 0 0 34px !important; position: relative; } .page-donation .donation-container .gfield_radio label:before { content: ''; position: absolute; top: -1px; left: 0; width: 24px; height: 24px; background-color: #fff; } .page-donation .donation-container .gfield_radio label:after { content: ''; display: block !important; position: absolute !important; top: 3px; left: 4px; background-color: var(--gray); width: 16px; height: 16px; -webkit-transition: background-color 0.35s; -o-transition: background-color 0.35s; transition: background-color 0.35s; } @media all and (max-width: 960px) { .page-donation .donation-container .gfield_radio label:before { width: 20px; height: 20px; top: 0; } .page-donation .donation-container .gfield_radio label:after { width: 12px; height: 12px; top: 4px; } } .page-donation .donation-container .gfield_radio input:checked ~ label:after { background-color: var(--light_green); } .page-donation .donation-container input[type='submit'] { font-family: 'Font-Medium'; font-weight: 500; font-size: 26px; line-height: 26px; text-transform: uppercase; height: var(--height-1); text-align: center; position: relative; display: block; width: 100%; border-top: var(--border) solid #fff; border-bottom: var(--border) solid #fff; -webkit-transition: color 0.35s; -o-transition: color 0.35s; transition: color 0.35s; cursor: pointer; } @media all and (max-width: 1680px) { .page-donation .donation-container input[type='submit'] { font-size: 20px; line-height: 20px; } } @media all and (max-width: 1440px) { .page-donation .donation-container input[type='submit'] { font-size: 18px; line-height: 18px; } } @media all and (max-width: 1160px) { .page-donation .donation-container input[type='submit'] { font-size: 16px; line-height: 16px; } } .page-donation .donation-container input[type='submit']:hover { color: #fff; } @media all and (max-width: 960px) { .page-donation .donation-container { margin: 0 0 var(--pd-200); } .page-donation .donation-container .donation-form h1 { padding: 0; } .page-donation .donation-container .donation-title { width: 100%; margin: 0 0 40px; padding: 0; } .page-donation .donation-container .donation-form { padding: 0 16.66667%; width: 100%; } .page-donation .donation-container .gform_fields { margin: 0 -10px var(--pd-200); } .page-donation .donation-container .gform_fields > div { padding: 0 5px; } .page-donation .donation-container .gform_fields .half { padding: 0 5px; } .page-donation .donation-container .gform_fields fieldset { padding: 0 5px; } } @media all and (max-width: 660px) { .page-donation .donation-container .donation-form { padding: 0; } .page-donation .donation-container .gform_fields { margin: 0 0 var(--pd-200); } .page-donation .donation-container .gform_fields > div { padding: 0; } .page-donation .donation-container .gform_fields .half { width: 100%; padding: 0; } .page-donation .donation-container .gform_fields fieldset { padding: 0; } } #pojo-a11y-toolbar.pojo-a11y-toolbar-right { top: unset !important; bottom: 120px; z-index: 999; } #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle { bottom: 0; } #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle > a { display: block; padding: 0; width: 36px; height: 36px; font-size: inherit; position: relative; border-radius: 0; } #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle > a svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 23px; height: auto; } @media all and (max-width: 767px) { #pojo-a11y-toolbar.pojo-a11y-toolbar-right { top: 50% !important; bottom: unset !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle { bottom: unset; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } body.pojo-a11y-grayscale { -webkit-filter: none !important; filter: none !important; } body.pojo-a11y-grayscale #header, body.pojo-a11y-grayscale #footer, body.pojo-a11y-grayscale #content { -webkit-filter: grayscale(100%); filter: grayscale(100%); } html body.pojo-a11y-resize-font-130 h1, html body.pojo-a11y-resize-font-130 h2, html body.pojo-a11y-resize-font-130 h3, html body.pojo-a11y-resize-font-130 h4, html body.pojo-a11y-resize-font-130 h5, html body.pojo-a11y-resize-font-130 h6, html body.pojo-a11y-resize-font-130 h1 span, html body.pojo-a11y-resize-font-130 h2 span, html body.pojo-a11y-resize-font-130 h3 span, html body.pojo-a11y-resize-font-130 h4 span, html body.pojo-a11y-resize-font-130 h5 span, html body.pojo-a11y-resize-font-130 h6 span, html body.pojo-a11y-resize-font-140 h1, html body.pojo-a11y-resize-font-140 h2, html body.pojo-a11y-resize-font-140 h3, html body.pojo-a11y-resize-font-140 h4, html body.pojo-a11y-resize-font-140 h5, html body.pojo-a11y-resize-font-140 h6, html body.pojo-a11y-resize-font-140 h1 span, html body.pojo-a11y-resize-font-140 h2 span, html body.pojo-a11y-resize-font-140 h3 span, html body.pojo-a11y-resize-font-140 h4 span, html body.pojo-a11y-resize-font-140 h5 span, html body.pojo-a11y-resize-font-140 h6 span, html body.pojo-a11y-resize-font-150 h1, html body.pojo-a11y-resize-font-150 h2, html body.pojo-a11y-resize-font-150 h3, html body.pojo-a11y-resize-font-150 h4, html body.pojo-a11y-resize-font-150 h5, html body.pojo-a11y-resize-font-150 h6, html body.pojo-a11y-resize-font-150 h1 span, html body.pojo-a11y-resize-font-150 h2 span, html body.pojo-a11y-resize-font-150 h3 span, html body.pojo-a11y-resize-font-150 h4 span, html body.pojo-a11y-resize-font-150 h5 span, html body.pojo-a11y-resize-font-150 h6 span, html body.pojo-a11y-resize-font-160 h1, html body.pojo-a11y-resize-font-160 h2, html body.pojo-a11y-resize-font-160 h3, html body.pojo-a11y-resize-font-160 h4, html body.pojo-a11y-resize-font-160 h5, html body.pojo-a11y-resize-font-160 h6, html body.pojo-a11y-resize-font-160 h1 span, html body.pojo-a11y-resize-font-160 h2 span, html body.pojo-a11y-resize-font-160 h3 span, html body.pojo-a11y-resize-font-160 h4 span, html body.pojo-a11y-resize-font-160 h5 span, html body.pojo-a11y-resize-font-160 h6 span, html body.pojo-a11y-resize-font-170 h1, html body.pojo-a11y-resize-font-170 h2, html body.pojo-a11y-resize-font-170 h3, html body.pojo-a11y-resize-font-170 h4, html body.pojo-a11y-resize-font-170 h5, html body.pojo-a11y-resize-font-170 h6, html body.pojo-a11y-resize-font-170 h1 span, html body.pojo-a11y-resize-font-170 h2 span, html body.pojo-a11y-resize-font-170 h3 span, html body.pojo-a11y-resize-font-170 h4 span, html body.pojo-a11y-resize-font-170 h5 span, html body.pojo-a11y-resize-font-170 h6 span, html body.pojo-a11y-resize-font-180 h1, html body.pojo-a11y-resize-font-180 h2, html body.pojo-a11y-resize-font-180 h3, html body.pojo-a11y-resize-font-180 h4, html body.pojo-a11y-resize-font-180 h5, html body.pojo-a11y-resize-font-180 h6, html body.pojo-a11y-resize-font-180 h1 span, html body.pojo-a11y-resize-font-180 h2 span, html body.pojo-a11y-resize-font-180 h3 span, html body.pojo-a11y-resize-font-180 h4 span, html body.pojo-a11y-resize-font-180 h5 span, html body.pojo-a11y-resize-font-180 h6 span, html body.pojo-a11y-resize-font-190 h1, html body.pojo-a11y-resize-font-190 h2, html body.pojo-a11y-resize-font-190 h3, html body.pojo-a11y-resize-font-190 h4, html body.pojo-a11y-resize-font-190 h5, html body.pojo-a11y-resize-font-190 h6, html body.pojo-a11y-resize-font-190 h1 span, html body.pojo-a11y-resize-font-190 h2 span, html body.pojo-a11y-resize-font-190 h3 span, html body.pojo-a11y-resize-font-190 h4 span, html body.pojo-a11y-resize-font-190 h5 span, html body.pojo-a11y-resize-font-190 h6 span, html body.pojo-a11y-resize-font-200 h1, html body.pojo-a11y-resize-font-200 h2, html body.pojo-a11y-resize-font-200 h3, html body.pojo-a11y-resize-font-200 h4, html body.pojo-a11y-resize-font-200 h5, html body.pojo-a11y-resize-font-200 h6, html body.pojo-a11y-resize-font-200 h1 span, html body.pojo-a11y-resize-font-200 h2 span, html body.pojo-a11y-resize-font-200 h3 span, html body.pojo-a11y-resize-font-200 h4 span, html body.pojo-a11y-resize-font-200 h5 span, html body.pojo-a11y-resize-font-200 h6 span { font-size: 105% !important; line-height: 105% !important; } html body.pojo-a11y-focusable a:focus { outline: none !important; } .wc-bacs-bank-details-account-name { display: none !important; }