/*! Theme Name: hedonism Theme URI: https://underscores.me/ Author: Automattic Author URI: https://automattic.com/ Description: Hi. I'm a starter theme called hedonism, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for. Version: 1.0.0 Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: hedonism Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. hedonism is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Generic - Normalize - Box sizing # Base - Typography - Elements - Links - Forms ## Layouts # Components - Navigation - Posts and pages - Comments - Widgets - Media - Captions - Galleries # plugins - Jetpack infinite scroll # Utilities - Accessibility - Alignments --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* Normalize --------------------------------------------- */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { -webkit-transition-duration: 50ms; transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { -webkit-transition-delay: 50ms; transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { -webkit-transition-duration: .1s; transition-duration: .1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { -webkit-transition-delay: .1s; transition-delay: .1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { -webkit-transition-duration: .15s; transition-duration: .15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { -webkit-transition-delay: .15s; transition-delay: .15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { -webkit-transition-duration: .2s; transition-duration: .2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { -webkit-transition-delay: .2s; transition-delay: .2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { -webkit-transition-duration: .25s; transition-duration: .25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { -webkit-transition-delay: .25s; transition-delay: .25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { -webkit-transition-duration: .3s; transition-duration: .3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { -webkit-transition-delay: .3s; transition-delay: .3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { -webkit-transition-duration: .35s; transition-duration: .35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { -webkit-transition-delay: .35s; transition-delay: .35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { -webkit-transition-duration: .4s; transition-duration: .4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { -webkit-transition-delay: .4s; transition-delay: .4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { -webkit-transition-duration: .45s; transition-duration: .45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { -webkit-transition-delay: .45s; transition-delay: .45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { -webkit-transition-duration: .5s; transition-duration: .5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { -webkit-transition-delay: .5s; transition-delay: .5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { -webkit-transition-duration: .55s; transition-duration: .55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { -webkit-transition-delay: .55s; transition-delay: .55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { -webkit-transition-duration: .6s; transition-duration: .6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { -webkit-transition-delay: .6s; transition-delay: .6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { -webkit-transition-duration: .65s; transition-duration: .65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { -webkit-transition-delay: .65s; transition-delay: .65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { -webkit-transition-duration: .7s; transition-duration: .7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { -webkit-transition-delay: .7s; transition-delay: .7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { -webkit-transition-duration: .75s; transition-duration: .75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { -webkit-transition-delay: .75s; transition-delay: .75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { -webkit-transition-duration: .8s; transition-duration: .8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { -webkit-transition-delay: .8s; transition-delay: .8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { -webkit-transition-duration: .85s; transition-duration: .85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { -webkit-transition-delay: .85s; transition-delay: .85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { -webkit-transition-duration: .9s; transition-duration: .9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { -webkit-transition-delay: .9s; transition-delay: .9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { -webkit-transition-duration: .95s; transition-duration: .95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { -webkit-transition-delay: .95s; transition-delay: .95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { -webkit-transition-duration: 1s; transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { -webkit-transition-delay: 1s; transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { -webkit-transition-duration: 1.05s; transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { -webkit-transition-duration: 1.1s; transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { -webkit-transition-duration: 1.15s; transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { -webkit-transition-delay: 1.15s; transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { -webkit-transition-duration: 1.2s; transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { -webkit-transition-duration: 1.25s; transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { -webkit-transition-duration: 1.3s; transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { -webkit-transition-duration: 1.35s; transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { -webkit-transition-delay: 1.35s; transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { -webkit-transition-duration: 1.4s; transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { -webkit-transition-duration: 1.45s; transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { -webkit-transition-delay: 1.45s; transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { -webkit-transition-duration: 1.5s; transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { -webkit-transition-duration: 1.55s; transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { -webkit-transition-delay: 1.55s; transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { -webkit-transition-duration: 1.6s; transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { -webkit-transition-duration: 1.65s; transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { -webkit-transition-delay: 1.65s; transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { -webkit-transition-duration: 1.7s; transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { -webkit-transition-duration: 1.75s; transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { -webkit-transition-delay: 1.75s; transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { -webkit-transition-duration: 1.8s; transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { -webkit-transition-duration: 1.85s; transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { -webkit-transition-delay: 1.85s; transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { -webkit-transition-duration: 1.9s; transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { -webkit-transition-delay: 1.9s; transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { -webkit-transition-duration: 1.95s; transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { -webkit-transition-delay: 1.95s; transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { -webkit-transition-duration: 2s; transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { -webkit-transition-delay: 2s; transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { -webkit-transition-duration: 2.05s; transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { -webkit-transition-delay: 2.05s; transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { -webkit-transition-duration: 2.1s; transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { -webkit-transition-delay: 2.1s; transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { -webkit-transition-duration: 2.15s; transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { -webkit-transition-delay: 2.15s; transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { -webkit-transition-duration: 2.2s; transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { -webkit-transition-delay: 2.2s; transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { -webkit-transition-duration: 2.25s; transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { -webkit-transition-delay: 2.25s; transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { -webkit-transition-duration: 2.3s; transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { -webkit-transition-delay: 2.3s; transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { -webkit-transition-duration: 2.35s; transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { -webkit-transition-delay: 2.35s; transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { -webkit-transition-duration: 2.4s; transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { -webkit-transition-duration: 2.45s; transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { -webkit-transition-delay: 2.45s; transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { -webkit-transition-duration: 2.5s; transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { -webkit-transition-delay: 2.5s; transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { -webkit-transition-duration: 2.55s; transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { -webkit-transition-delay: 2.55s; transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { -webkit-transition-duration: 2.6s; transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { -webkit-transition-delay: 2.6s; transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { -webkit-transition-duration: 2.65s; transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { -webkit-transition-delay: 2.65s; transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { -webkit-transition-duration: 2.7s; transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { -webkit-transition-delay: 2.7s; transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { -webkit-transition-duration: 2.75s; transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { -webkit-transition-delay: 2.75s; transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { -webkit-transition-duration: 2.8s; transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { -webkit-transition-delay: 2.8s; transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { -webkit-transition-duration: 2.85s; transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { -webkit-transition-delay: 2.85s; transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { -webkit-transition-duration: 2.9s; transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { -webkit-transition-delay: 2.9s; transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { -webkit-transition-duration: 2.95s; transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { -webkit-transition-delay: 2.95s; transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { -webkit-transition-duration: 3s; transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { -webkit-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { -webkit-transition-delay: 3s; transition-delay: 3s; } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { -webkit-transition-timing-function: ease; transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^=fade][data-aos^=fade] { opacity: 0; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform; } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } [data-aos=fade-up] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } [data-aos=fade-down] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } [data-aos=fade-right] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } [data-aos=fade-left] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } [data-aos=fade-up-right] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); } [data-aos=fade-up-left] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); } [data-aos=fade-down-right] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); } [data-aos=fade-down-left] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform; } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } [data-aos=zoom-in] { -webkit-transform: scale(0.6); transform: scale(0.6); } [data-aos=zoom-in-up] { -webkit-transform: translate3d(0, 100px, 0) scale(0.6); transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos=zoom-in-down] { -webkit-transform: translate3d(0, -100px, 0) scale(0.6); transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos=zoom-in-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(0.6); transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos=zoom-in-left] { -webkit-transform: translate3d(100px, 0, 0) scale(0.6); transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos=zoom-out] { -webkit-transform: scale(1.2); transform: scale(1.2); } [data-aos=zoom-out-up] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos=zoom-out-down] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos=zoom-out-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos=zoom-out-left] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^=slide][data-aos^=slide] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos^=slide][data-aos^=slide].aos-animate { -webkit-transform: translateZ(0); transform: translateZ(0); } [data-aos=slide-up] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } [data-aos=slide-down] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } [data-aos=slide-right] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-aos=slide-left] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos=flip-left] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); } [data-aos=flip-left].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos=flip-right] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); } [data-aos=flip-right].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos=flip-up] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); } [data-aos=flip-up].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } [data-aos=flip-down] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); } [data-aos=flip-down].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/Poppins-Bold.ttf") format("truetype"); } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/Poppins-SemiBold.ttf") format("truetype"); } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/Poppins-Regular.ttf") format("truetype"); } @font-face { font-family: "Poppins"; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/Poppins-Light.ttf") format("truetype"); } @font-face { font-family: "aktiv-grotesk-hebrew"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/aktiv-grotesk-hebrew-Bold.ttf") format("truetype"); } @font-face { font-family: "aktiv-grotesk-hebrew"; font-style: normal; font-weight: 300; font-display: swap; src: url("fonts/aktiv-grotesk-hebrew-Light.ttf") format("truetype"); } @font-face { font-family: "aktiv-grotesk-hebrew"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/aktiv-grotesk-hebrew-Medium.ttf") format("truetype"); } @font-face { font-family: "aktiv-grotesk-hebrew"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/aktiv-grotesk-hebrew-Regular.ttf") format("truetype"); } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } ::selection { color: #fff; background-color: #7BB1E0; } ::-webkit-input-placeholder { color: #666; } :-ms-input-placeholder { color: #666; } ::-ms-input-placeholder { color: #666; } ::placeholder { color: #666; } /* ::-webkit-scrollbar { width: 0px; }*/ h1, h2, h3, h4, h5, h6, p, ul, button { margin: 0; padding: 0; } input, textarea { display: block; width: 100%; border-radius: 0; } textarea { resize: none; } button { border: none; background-color: transparent; cursor: pointer; color: inherit; } a { color: inherit; text-decoration: none; } li { list-style-type: none; } img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .color-white { color: #fff; } .color-pink { color: #E65A9C; } .color-orange { color: #EF5721; } .color-blue { color: #7BB1E0; } .color-green { color: #BEC531; } .color-purple { color: #9E7EB9; } .color-yellow { color: #FBD206; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: center; } @media only screen and (max-width: 580px) { .hidden-mob { display: none !important; } } /* html { background-color: #fff; font-size: 0.052083333333333336vw; } @media only screen and (max-width: 414px) { html { font-size: 0.22727272727272727vw; } }*/ html { font-size: 0.055083333333333336vw; } @media only screen and (max-width: 1025px) { html { font-size: 0.079083333333333336vw; } } @media only screen and (max-width: 880px) { html { font-size: 0.10083333333333336vw; } } @media only screen and (max-width: 580px) { html { font-size: 0.20727272727272727vw; } } body { position: relative; overflow-x: hidden; min-width: 320px; font-size: 16rem; line-height: 1.5; color: #1a1718; font-family: "Poppins", sans-serif; font-weight: 400; } body.oh { overflow: hidden; } .container-big { width: 100%; max-width: 1800rem; padding: 0 15rem; margin: 0 auto; } .container { width: 100%; max-width: 1680rem; padding: 0 15rem; margin: 0 auto; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid { display: grid; } .btn , .button.btn.btn.btn--green { text-decoration: none; border: none; padding: 0; background-color: transparent; color: inherit; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .25s; transition: .25s; height: 65rem; padding: 0 45rem; font-size: 18rem; grid-gap: 25rem; font-family: "aktiv-grotesk-hebrew", sans-serif; cursor: pointer; } .btn--green , .button.btn.btn.btn--green , .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background-color: #BEC531; border-radius: unset; } .btn--green:hover , .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #c9cf40; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{ padding-right: 0 ; } .button.btn.btn.btn--green { font-weight: normal; text-align: right; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #c9cf40; color: #000; } .btn--border { min-width: 310rem; height: 80rem; border: 1px solid #fff; font-size: 20rem; text-align: center; color: #fff; display: inline-grid; grid-auto-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.25s; transition: 0.25s; } @media only screen and (max-width: 580px) { .btn--border { width: 100%; } } .btn--border:hover { -webkit-box-shadow: 4rem 4rem 0 #fff; box-shadow: 4rem 4rem 0 #fff; } .btn.invert img{ -webkit-filter: invert(100%); filter: invert(100%); } .btn.invert { /* -webkit-filter: invert(100%); */ /* filter: invert(100%); */ box-shadow: none; color: #000; border: 1px solid #000; } .btn.invert:hover{ -webkit-box-shadow: 4rem 4rem 0 #000; box-shadow: 4rem 4rem 0 #000; } .btn:hover img { -webkit-transform: translate(-3rem, 0); transform: translate(-3rem, 0); } .btn img { width: 35rem; display: block; -webkit-transition: 0.25s; transition: 0.25s; } .h1-type-1 { font-size: 120rem; font-weight: 300; text-transform: uppercase; line-height: 1.16; text-align: center; } .h1-type-1.offset-top { margin-top: 180rem; } @media only screen and (max-width: 580px) { .h1-type-1 { font-size: 48rem; } } .h1-type-1 b { font-weight: bold; } .h2-type-1 { font-size: 60rem; font-weight: 400; font-family: "aktiv-grotesk-hebrew", sans-serif; } @media only screen and (max-width: 580px) { .h2-type-1 { font-size: 38rem; } } b { font-weight: bold; } .page-container { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr auto; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); } .is-home { direction: ltr; } .page-container header.header-main { position: fixed; top: 0; left: 0; right: 0; z-index: 999; padding: 40rem 80rem; -webkit-transition: 0.5s; transition: 0.5s; } @media only screen and (max-width: 580px) { .page-container header.header-main { padding: 15rem 20rem; } } .page-container header.header-main.fixed { padding: 20rem 80rem; -webkit-box-shadow: 0 0 5px 5rem rgba(0, 0, 0, 0.05); box-shadow: 0 0 5px 5rem rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 580px) { .page-container header.header-main.fixed { padding: 15rem 20rem; } } .page-container header.header-main.fill { padding: 20rem 80rem; } @media only screen and (max-width: 580px) { .page-container header.header-main.fill { padding: 15rem 20rem; } } .page-container header.header-main.open-menu .right-wrap .cart-wrap { opacity: 0; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); pointer-events: none; } .page-container header.header-main--white.fixed, .page-container header.header-main--white.fill { background-color: #fff; } .page-container header.header-main--purple.fixed, .page-container header.header-main--purple.fill { background-color: #9E7EB9; } .page-container header.header-main--pink.fixed, .page-container header.header-main--pink.fill { background-color: #E65A9C; } .page-container header.header-main--orange.fixed, .page-container header.header-main--orange.fill { background-color: #EF5721; } .page-container header.header-main--blue.fixed, .page-container header.header-main--blue.fill { background-color: #7BB1E0; } .page-container header.header-main--green.fixed, .page-container header.header-main--green.fill { background-color: #BEC531; } .page-container header.header-main--yellow.fixed, .page-container header.header-main--yellow.fill { background-color: #FBD206; } .page-container header.header-main .grid { grid-template-columns: auto 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .page-container header.header-main .logo-wrap { position: relative; /* order: 1;*/ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: grid; grid-auto-flow: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.5s; transition: 0.5s; position: relative; z-index: 20; } .page-container header.header-main .logo-wrap.will-animated.animation img.main, .post-type-archive-product .page-container header.header-main .logo-wrap.will-animated img.main { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); opacity: 0; } .page-container header.header-main .logo-wrap.will-animated.animation img.category, .post-type-archive-product .page-container header.header-main .logo-wrap.will-animated img.category { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .oh .page-container header.header-main .logo-wrap.will-animated img.main { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .oh .page-container header.header-main .logo-wrap.will-animated img.category { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); opacity: 0; } .page-container header.header-main .logo-wrap.will-animated img { -webkit-transition: .5s; transition: .5s; } .page-container header.header-main .logo-wrap.will-animated img.main { position: absolute; top: 0; left: 0; } .page-container header.header-main .logo-wrap.will-animated img.category { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); opacity: 0; } .page-container header.header-main .logo-wrap img { display: block; width: 230rem; } .page-container header.header-main.open-menu .logo-wrap { display: none; } @media only screen and (max-width: 580px) { .page-container header.header-main .logo-wrap img { width: 115rem; } } .page-container header.header-main .right-wrap { display: grid; grid-auto-flow: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.5s; transition: 0.5s; position: relative; z-index: 20; } .page-container header.header-main .right-wrap.will-animated { -webkit-transform: translate(200rem, 0); transform: translate(200rem, 0); opacity: 0; } .page-container header.header-main .right-wrap.will-animated.animation, .post-type-archive-product .page-container header.header-main .right-wrap.will-animated { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .page-container header.header-main .right-wrap .cart-wrap { padding-right: 35rem; margin-right: 35rem; border-right: 1px solid #000; padding-top: 5rem; padding-bottom: 5rem; -webkit-transition: 0.25s; transition: 0.25s; } @media only screen and (max-width: 580px) { .page-container header.header-main .right-wrap .cart-wrap { padding-right: 25rem; margin-right: 25rem; } } .page-container header.header-main a.cart { display: block; position: relative; } .page-container header.header-main a.cart img { display: block; width: 40rem; } @media only screen and (max-width: 580px) { .page-container header.header-main a.cart img { width: 36rem; } } .page-container header.header-main a.cart span { display: block; position: absolute; bottom: -10rem; right: -20rem; background-color: #fff; width: 30rem; height: 30rem; border-radius: 50%; text-align: center; font-size: 14rem; line-height: 30rem; font-style: italic; font-weight: 600; } @media only screen and (max-width: 580px) { .page-container header.header-main a.cart span { width: 26rem; height: 26rem; font-size: 12rem; line-height: 26rem; bottom: -9rem; right: -17rem; } } footer.footer-main { background-color: #1a1718; color: #fff; overflow: hidden; font-family: "aktiv-grotesk-hebrew", sans-serif; } footer.footer-main .top-wrap { padding: 125rem 0; max-width: 1420rem; margin: 0 auto; } @media only screen and (max-width: 580px) { footer.footer-main .top-wrap { padding: 50rem 0; } } footer.footer-main .top-wrap .items { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20rem; } @media only screen and (max-width: 580px) { footer.footer-main .top-wrap .items { grid-gap: 50rem; grid-template-columns: 1fr; } } @media only screen and (min-width: 441px) { footer.footer-main .top-wrap .items .item { /* direction: rtl;*/ } } @media only screen and (max-width: 580px) { footer.footer-main .top-wrap .items .item { text-align: center; } } footer.footer-main .top-wrap .items .item .title { font-weight: 600; margin-bottom: 45rem; } @media only screen and (max-width: 580px) { footer.footer-main .top-wrap .items .item .title { margin-bottom: 20rem; } } footer.footer-main .top-wrap .items .item .social-wrap { display: grid; grid-auto-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 20rem; } @media only screen and (max-width: 580px) { footer.footer-main .top-wrap .items .item .social-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } footer.footer-main .top-wrap .items .item .social-wrap a { -webkit-transition: 0.25s; transition: 0.25s; } footer.footer-main .top-wrap .items .item .social-wrap a:hover { -webkit-transform: translate(0, -3rem); transform: translate(0, -3rem); } footer.footer-main .top-wrap .items .item .social-wrap a img { display: block; width: 80rem; } footer.footer-main .top-wrap .items .item ul li { display: block; font-weight: 300; margin-bottom: 10rem; } footer.footer-main .top-wrap .items .item:nth-child(1) ul li, footer.footer-main .top-wrap .items .item:nth-child(2) ul li { margin-bottom: 30rem; } footer.footer-main .top-wrap .items .item ul li a { -webkit-transition: 0.25s; transition: 0.25s; } footer.footer-main .top-wrap .items .item ul li a:hover { -webkit-filter: brightness(80%); filter: brightness(80%); } footer.footer-main .bottom-wrap { border-top: 1px solid #fff; padding: 50rem 0; } @media only screen and (max-width: 580px) { footer.footer-main .bottom-wrap { padding: 30rem 0; } } footer.footer-main .bottom-wrap .grid { grid-template-columns: 1fr 1fr; grid-gap: 30rem; grid-row-gap: 0; max-width: 1420rem; margin: 0 auto; padding: 0 15px; } @media only screen and (max-width: 580px) { footer.footer-main .bottom-wrap .grid { grid-template-columns: 1fr; grid-gap: 15rem; } } footer.footer-main .bottom-wrap .grid .left { font-size: 12rem; text-align: right; } footer.footer-main .bottom-wrap .grid .left a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: flex-end; } @media only screen and (max-width: 580px) { footer.footer-main .bottom-wrap .grid .left a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } footer.footer-main .bottom-wrap .grid .left a img { width: 27rem; margin-right: 10rem; } footer.footer-main .bottom-wrap .grid .right { font-size: 14rem; text-align: left; } @media only screen and (max-width: 580px) { footer.footer-main .bottom-wrap .grid .right { text-align: center; } } .popup-menu-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); background-color: #fff; z-index: 10; display: grid; grid-template-columns: 120rem 0.86fr 1fr; padding: 0 45rem; overflow: auto; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; direction: rtl; } @media only screen and (max-width: 580px) { .popup-menu-wrapper { grid-template-columns: 1fr; /*padding: 15rem 0;*/ padding: 30rem 0; height: 100%; overflow-y: scroll; } } .popup-menu-wrapper.open-menu { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .popup-menu-wrapper .lang-cart-wrap { position: absolute; top: 57rem; left: 80rem; } .wpml-ls-current-language { display: none!important; } @media only screen and (max-width: 580px) { .popup-menu-wrapper .lang-cart-wrap { position: static; padding-left: 20rem; } } .popup-menu-wrapper .lang-cart-wrap ul { display: grid; grid-auto-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popup-menu-wrapper .lang-cart-wrap ul li:not(:last-child) { padding-right: 20rem; margin-right: 20rem; border-right: 1px solid #000; } @media only screen and (max-width: 580px) { .popup-menu-wrapper .lang-cart-wrap ul li:not(:last-child) { padding-right: 15rem; margin-right: 15rem; } } .popup-menu-wrapper .lang-cart-wrap ul li a { display: block; } .popup-menu-wrapper .lang-cart-wrap ul li a.lang img { display: block; width: 35rem; } @media only screen and (max-width: 580px) { .popup-menu-wrapper .lang-cart-wrap ul li a.lang img { width: 30rem; } } .popup-menu-wrapper .lang-cart-wrap ul li a.cart span { background-color: #BEC531; } .popup-menu-wrapper nav { padding: 50rem 150rem 50rem 50rem; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "aktiv-grotesk-hebrew", sans-serif; background-color: #eaf2f3; } @media only screen and (max-width: 1024px) { .popup-menu-wrapper nav{ padding: 50rem; } } @media only screen and (max-width: 580px) { .popup-menu-wrapper nav { padding: 30rem 15rem; } } .popup-menu-wrapper nav ul li { display: block; text-align: right; } @media only screen and (max-width: 580px) { .popup-menu-wrapper nav ul li { text-align: center; } } .popup-menu-wrapper nav ul li:not(:last-child) { margin-bottom: 50rem; } @media only screen and (max-width: 580px) { .popup-menu-wrapper nav ul li:not(:last-child) { margin-bottom: 15rem; } } .popup-menu-wrapper nav ul li a { font-size: 60rem; font-weight: 300; -webkit-transition: 0.25s; transition: 0.25s; } @media only screen and (max-width: 580px) { .popup-menu-wrapper nav ul li a { font-size: 22rem; } } .popup-menu-wrapper nav ul li a:hover { color: #7BB1E0; } .popup-menu-wrapper .items { display: grid; /* grid-template-columns: 1fr 1fr; */ grid-template-columns: 1fr; padding: 0rem 70rem 0rem 90rem; grid-gap: 30rem 25rem; /* background-color: #eaf2f3; */ font-family: "aktiv-grotesk-hebrew", sans-serif; overflow-y: scroll; margin: 175rem 90rem 120rem 0; direction: ltr; } .popup-menu-wrapper .items::-webkit-scrollbar { height: 7px; width: 7px; } .popup-menu-wrapper .items::-webkit-scrollbar-track { border-radius: 0px; background-color: #EAF2F3; } .popup-menu-wrapper .items::-webkit-scrollbar-track:hover { background-color: #EAF2F3; } .popup-menu-wrapper .items::-webkit-scrollbar-track:active { background-color: #EAF2F3; } .popup-menu-wrapper .items::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #1A1718; } .popup-menu-wrapper .items::-webkit-scrollbar-thumb:hover { background-color: #1A1718; } .popup-menu-wrapper .items::-webkit-scrollbar-thumb:active { background-color: #1A1718; } .popup-menu-wrapper .items__link{ position: relative; width: 330rem; height: 243rem; overflow: hidden; display: block; } .popup-menu-wrapper .items__link img{ width: 100%; height: 100%; object-fit: cover; } .popup-menu-wrapper .items > div{ direction: rtl; display: flex; flex-direction: row-reverse; align-items: center; grid-gap: 35rem; } @media only screen and (max-width: 1024px) { .popup-menu-wrapper .items { display: grid; padding: 0rem 30rem 0rem 0rem; margin: 175rem 50rem 120rem 0; } .popup-menu-wrapper .items__link { width: 330rem; height: 180rem; } .popup-menu-wrapper nav ul li a { font-size: 45rem; } } @media only screen and (max-width: 880px) { .popup-menu-wrapper .items__link { width: 260rem; height: 180rem; } } @media only screen and (max-width: 580px) { .popup-menu-wrapper .items { margin: 75rem 50rem 50rem 0rem; } } @media only screen and (max-width: 580px) { .popup-menu-wrapper .items { padding: 0rem 15rem 0; margin: 75rem 50rem 50rem 50rem; overflow: unset; } .popup-menu-wrapper .items__link { width: 260rem; height: 110rem; } } .popup-menu-wrapper .items a { position: relative; overflow: hidden; } .popup-menu-wrapper .items a.pink > span { background-color: #E65A9C; } .popup-menu-wrapper .items a.orange > span { background-color: #EF5721; } .popup-menu-wrapper .items a.blue > span { background-color: #7BB1E0; } .popup-menu-wrapper .items a.green > span { background-color: #BEC531; } .popup-menu-wrapper .items a.purple > span { background-color: #9E7EB9; } .popup-menu-wrapper .items a.yellow > span { background-color: #FBD206; } .popup-menu-wrapper .items a img { display: block; width: 100%; } .popup-menu-wrapper .items a img.logo { max-width: 240rem; margin-top: 20rem; float: left; } .popup-menu-wrapper .items a > span { position: absolute; top: 0; right: -170px; width: 0%; height: 101%; padding: 35rem; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: .35s linear; transition: .35s linear; transform: skewX(-30deg); } .popup-menu-wrapper .items a p { position: absolute; top: 0; right: 0; width: 100%; height: 100%; padding: 35rem; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 0.5s; transition: 0.5s; z-index: 2; transform: translateX(100%); } @media only screen and (max-width: 580px) { .popup-menu-wrapper .items a > span, .popup-menu-wrapper .items a p { padding: 15rem; display: none; } } .popup-menu-wrapper .items a p span { font-size: 24rem; color: #fff; display: block; margin-top: auto; transform: skewX(0deg); } .popup-menu-wrapper .items a:hover > span { width: 300%; } .popup-menu-wrapper .items a:hover p{ transform: translateX(0); } .popup-menu-wrapper .contacts-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 80rem; } @media only screen and (max-width: 580px) { .popup-menu-wrapper .contacts-wrap { padding: 30rem 0; flex-direction: row-reverse; justify-content: center; align-items: center; } } .popup-menu-wrapper .contacts-wrap a.phone { font-size: 22rem; -webkit-transition: 0.25s; transition: 0.25s; } @media only screen and (min-width: 441px) { .popup-menu-wrapper .contacts-wrap a.phone { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-transform: scale(-1); transform: scale(-1); } } @media only screen and (max-width: 580px) { .popup-menu-wrapper .contacts-wrap a.phone { font-size: 18rem; padding: 0 15rem; border-right: 1px solid #000; } } .popup-menu-wrapper .contacts-wrap a.phone:hover { color: #7BB1E0; } .popup-menu-wrapper .contacts-wrap .social-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 20rem; } @media only screen and (max-width: 580px) { .popup-menu-wrapper .contacts-wrap .social-wrap { display: grid; grid-auto-flow: column; grid-gap: 0rem; padding-top: 0rem; } } .popup-menu-wrapper .contacts-wrap .social-wrap li { display: block; text-align: center; padding: 20rem 0; position: relative; } @media only screen and (max-width: 580px) { .popup-menu-wrapper .contacts-wrap .social-wrap li { padding: 0 15rem; } .popup-menu-wrapper .contacts-wrap .social-wrap li:not(:last-child){ border-left: 1px solid #000; } } .popup-menu-wrapper .contacts-wrap .social-wrap li::before { content: ""; display: block; position: absolute; top: 0; width: 24rem; height: 1px; left: calc(50% - 24rem / 2); background-color: #000; } @media only screen and (max-width: 580px) { .popup-menu-wrapper .contacts-wrap .social-wrap li::before { display: none; } } .popup-menu-wrapper .contacts-wrap .social-wrap li a { -webkit-transition: 0.25s; transition: 0.25s; display: block; } .popup-menu-wrapper .contacts-wrap .social-wrap li a:hover { -webkit-transform: translate(0, -2rem); transform: translate(0, -2rem); } .popup-menu-wrapper .contacts-wrap .social-wrap li a img { display: block; width: 26rem; } .market-nav { border-top: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; font-family: "aktiv-grotesk-hebrew", sans-serif; position: sticky; top: 105px; z-index: 99; background: #fff; } .market-nav ul { display: grid; grid-auto-flow: column; } @media only screen and (max-width: 580px) { .market-nav ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .market-nav ul li:not(:first-child) { border-right: 1px solid #B2B2B2; } .market-nav ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 105rem; position: relative; } @media only screen and (max-width: 580px) { .market-nav ul li a { height: 60rem; padding: 0 14rem; } } .market-nav ul li a.active img { opacity: 1; } .market-nav ul li a:hover img { opacity: 0.1; } .market-nav ul li a:hover p { opacity: 1; } .market-nav ul li a img { width: 60rem; opacity: 0.3; -webkit-transition: 0.25s; transition: 0.25s; } @media only screen and (max-width: 580px) { .market-nav ul li a img { width: 34rem; } } .market-nav ul li a p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 10rem; line-height: 1; -webkit-transition: 0.25s; transition: 0.25s; opacity: 0; } @media only screen and (max-width: 580px) { .market-nav ul li a p { display: none; } } .product-item { font-family: "aktiv-grotesk-hebrew", sans-serif; } .product-item a { display: block; position: relative; overflow: hidden; /*min-height: 481px;*/ display: flex; align-items: center; justify-content: center; } @media (max-width: 1400px){ .product-item a { /*min-height: calc(320px + (481 - 320) * ((100vw - 320px) / (1400 - 320)));*/ } } .product-item a:hover img { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .product-item a:hover p { opacity: 1; } .product-item a img { /* width: 100%; display: block; -webkit-transition: 0.25s; transition: 0.25s; max-width: 400px; margin: 0 auto; */ width: auto; display: block; -webkit-transition: 0.25s; transition: 0.25s; margin: 0 auto; max-height: 400px; } .product-item a p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(234, 242, 244, 0.9); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 15rem; opacity: 0; -webkit-transition: 0.25s; transition: 0.25s; font-weight: bold; font-size: 22rem; } @media only screen and (max-width: 580px) { .product-item a{ flex-direction: column; } .product-item a p { display: flex; position: relative; opacity: 1; font-size: 18rem; padding: 0; background-color: transparent; height: unset; margin-top: 20rem; } } button.menu-btn { display: block; border: none; width: 58rem; height: 30rem; position: relative; background-color: transparent; } @media only screen and (max-width: 580px) { button.menu-btn { width: 40rem; height: 24rem; } } .home-lang-btn{ position: absolute; top: 60rem; right: 80rem; display: flex; align-items: center; z-index: 15; } .home .wpml-ls-statics-shortcode_actions{ opacity: 0; -webkit-transform: translate(100rem, 0); transform: translate(100rem, 0); -webkit-transition: 0.5s; transition: 0.5s; } button.menu-btn--home { /*position: absolute; top: 60rem; right: 80rem;*/ opacity: 0; -webkit-transform: translate(100rem, 0); transform: translate(100rem, 0); -webkit-transition: 0.5s; transition: 0.5s; z-index: 12; } @media only screen and (max-width: 580px) { .home-lang-btn{ top: 26rem; right: 20rem; } button.menu-btn--home { /*top: 26rem; right: 20rem;*/ } } .home .wpml-ls-statics-shortcode_actions.animation-in, button.menu-btn--home.animation-in { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } button.menu-btn.active span:nth-child(1) { top: 50%; -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); opacity: 0; } button.menu-btn.active span:nth-child(2) { -webkit-transform: translate(0, -50%) rotate(-45deg); transform: translate(0, -50%) rotate(-45deg); } button.menu-btn.active span:nth-child(3) { top: 50%; -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); } button.menu-btn span { display: block; position: absolute; height: 1px; background-color: #000; left: 0; right: 0; -webkit-transition: .25s ease; transition: .25s ease; } button.menu-btn span:nth-child(1) { top: 0; } button.menu-btn span:nth-child(2) { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); background-color: #000; opacity: .8; } button.menu-btn span:nth-child(3) { bottom: 0; } .page-parts-wrapper { position: relative; z-index: 1; overflow: hidden; } .page-parts-wrapper > img.part { position: absolute; display: block; z-index: 2; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition-timing-function: linear!important; transition-duration: 1s; } .page-parts-wrapper > img.part.part-1 { width: 243rem; top: -30rem; left: 600rem; } @media only screen and (max-width: 580px) { .page-parts-wrapper > img.part.part-1 { width: calc(243rem / 2); top: -30rem; left: 120rem; } } .page-parts-wrapper > img.part.part-2 { width: 263rem; top: 160rem; right: 130rem; } @media only screen and (max-width: 580px) { .page-parts-wrapper > img.part.part-2 { width: calc(263rem / 2); top: 80rem; right: -80rem; } } .page-parts-wrapper > img.part.part-3 { width: 130rem; top: 550rem; left: 70rem; } @media only screen and (max-width: 580px) { .page-parts-wrapper > img.part.part-3 { width: calc(130rem / 2); left: 20rem; } } .page-parts-wrapper > img.part.part-4 { width: 120rem; top: 860rem; right: 0; } @media only screen and (max-width: 480px) { .page-parts-wrapper > img.part.part-4 { top: 690rem; right: 15rem; width: calc(120rem / 2); } } form input:not(.wpcf7-submit), form select , textarea.input-text , textarea , input[type='email'] { background-color: transparent; border: none; border-bottom: 1px solid #1a1718; color: #1a1718; /* direction: rtl;*/ font-size: 20rem; height: 80rem; width: 100%; font-family: "aktiv-grotesk-hebrew", sans-serif; font-weight: 100; text-align: left; } form input.wpcf7-submit { background: none; color: #fff; opacity: 1!important; /* -webkit-filter: invert(100%); */ /* filter: invert(100%); */ border: none; } .page-template-page-contacts form input.wpcf7-submit { color: #1a1718; } .wpcf7-spinner { display: none!important; } @media only screen and (max-width: 580px) { form input, form select { height: 60rem; } } form input::-webkit-input-placeholder, form select::-webkit-input-placeholder { color: #686868; } form input:-ms-input-placeholder, form select:-ms-input-placeholder { color: #686868; } form input::-ms-input-placeholder, form select::-ms-input-placeholder { color: #686868; } form input::placeholder, form select::placeholder { color: #686868; } form input.white, form select.white { border-color: #fff; color: #fff; } form input.white::-webkit-input-placeholder, form select.white::-webkit-input-placeholder { color: #e3e3e3; } form input.white:-ms-input-placeholder, form select.white:-ms-input-placeholder { color: #e3e3e3; } form input.white::-ms-input-placeholder, form select.white::-ms-input-placeholder { color: #e3e3e3; } form input.white::placeholder, form select.white::placeholder { color: #e3e3e3; } form input.small, form select.small { font-size: 18rem; height: 42rem; } .page-template-page-category .wpcf7-acceptance label { display: flex; align-items: center; color: #fff; font-family: "aktiv-grotesk-hebrew", sans-serif; } .page-template-page-category .wpcf7-acceptance a { text-decoration: underline; } .page-template-page-category .wpcf7-acceptance input { width: 20px; margin-right: 10px; } @media only screen and (max-width: 580px) { form input.small, form select.small { height: 42rem; } } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("img/ic-select-arrow.svg"); background-repeat: no-repeat; background-position: 100% center; background-size: 20rem; padding-right: 50rem; } .js-gallery .slick-dots { position: absolute; bottom: 50rem; left: 0; width: 100%; text-align: center; z-index: 10; display: grid; grid-auto-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 15rem; } .js-gallery .slick-dots li { font-size: 0; } .js-gallery .slick-dots li.slick-active button { width: 40rem; } .js-gallery .slick-dots li button { width: 20rem; height: 3rem; background-color: #fff; -webkit-transition: 0.25s; transition: 0.25s; } .counter-wrap , .quantity{ display: grid; grid-template-columns: auto 1fr auto; border: 1px solid #1a1718; } .counter-wrap button, .counter-wrap input , .quantity input { height: 45rem; border: none; } .counter-wrap button , .qty_button.minus , .qty_button.plus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 45rem; } .qty_button.minus , .qty_button.plus { background: transparent; } .counter-wrap button img { display: block; width: 10rem; } .counter-wrap input ,.woocommerce-cart-form .quantity .input-text{ text-align: center; font-size: 18rem; font-weight: 300; border-left: 1px solid #1a1718; border-right: 1px solid #1a1718; padding: 0 10rem; width: 100%!important; } @-webkit-keyframes ticker { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } } @keyframes ticker { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } } main { width: 100vw; /*overflow: hidden;*/ } @media (max-width: 420px){ main{ overflow: hidden; } } .logo-home { position: absolute; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: calc(50% - 68rem / 2); left: calc(50% - 288rem / 2); -webkit-transition: 0.5s; transition: 0.5s; } @media only screen and (max-width: 580px) { .logo-home { top: calc(50% - 35rem / 2); left: calc(50% - 115rem / 2); } } .logo-home img { display: block; -webkit-transition: 0.5s; transition: 0.5s; } .logo-home img.left { width: 68rem; -webkit-transform: translate(219rem, 0) scale(4.12); transform: translate(219rem, 0) scale(4.12); -webkit-transform-origin: 100% center; transform-origin: 100% center; } @media only screen and (max-width: 580px) { .logo-home img.left { width: 34rem; -webkit-transform: translate(95rem, 0) scale(4.12); transform: translate(95rem, 0) scale(4.12); } } .logo-home img.right { width: 160rem; -webkit-transform: translate(600rem, 0) scale(2.1); transform: translate(600rem, 0) scale(2.1); -webkit-transform-origin: 0 center; transform-origin: 0 center; opacity: 0; } @media only screen and (max-width: 580px) { .logo-home img.right { width: 73rem; -webkit-transform: translate(180rem, 0) scale(2.1); transform: translate(180rem, 0) scale(2.1); } } .logo-home.animation-in-one img.left { -webkit-transform: translate(0, 0) scale(2.1); transform: translate(0, 0) scale(2.1); } .logo-home.animation-in-one img.right { opacity: 1; -webkit-transform: translate(0, 0) scale(2.1); transform: translate(0, 0) scale(2.1); } .logo-home.animation-in-two { top: calc(0% + 41rem); left: calc(0% + 80rem); } @media only screen and (max-width: 580px) { .logo-home.animation-in-two { top: calc(0% + 20rem); left: calc(0% + 20rem); } } .logo-home.animation-in-two img.left { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); } .logo-home.animation-in-two img.right { -webkit-transform: translate(0) scale(1); transform: translate(0) scale(1); } .logo-home.animation-out { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); opacity: 0; } section.home { position: relative; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); z-index: 1; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 50rem 0; } section.home[data-color] .img-left img.default, section.home[data-color] .img-right img.default { opacity: 0 !important; } section.home[data-color="pink"] .parts-wrap .svg svg { fill: #E65A9C; } section.home[data-color="pink"] .parts-wrap .img-left img.pink, section.home[data-color="pink"] .parts-wrap .img-right img.pink { opacity: 1; } section.home[data-color="orange"] .parts-wrap .svg svg { fill: #EF5721; } section.home[data-color="orange"] .parts-wrap .img-left img.orange, section.home[data-color="orange"] .parts-wrap .img-right img.orange { opacity: 1; } section.home[data-color="blue"] .parts-wrap .svg svg { fill: #7BB1E0; } section.home[data-color="blue"] .parts-wrap .img-left img.blue, section.home[data-color="blue"] .parts-wrap .img-right img.blue { opacity: 1; } section.home[data-color="green"] .parts-wrap .svg svg { fill: #BEC531; } section.home[data-color="green"] .parts-wrap .img-left img.green, section.home[data-color="green"] .parts-wrap .img-right img.green { opacity: 1; } section.home[data-color="purple"] .parts-wrap .svg svg { fill: #9E7EB9; } section.home[data-color="purple"] .parts-wrap .img-left img.purple, section.home[data-color="purple"] .parts-wrap .img-right img.purple { opacity: 1; } section.home[data-color="yellow"] .parts-wrap .svg svg { fill: #FBD206; } section.home[data-color="yellow"] .parts-wrap .img-left img.yellow, section.home[data-color="yellow"] .parts-wrap .img-right img.yellow { opacity: 1; } section.home .parts-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; -webkit-transition: 0.7s cubic-bezier(0.42, 0.63, 0.39, 1.3); transition: 0.7s cubic-bezier(0.42, 0.63, 0.39, 1.3); opacity: 0; -webkit-transform: translate(0, -500rem); transform: translate(0, -500rem); } section.home .parts-wrap.animation-in { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } section.home .parts-wrap.animation-out .svg:not(.svg-5), section.home .parts-wrap.animation-out .img-left, section.home .parts-wrap.animation-out .img-right { opacity: 0; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: 0.5s; transition: 0.5s; } section.home .parts-wrap .svg { position: absolute; display: block; } section.home .parts-wrap .svg.svg-1 { fill: #BEC531; width: 243rem; top: -35rem; left: 614rem; } @media only screen and (max-width: 580px) { section.home .parts-wrap .svg.svg-1 { width: calc(243rem / 2); top: -25rem; left: 130rem; } } section.home .parts-wrap .svg.svg-2 { fill: #7BB1E0; width: 110rem; top: 9.5vh; right: 555rem; } @media only screen and (max-width: 580px) { section.home .parts-wrap .svg.svg-2 { width: calc(110rem / 2); top: 40rem; right: 90rem; } } section.home .parts-wrap .svg.svg-3 { fill: #E65A9C; width: 94rem; top: 32vh; left: 0; } @media only screen and (max-width: 580px) { section.home .parts-wrap .svg.svg-3 { width: calc(94rem / 2); top: 30vh; } } section.home .parts-wrap .svg.svg-4 { fill: #E65A9C; width: 115rem; bottom: 10vh; right: 360rem; } @media only screen and (max-width: 580px) { section.home .parts-wrap .svg.svg-4 { width: calc(115rem / 2); right: auto; left: 20rem; bottom: 15vh; } } section.home .parts-wrap .svg.svg-5 { fill: #BEC531; width: 177rem; bottom: -10rem; right: 0; } @media only screen and (max-width: 580px) { section.home .parts-wrap .svg.svg-5 { width: calc(177rem / 2); } } section.home .parts-wrap .svg.svg-6 { fill: #7BB1E0; width: 140rem; bottom: 8vh; left: 715rem; } @media only screen and (max-width: 580px) { section.home .parts-wrap .svg.svg-6 { width: calc(140rem / 2); left: 0; bottom: 1vh; } } section.home .parts-wrap .svg svg { width: 100%; -webkit-transition: 0.25s; transition: 0.25s; } section.home .parts-wrap .img-left { display: block; position: absolute; left: 140rem; bottom: 10vh; width: 317rem; height: 317rem; border-radius: 50%; overflow: hidden; } @media only screen and (max-width: 580px) { section.home .parts-wrap .img-left { width: calc(317rem / 2); height: calc(317rem / 2); } } section.home .parts-wrap .img-left img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.25s; transition: 0.25s; opacity: 0; } section.home .parts-wrap .img-left img.default { z-index: -1; opacity: 1; } section.home .parts-wrap .img-right { display: block; position: absolute; /* right: 140rem; top: 10vh; */ right: 180rem; top: -12vh; width: 202rem; height: 409rem; overflow: hidden; } @media (max-width: 1024px){ section.home .parts-wrap .img-right { right: 165rem; top: -18vh; } } @media only screen and (max-width: 580px) { section.home .parts-wrap .img-right { width: calc(202rem / 2); right: 20rem; top: 5vh; } } section.home .parts-wrap .img-right img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: contain; object-fit: contain; -webkit-transition: 0.25s; transition: 0.25s; opacity: 0; } section.home .parts-wrap .img-right img.default { z-index: -1; opacity: 1; } section.home nav { pointer-events: none; } section.home nav.animation-in { pointer-events: auto; } section.home nav.animation-in ul li:nth-child(1), section.home nav.animation-in ul li:nth-child(2), section.home nav.animation-in ul li:nth-child(3), section.home nav.animation-in ul li:nth-child(4), section.home nav.animation-in ul li:nth-child(5), section.home nav.animation-in ul li:nth-child(6){ -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } section.home nav.animation-out { opacity: 0; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: 0.5s; transition: 0.5s; } section.home nav ul { display: grid; grid-auto-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-gap: 50rem; } @media only screen and (max-width: 580px) { section.home nav ul { grid-gap: 15rem; grid-template-columns: 1fr; grid-auto-flow: row; } } section.home nav ul li { position: relative; opacity: 0; -webkit-transition: 1s; transition: 1s; } section.home nav ul li:nth-child(1) { -webkit-transition-delay: 0s; transition-delay: 0s; } section.home nav ul li:nth-child(2) { -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transform: translate(-150rem, 0); transform: translate(-150rem, 0); } @media only screen and (max-width: 480px) { section.home nav ul li:nth-child(2) { -webkit-transform: translate(0, -50rem); transform: translate(0, -50rem); } } section.home nav ul li:nth-child(3) { -webkit-transition-delay: .15s; transition-delay: .15s; -webkit-transform: translate(-300rem, 0); transform: translate(-300rem, 0); } @media only screen and (max-width: 480px) { section.home nav ul li:nth-child(3) { -webkit-transform: translate(0, -100rem); transform: translate(0, -100rem); } } section.home nav ul li:nth-child(4) { -webkit-transition-delay: .2s; transition-delay: .2s; -webkit-transform: translate(-450rem, 0); transform: translate(-450rem, 0); } @media only screen and (max-width: 480px) { section.home nav ul li:nth-child(4) { -webkit-transform: translate(0, -150rem); transform: translate(0, -150rem); } } section.home nav ul li:not(:last-child) { position: relative; } section.home nav ul li:not(:last-child)::after { content: ""; display: block; position: absolute; width: 1px; background-color: #707070; right: -25rem; height: 57rem; top: calc(50% - 57rem / 2); } @media only screen and (max-width: 580px) { section.home nav ul li:not(:last-child)::after { width: 120rem; height: 1px; left: calc(50% - 120rem / 2); bottom: -7rem; top: auto; } } section.home nav ul li a { display: block; color: #c4c4c4; text-align: center; } section.home nav ul li a.hover b { text-shadow: 0rem 0rem 2rem #fff; } section.home nav ul li a.hover p { color: #1a1718; } section.home nav ul li a.pink.hover b { color: #E65A9C; } section.home nav ul li a.orange.hover b { color: #EF5721; } section.home nav ul li a.blue.hover b { color: #7BB1E0; } section.home nav ul li a.green.hover b { color: #BEC531; } section.home nav ul li a.purple.hover b { color: #9E7EB9; } section.home nav ul li a.yellow.hover b { color: #FBD206; } section.home nav ul li a b, .home nav ul li a p { display: block; line-height: 1.2; -webkit-transition: 0.25s; transition: 0.25s; } section.home nav ul li a b { font-size: 40rem; } @media (max-width: 880px){ section.home nav ul li a b { font-size: 28rem; } } @media only screen and (max-width: 580px) { section.home nav ul li a b { font-size: 18rem; } } section.home nav ul li a p { font-size: 15rem; font-weight: 300; } @media only screen and (max-width: 580px) { section.home nav ul li a p { font-size: 12rem; } } section.home h1 { text-align: center; margin-top: 50rem; padding-bottom: 50rem; -webkit-transition: 1s; transition: 1s; opacity: 0; -webkit-transform: translate(500rem, 0); transform: translate(500rem, 0); } @media only screen and (max-width: 580px) { section.home h1 { -webkit-transform: translate(0, 200rem); transform: translate(0, 200rem); margin-top: 30rem; padding-bottom: 150rem; } } section.home h1.animation-in { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } section.home h1.animation-out { opacity: 0; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: 0.5s; transition: 0.5s; } section.home h1 span, section.home h1 b { display: block; font-size: 180rem; line-height: .8; } @media only screen and (max-width: 580px) { section.home h1 span, section.home h1 b { font-size: 70rem; } } section.home h1 span { text-transform: uppercase; font-weight: 300; } .category-1 { position: relative; z-index: 1; overflow: hidden; } .category-1 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: .5s; transition: .5s; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } .category-1 .bg.animation-in { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .post-type-archive-product .category-1 .bg { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .category-1 .bg.animation-in .svg { width: 500rem; } .category-1 .bg--pink { background-color: #E65A9C; } .category-1 .bg--pink .svg svg { fill: #E65A9C; } .category-1 .bg--purple { background-color: #9E7EB9; } .category-1 .bg--purple .svg svg { fill: #9E7EB9; } .category-1 .bg--orange { background-color: #EF5721; } .category-1 .bg--orange .svg svg { fill: #EF5721; } .category-1 .bg--blue { background-color: #7BB1E0; } .category-1 .bg--blue .svg svg { fill: #7BB1E0; } .category-1 .bg--green { background-color: #BEC531; } .category-1 .bg--green .svg svg { fill: #BEC531; } .category-1 .bg--yellow { background-color: #FBD206; } .category-1 .bg--yellow .svg svg { fill: #FBD206; } .category-1 .bg .svg { width: 177rem; position: absolute; bottom: 0; right: calc(100% - 1px); } @media only screen and (max-width: 580px) { .category-1 .bg .svg { width: calc(177rem / 2); } } .category-1 .bg .svg svg { width: 100%; display: block; } .category-1.active::after { right: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .category-1 .content-wrap { min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); display: grid; grid-auto-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; grid-gap: 50rem; padding: 100rem 0; } @media only screen and (max-width: 580px) { .category-1 .content-wrap { grid-gap: 30rem; max-height: 520px; min-height: unset; height: 100vh; display: flex; flex-direction: column-reverse; align-items: center; justify-content: flex-start; } } .category-1 .content-wrap.animation-in img, .category-1 .content-wrap.animation-in h1, .post-type-archive-product .category-1 .content-wrap img, .post-type-archive-product .category-1 .content-wrap h1 { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .category-1 .content-wrap img { display: block; width: auto; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } @media only screen and (max-width: 580px) { .category-1 .content-wrap img { max-width: 150rem; width: unset; } } .category-1 .content-wrap h1 { text-transform: uppercase; font-weight: bold; font-size: 120rem; line-height: 1.1; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; text-align: left; } @media only screen and (max-width: 580px) { .category-1 .content-wrap h1 { font-size: 38rem; } } .category-2 { padding: 170rem 0; } @media only screen and (max-width: 580px) { .category-2 { padding: 50rem 0; } } .category-2 p { font-family: "aktiv-grotesk-hebrew", sans-serif; font-weight: 300; font-size: 40rem; text-align: center; margin: 0 auto; max-width: 1160rem; } @media only screen and (max-width: 580px) { .category-2 p { font-size: 24rem; } } .category-3 { width: 100vw; } .category-3 .wrap { background-color: #eaf2f3; padding: 75rem 0; width: 100%; overflow: hidden; white-space: nowrap; } @media only screen and (max-width: 580px) { .category-3 .wrap { padding: 30rem 0; } } .category-3 .wrap p:first-child{ padding-right: 60px; } .category-3 .wrap p span{ color: #000; } .category-3 .wrap p { display: inline-block; white-space: nowrap; font-size: 200rem; line-height: 1; font-weight: 600; color: #E65A9C; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: ticker; animation-name: ticker; -webkit-animation-duration: 20s; animation-duration: 20s; } .category-3.color--pink .wrap p { color: #E65A9C; } .category-3.color--orange .wrap p { color: #EF5721; } .category-3.color--blue .wrap p { color: #7BB1E0; } .category-3.color--purple .wrap p { color: #9E7EB9; } .category-3.color--yellow .wrap p { color: #FBD206; } @media only screen and (max-width: 580px) { .category-3 .wrap p { font-size: 100rem; } .category-3 .wrap p:first-child{ padding-right:40px; } } .category-4 { padding: 150rem 0; font-family: "aktiv-grotesk-hebrew", sans-serif; } .logistic-products .category-4 { padding: 0rem 0; font-family: "aktiv-grotesk-hebrew", sans-serif; } @media only screen and (max-width: 580px) { .category-4 { padding: 50rem 0; } } .category-4 .items { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 100rem; max-width: 1460rem; margin: 60rem auto 0; /* direction: rtl;*/ } @media only screen and (max-width: 580px) { .category-4 .items { grid-template-columns: 1fr; margin-top: 50rem; } } .category-4 .items .item:not(:last-child) { position: relative; } .category-4 .items .item:not(:first-child)::after { content: ""; display: block; position: absolute; width: 1px; height: 100%; background-color: #707070; left: -50rem; top: 0; } @media only screen and (max-width: 580px) { .category-4 .items .item:not(:last-child)::after { content: ""; display: block; position: absolute; width: 100%; height: 1px; left: 0; top: auto; bottom: -50rem; background-color: #707070; } } .category-4 .items .item span { display: block; } .category-4 .items .item b { display: block; font-size: 22rem; margin-bottom: 10rem; } .category-4 .items .item p { font-size: 18rem; } .section-tab-img .grid { grid-template-columns: 702rem 1fr ; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 100rem; } @media only screen and (max-width: 1024px) { .section-tab-img .grid { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 580px) { .section-tab-img .grid { grid-gap: 50rem; grid-template-columns: 1fr; } } .section-tab-img .text-wrap { /* direction: rtl;*/ padding-right: 230rem; } @media only screen and (max-width: 1024px) { .section-tab-img .text-wrap { padding-right: 50rem; } } @media only screen and (max-width: 580px) { .section-tab-img .text-wrap { padding-left: 20rem; padding-right: 20rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (max-width: 580px) { .section-tab-img .text-wrap h2 { text-align: center; } } .section-tab-img.color--purple .text-wrap .items--type-1 { margin-top: 50rem; } .section-tab-img .text-wrap .items--type-1 { margin-top: 100rem; } @media only screen and (max-width: 580px) { .section-tab-img .text-wrap .items--type-1 { margin-top: 50rem; } } .section-tab-img .text-wrap .items a.item { display: block; padding: 35rem 150rem 35rem 0; position: relative; } @media only screen and (max-width: 580px) { .section-tab-img .text-wrap .items a.item { padding: 30rem 0; } } .section-tab-img .text-wrap .items a.item::after { content: ""; display: block; position: absolute; width: 100rem; height: 100rem; /* background-image: url("img/ic-link-arrow-left.svg"); */ background-image: url("img/small-arrow-team.svg"); background-size: 40%; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #000; top: calc(50% - 100rem / 2); right: 0; opacity: 0; -webkit-transition: 0.25s; transition: 0.25s; border-radius: 100%; overflow: hidden; transform: rotate(180deg); } @media only screen and (max-width: 580px) { .section-tab-img .text-wrap .items a.item::after { display: none; } } .section-tab-img .text-wrap .items a.item:not(:last-child) { border-bottom: 1px solid #707070; } .section-tab-img .text-wrap .items a.item:hover::after { opacity: 1; background-position: 40% 50%; } .section-tab-img .text-wrap .items a.item--type-1 { font-family: "aktiv-grotesk-hebrew", sans-serif; } .section-tab-img .text-wrap .items a.item--type-1:hover b { color: #E65A9C; } .section-tab-img.color--purple .text-wrap .items a.item--type-1:hover b { color: #9E7EB9; } .category-5.color--pink.section-tab-img .text-wrap .items a.item--type-1:hover b { color: #E65A9C; } .category-5.color--orange.section-tab-img .text-wrap .items a.item--type-1:hover b { color: #EF5721; } .category-5.color--blue.section-tab-img .text-wrap .items a.item--type-1:hover b { color: #7BB1E0; } .section-tab-img .text-wrap .items a.item--type-1 b { display: block; font-size: 30rem; margin-bottom: 15rem; -webkit-transition: 0.25s; transition: 0.25s; } .section-tab-img .text-wrap .items a.item--type-1 p { font-size: 20rem; max-width: 687px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: right!important; } .section-tab-img .text-wrap .items a.item--type-2 { display: grid; grid-template-columns: auto 1fr; grid-gap: 40rem; } @media only screen and (max-width: 580px) { .section-tab-img .text-wrap .items a.item--type-2 { grid-template-columns: 1fr; grid-gap: 30rem; } } .section-tab-img .text-wrap .items a.item--type-2.pink:hover .text-wrp .sup, .section-tab-img .text-wrap .items a.item--type-2.pink:hover .text-wrp .title { color: #E65A9C; } .section-tab-img .text-wrap .items a.item--type-2.orange:hover .text-wrp .sup, .section-tab-img .text-wrap .items a.item--type-2.orange:hover .text-wrp .title { color: #EF5721; } .section-tab-img .text-wrap .items a.item--type-2.blue:hover .text-wrp .sup, .section-tab-img .text-wrap .items a.item--type-2.blue:hover .text-wrp .title { color: #7BB1E0; } .section-tab-img .text-wrap .items a.item--type-2.green:hover .text-wrp .sup, .section-tab-img .text-wrap .items a.item--type-2.green:hover .text-wrp .title { color: #BEC531; } .section-tab-img .text-wrap .items a.item--type-2 .text-wrp { padding-left: 30rem; } @media only screen and (max-width: 580px) { .section-tab-img .text-wrap .items a.item--type-2 .text-wrp { padding-left: 0; } } .section-tab-img .text-wrap .items a.item--type-2 .text-wrp .sup { font-family: "aktiv-grotesk-hebrew", sans-serif; font-weight: 500; font-size: 24rem; line-height: 1; -webkit-transition: 0.25s; transition: 0.25s; } @media only screen and (max-width: 580px) { .section-tab-img .text-wrap .items a.item--type-2 .text-wrp .sup { font-size: 20rem; } } .section-tab-img .text-wrap .items a.item--type-2 .text-wrp .title { font-weight: 300; font-size: 50rem; line-height: 1.2; text-transform: uppercase; margin: 5rem 0; -webkit-transition: 0.25s; transition: 0.25s; } @media only screen and (max-width: 580px) { .section-tab-img .text-wrap .items a.item--type-2 .text-wrp .title { font-size: 34rem; } } .section-tab-img .text-wrap .items a.item--type-2 .text-wrp p { font-size: 18rem; font-family: "aktiv-grotesk-hebrew", sans-serif; } .section-tab-img .text-wrap .items a.item--type-2 .img-wrp { padding-top: 5rem; } @media only screen and (max-width: 580px) { .section-tab-img .text-wrap .items a.item--type-2 .img-wrp { padding-top: 0; } } .section-tab-img .text-wrap .items a.item--type-2 .img-wrp img { display: block; width: 68rem; min-width: 68rem; } @media only screen and (max-width: 580px) { .section-tab-img .img-wrap { display: none; } } .section-tab-img .img-wrap{ height: 100%; } .section-tab-img.color--purple .img-wrap .img, .section-tab-img.color--purple .img-wrap { height: 100%; } .section-tab-img .img-wrap .img { padding-top: 153.8%; position: relative; height: 100%; } .section-tab-img .img-wrap .img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.25s; transition: 0.25s; } .section-tab-img .img-wrap .img img:not(.active) { opacity: 0; } .category-6 { padding: 150rem 15rem 75rem; } @media only screen and (max-width: 580px) { .category-6 { padding: 50rem 15rem; } } .category-6 .grid { grid-template-columns: repeat(5, 1fr); grid-gap: 15rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 80rem; } @media only screen and (max-width: 580px) { .category-6 .grid { grid-template-columns: 1fr 1fr; margin-top: 50rem; } } .category-6 .grid .items { display: grid; grid-gap: 15rem; } .category-6 .grid .items:nth-child(odd) .item:nth-child(even) { padding-top: 138%; } .category-6 .grid .items:nth-child(even) .item { padding-top: 138%; } @media only screen and (max-width: 580px) { .category-6 .grid .items:nth-child(3), .category-6 .grid .items:nth-child(4), .category-6 .grid .items:nth-child(5) { display: none; } } .category-6 .grid .items .item { padding-top: 100%; position: relative; } .category-6 .grid .items .item img { display: block; width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .category-6 .under-wrap { border-top: 1px solid #707070; padding-top: 50rem; max-width: 1470rem; margin: 130rem auto 0; font-family: "aktiv-grotesk-hebrew", sans-serif; text-align: center; } @media only screen and (max-width: 580px) { .category-6 .under-wrap { margin-top: 50rem; padding-top: 25rem; } } .category-6 .under-wrap p { text-align: center; font-size: 18rem; } .category-7 { padding: 75rem 0 150rem; } @media only screen and (max-width: 580px) { .category-7 { padding: 30rem 0 50rem; } } .category-7 p { text-align: center; max-width: 1050rem; margin: 0 auto; font-size: 70rem; font-family: "aktiv-grotesk-hebrew", sans-serif; font-weight: 400; } @media only screen and (max-width: 580px) { .category-7 p { font-size: 32rem; } } .category-8 { padding: 150rem 0; } @media only screen and (max-width: 580px) { .category-8 { padding: 50rem 0; } } .category-8.bg--purple { background-color: #9E7EB9; } .category-8.bg--pink { background-color: #E65A9C; } .category-8.bg--orange { background-color: #EF5721; } .category-8.bg--blue { background-color: #7BB1E0; } .category-8.bg--yellow { background-color: #FBD206; } .category-8 h2 { color: #fff; text-align: center; font-weight: 400; font-size: 100rem; } @media only screen and (max-width: 580px) { .category-8 h2 { font-size: 34rem; } } .category-8 form .inputs-wrap { display: grid; grid-template-columns: 1fr 1fr; max-width: 1465rem; margin: 100rem auto 0; grid-gap: 40rem 90rem; direction: rtl; } @media only screen and (max-width: 580px) { .category-8 form .inputs-wrap { grid-template-columns: 1fr; margin: 30rem 0 0; grid-gap: 15rem; } } .category-8 form .btn-wrap { text-align: center; margin-top: 40rem; } @media only screen and (max-width: 580px) { .category-8 form .btn-wrap { margin-top: 50rem; } } .logistic-header-text { padding: 100rem 0; font-family: "aktiv-grotesk-hebrew", sans-serif; } @media only screen and (max-width: 580px) { .logistic-header-text { padding: 50rem 0; } } .logistic-header-text h2 { text-align: center; font-size: 40rem; font-weight: 300; max-width: 770rem; margin: 0 auto; } @media only screen and (max-width: 580px) { .logistic-header-text h2 { font-size: 28rem; } } .logistic-header-text .link-wrap { text-align: center; margin-top: 30rem; } @media only screen and (max-width: 580px) { .logistic-header-text .link-wrap { margin-top: 15rem; } } .logistic-header-text .link-wrap a , .theme-link-wrap { color: #BEC531; font-size: 18rem; -webkit-transition: 0.25s; transition: 0.25s; display: inline-block; border-bottom: 1px solid currentColor; padding-bottom: 10rem; cursor: pointer; font-family: "aktiv-grotesk-hebrew", sans-serif; } .theme-link-wrap { margin-top: 30rem; margin-bottom: 20px; } .text-center{ text-align: center; } .logistic-header-text .link-wrap a:hover { color: #1a1718; } .logistic-products { padding-bottom: 50rem; font-family: "aktiv-grotesk-hebrew", sans-serif; } .logistic-products .container{ max-width: 1440px; } @media only screen and (max-width: 580px) { .logistic-products { padding-bottom: 30rem; } } .logistic-products .top-wrap { text-align: center; padding: 50rem 0; color: #c4c4c4; } @media only screen and (max-width: 580px) { .logistic-products .top-wrap { padding: 25rem 0; } } .logistic-products .items { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15rem; direction: rtl; } @media only screen and (max-width: 768px) { .logistic-products .items { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 580px) { .logistic-products .items { grid-template-columns: 1fr; } } .logistic-products .bottom-wrap { text-align: center; margin-top: 130rem; padding-top: 30rem; font-size: 18rem; border-top: 1px solid #c4c4c4; cursor: pointer; } @media only screen and (max-width: 580px) { .logistic-products .bottom-wrap { margin-top: 50rem; } } .thx { position: relative; font-family: "aktiv-grotesk-hebrew", sans-serif; } .thx img.bg { position: absolute; display: block; -webkit-transition: 0.7s cubic-bezier(0.42, 0.63, 0.39, 1.3); transition: 0.7s cubic-bezier(0.42, 0.63, 0.39, 1.3); /*opacity: 0;*/ -webkit-transform: translate(0, 100rem); transform: translate(0, -100rem); } .thx img.bg--left { width: 825rem; top: 160rem; left: 0; } @media only screen and (max-width: 580px) { .thx img.bg--left { width: calc(825rem / 2); top: -20rem; } } .thx img.bg--right { width: 436rem; right: 0; bottom: 0; } @media only screen and (max-width: 580px) { .thx img.bg--right { width: calc(436rem / 2); } } .thx img.bg.animation-in { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .thx .content { min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); text-align: center; padding: 170rem 0 200rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .thx .content h1 { font-size: 70rem; font-weight: 300; } @media only screen and (max-width: 580px) { .thx .content h1 { font-size: 38rem; } } .thx .content p { font-size: 40rem; font-weight: 300; } @media only screen and (max-width: 580px) { .thx .content p { font-size: 24rem; } } .thx .content .btn-wrap { margin-top: 50rem; } @media only screen and (max-width: 580px) { .thx .content .btn-wrap { margin-top: 30rem; } } .responsibility-1 { position: relative; z-index: 1; overflow: hidden; } .responsibility-1 .text-wrap { margin-bottom: 220rem; text-align: center; } @media only screen and (max-width: 580px) { .responsibility-1 .text-wrap { margin-bottom: 50rem; } } .responsibility-1 .text-wrap p { font-size: 40rem; font-weight: 300; max-width: 1030rem; margin: 80rem auto 0; font-family: "aktiv-grotesk-hebrew", sans-serif; } @media only screen and (max-width: 580px) { .responsibility-1 .text-wrap p { font-size: 22rem; margin: 25rem auto 0; } } .responsibility-2 { padding-bottom: 200rem; font-family: "aktiv-grotesk-hebrew", sans-serif; position: relative; } @media only screen and (max-width: 580px) { .responsibility-2 { padding-top: 50rem; padding-bottom: 100rem; } } .responsibility-2 img.part { position: absolute; width: 110rem; left: 700rem; bottom: 80rem; z-index: 1; } @media only screen and (max-width: 480px) { .responsibility-2 img.part { width: calc(110rem / 2); bottom: 230rem; left: 0; } } .responsibility-2 .items { position: relative; } @media only screen and (max-width: 580px) { .responsibility-2 .items { padding: 0 15rem; } } .responsibility-2 .items .item { position: relative; display: grid; grid-auto-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 580px) { .responsibility-2 .items .item { grid-auto-flow: row; } } .responsibility-2 .items .item.type-1 { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 80rem; } .responsibility-2 .items .item.type-1 .text-wrap { margin-right: auto; margin-left: 120rem; } @media only screen and (max-width: 580px) { .responsibility-2 .items .item.type-1 .text-wrap { margin-left: 0; } } .responsibility-2 .items .item.type-1 img.img { width: 719rem; } @media only screen and (max-width: 580px) { .responsibility-2 .items .item.type-1 img.img { width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .responsibility-2 .items .item.type-2 { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 230rem; } @media only screen and (max-width: 580px) { .responsibility-2 .items .item.type-2 { padding-left: 0; } } .responsibility-2 .items .item.type-2 .text-wrap { margin-right: 120rem; margin-left: 250rem; } @media only screen and (max-width: 580px) { .responsibility-2 .items .item.type-2 .text-wrap { margin-right: 0; margin-left: 0; } } .responsibility-2 .items .item.type-2 img.img { width: 557rem; } @media only screen and (max-width: 580px) { .responsibility-2 .items .item.type-2 img.img { width: 100%; } } .responsibility-2 .items .item .text-wrap { /* direction: rtl;*/ max-width: 600rem; } .responsibility-2 .items .item .text-wrap .title { font-size: 60rem; line-height: 1.2; } @media only screen and (max-width: 580px) { .responsibility-2 .items .item .text-wrap .title { font-size: 30rem; margin-top: 25rem; } } .responsibility-2 .items .item .text-wrap p { font-size: 20rem; margin-top: 15rem; } @media only screen and (max-width: 580px) { .responsibility-2 .items .item .text-wrap p { font-size: 16rem; margin-top: 10rem; } } .responsibility-2 .items .item img.img { display: block; } @media only screen and (max-width: 580px) { .responsibility-2 .items .item img.img { height: 250rem; -o-object-fit: cover; object-fit: cover; } } .team-1 { padding-bottom: 220rem; } @media only screen and (max-width: 580px) { .team-1 { padding-bottom: 100rem; } } .team-2 { padding-bottom: 150rem; font-family: "aktiv-grotesk-hebrew", sans-serif; } @media only screen and (max-width: 580px) { .team-2 { padding-bottom: 100rem; } } .team-2 .items { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 35rem 20rem; /* direction: rtl;*/ max-width: 1460rem; margin: 0 auto; } @media only screen and (max-width: 580px) { .team-2 .items { grid-template-columns: 1fr 1fr; grid-gap: 20rem 10rem; } } .team-2 .items .item { text-align: center; } .team-2 .items .item .name { font-size: 24rem; font-weight: bold; } @media only screen and (max-width: 580px) { .team-2 .items .item .name { font-size: 16rem; } } .team-2 .items .item .pos { font-size: 20rem; } @media only screen and (max-width: 580px) { .team-2 .items .item .pos { font-size: 14rem; } } .team-2 .items .item .img-wrap { position: relative; overflow: hidden; background-color: #eaf2f3; } .team-2 .items .item .img-wrap img { display: block; width: 100%; } .team-2 .items .item .img-wrap .svg { display: block; width: 40rem; position: absolute; bottom: 0; right: 0; -webkit-transition: .25s linear; transition: .25s linear; } .team-2 .items .item .img-wrap .svg svg { display: block; fill: #1a1718; } .team-2 .items .item .img-wrap .desc-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; background: transparent; -webkit-transition: .5s; transition: .5s; -webkit-transform: translate(101%, 0); transform: translate(101%, 0); } .team-2 .items .item .img-wrap .desc-wrap ul { margin-top: 10rem; } .team-2 .items .item .img-wrap .desc-wrap ul li { font-size: 18rem; font-weight: 300; } @media only screen and (max-width: 580px) { .team-2 .items .item .img-wrap .desc-wrap ul li { font-size: 14rem; } } .team-2 .items .item .img-wrap .desc-wrap ul li a { display: inline-block; word-break: break-word; } .team-2 .items .item .text-wrap { padding-top: 10rem; } .team-2 .items .item:hover .img-wrap .desc-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .team-2 .items .item:hover .img-wrap .svg { width: 650rem; } .team-2 .items .item:hover .text-wrap { opacity: 0; } .team-2 .items .item--pink .img-wrap .desc-wrap { background-color: transparent; } .team-2 .items .item--pink .img-wrap .svg svg { fill: #E65A9C; } .team-2 .items .item--orange .img-wrap .desc-wrap { background-color: transparent; } .team-2 .items .item--orange .img-wrap .svg svg { fill: #EF5721; } .team-2 .items .item--blue .img-wrap .desc-wrap { background-color: transparent; } .team-2 .items .item--blue .img-wrap .svg svg { fill: #7BB1E0; } .team-2 .items .item--green .img-wrap .desc-wrap { background-color: transparent; } .team-2 .items .item--green .img-wrap .svg svg { fill: #BEC531; } .team-2 .items .item--purple .img-wrap .desc-wrap { background-color: transparent; } .team-2 .items .item--purple .img-wrap .svg svg { fill: #9E7EB9; } .team-2 .items .item--yellow .img-wrap .desc-wrap { background-color: transparent; } .team-2 .items .item--yellow .img-wrap .svg svg { fill: #F5D547; } .contacts-1 { padding-bottom: 100rem; } .contacts-1 .items { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30rem; /* direction: rtl;*/ max-width: 800px; margin: 150rem auto 0; font-family: "aktiv-grotesk-hebrew", sans-serif; } @media (max-width: 1368px){ .contacts-1 .items { max-width: 550px; } } @media (max-width: 768px){ .contacts-1 .items { max-width: 370px; } } @media only screen and (max-width: 580px) { .contacts-1 .items { grid-template-columns: repeat(1, 1fr); margin: 50rem auto 0; } } .contacts-1 .items .item { font-size: 20rem; } @media only screen and (max-width: 580px) { .contacts-1 .items .item { font-size: 18rem; text-align: center; } } .contacts-1 .items .item:not(:last-child) { position: relative; } .contacts-1 .items .item:not(:last-child)::before { content: ""; display: block; position: absolute; width: 1px; height: 100%; background-color: #1a1718; right: -15rem; top: 0; } @media only screen and (max-width: 580px) { .contacts-1 .items .item:not(:last-child)::before { width: 100rem; height: 1px; right: calc(50% - 100rem / 2); bottom: -15rem; top: auto; } } .contacts-1 .items .item .title { margin-bottom: 5rem; } .contacts-1 .items .item p a { -webkit-transition: 0.25s; transition: 0.25s; } .contacts-1 .items .item p a:hover { color: #7BB1E0; } .contacts-1 .items .item .social-wrap { display: grid; grid-auto-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; grid-gap: 40rem; margin-top: 15rem; } @media only screen and (max-width: 580px) { .contacts-1 .items .item .social-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .contacts-1 .items .item .social-wrap a { -webkit-transition: 0.25s; transition: 0.25s; } .contacts-1 .items .item .social-wrap a:hover { -webkit-transform: translate(0, -3rem); transform: translate(0, -3rem); } .contacts-1 .items .item .social-wrap a img { display: block; width: 24rem; } .contacts-2 { padding-top: 100rem; padding-bottom: 250rem; font-family: "aktiv-grotesk-hebrew", sans-serif; } @media only screen and (max-width: 580px) { .contacts-2 { padding-top: 50rem; padding-bottom: 100rem; } } .contacts-2 h2 { text-align: center; } .contacts-2 .sub { text-align: center; font-size: 24rem; margin-top: 14rem; } .contacts-2 form { margin-top: 50rem; } @media only screen and (max-width: 580px) { .contacts-2 form { margin-top: 30rem; } } .contacts-2 .inputs-wrap { display: grid; grid-template-columns: 1fr 1fr; direction: rtl; max-width: 1465rem; margin: 0 auto; grid-gap: 40rem 90rem; } .contacts-2 .input-wrap { position: relative; } .contacts-2 .input-wrap.w100 label{ top: 14rem; } .contacts-2 .input-wrap label{ display: block; /* direction: rtl;*/ font-size: 20rem; line-height: 1; /* width: 100%;*/ font-family: "aktiv-grotesk-hebrew", sans-serif; font-weight: 100; text-align: left; position: absolute; left: 0rem; top: 27rem; color: #1a1718; user-select: none; transition: all 0.5s ease-in-out; } .contacts-2 .input-wrap label.filled{ top: 0; font-size: 14rem; } @media only screen and (max-width: 580px) { .contacts-2 form .inputs-wrap { grid-template-columns: 1fr; margin: 30rem 0 0; grid-gap: 15rem; } } @media only screen and (min-width: 421px) { .contacts-2 form .inputs-wrap .input-wrap.w100 { grid-column-end: span 2; } } .contacts-2 form .btn-wrap { text-align: center; margin-top: 80rem; } @media only screen and (max-width: 580px) { .contacts-2 form .btn-wrap { margin-top: 50rem; } } .contacts-3 { font-family: "aktiv-grotesk-hebrew", sans-serif; } .contacts-3 .text-wrap { padding: 100rem 0; background-color: #eaf2f3; text-align: center; position: relative; z-index: 1; } @media only screen and (max-width: 580px) { .contacts-3 .text-wrap { padding: 80rem 0; } } .contacts-3 .text-wrap img.part { display: block; position: absolute; } .contacts-3 .text-wrap img.part.part-1 { width: 243rem; top: -70rem; left: 180rem; } @media only screen and (max-width: 580px) { .contacts-3 .text-wrap img.part.part-1 { width: calc(243rem / 2); left: 30rem; top: -30rem; } } .contacts-3 .text-wrap img.part.part-2 { width: 263rem; right: 95rem; bottom: -40rem; } @media only screen and (max-width: 580px) { .contacts-3 .text-wrap img.part.part-2 { width: calc(263rem / 2); bottom: -20rem; right: 30rem; } } .contacts-3 .text-wrap .btn-wrap { margin-top: 50rem; } @media only screen and (max-width: 580px) { .contacts-3 .text-wrap .btn-wrap { margin-top: 30rem; } } .contacts-3 img.img { display: block; width: 100%; } @media only screen and (max-width: 580px) { .contacts-3 img.img { height: 180rem; -o-object-fit: cover; object-fit: cover; } } .gallery-1 { padding-top: 105rem; height: 100vh; height: calc(var(--vh, 1vh) * 100); } @media only screen and (max-width: 580px) { .gallery-1 { padding-top: 70rem; height: 580rem; } } .gallery-1 .slick-list, .gallery-1 .slick-track { height: 100%; overflow: visible; } .gallery-1 .slider-wrap { height: 100%; width: 1340rem; margin: 0 auto; } @media only screen and (max-width: 580px) { .gallery-1 .slider-wrap { width: 85vw; } } .gallery-1 .slider-wrap .item { height: 100%; margin: 0 auto; padding: 0 5rem; } @media only screen and (max-width: 580px) { .gallery-1 .slider-wrap .item { padding: 0 2rem; } } .gallery-1 .slider-wrap .item img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .gallery-2 { padding: 150rem 0; font-family: "aktiv-grotesk-hebrew", sans-serif; } @media only screen and (max-width: 580px) { .gallery-2 { padding: 100rem 0; } } .gallery-2 h1 { /* text-align: right;*/ font-size: 60rem; font-weight: 400; line-height: 1.2; } @media only screen and (max-width: 580px) { .gallery-2 h1 { font-size: 40rem; } } .gallery-2 .wrap { max-width: 1440rem; margin: 0 auto; } .gallery-2 .text-wrap { margin-top: 60rem; display: grid; grid-template-columns: 900rem 1fr; grid-gap: 150rem; } @media only screen and (max-width: 580px) { .gallery-2 .text-wrap { margin-top: 30rem; grid-template-columns: 1fr; grid-gap: 20rem; } } .gallery-2 .text-wrap .right { font-size: 30rem; } @media only screen and (max-width: 580px) { .gallery-2 .text-wrap .right { font-size: 22rem; } } .gallery-2 .text-wrap .left ul li, .gallery-2 .text-wrap .left p { font-size: 18rem; color: #adadad; } @media only screen and (max-width: 580px) { .gallery-2 .text-wrap .left ul li { font-size: 16rem; } } .product-1 { padding-top: 105rem; } .product-2 { padding: 70rem 0; font-family: "aktiv-grotesk-hebrew", sans-serif; } @media only screen and (max-width: 580px) { .product-2 { padding: 50rem 0; } } .product-2 .grid { grid-template-columns: auto auto 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 120rem; } @media only screen and (max-width: 580px) { .product-2 .grid { grid-template-columns: 1fr; grid-gap: 30rem; } .product-2 .dots-container{ order: 2; } .product-2 .left{ order: 3; } .product-2 .right{ order: 1; } } .product-2 .right { width: 600rem; -webkit-box-ordinal-group: 2; } @media only screen and (max-width: 580px) { .product-2 .right { width: calc(100vw - 30rem); -webkit-box-ordinal-group: -1; } } .product-2 .right .slider-wrap .item img { display: block; width: 100%; } .product-2 .left .text-wrap { direction: rtl; } .product-2 .left .text-wrap ul { margin-top: 45rem; } .product-2 .left .text-wrap ul li { font-size: 20rem; } @media only screen and (max-width: 580px) { .product-2 .left .text-wrap ul li { font-size: 18rem; } } .product-2 .left .text-wrap .counter-wrap { max-width: 165rem; margin-top: 10rem; } .product-2 .left .text-wrap b { display: block; margin-top: 45rem; font-size: 18rem; } @media only screen and (max-width: 580px) { .product-2 .left .text-wrap b { font-size: 16rem; } } .product-2 .left .btn-wrap { margin-top: 40rem; text-align: right; } .product-2 .dots-container { -webkit-box-ordinal-group: 3; } @media only screen and (max-width: 580px) { .product-2 .dots-container { -webkit-box-ordinal-group: 0; } } .product-2 .dots-container .slick-dots { text-align: center; } @media only screen and (max-width: 580px) { .product-2 .dots-container .slick-dots { 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; } } .product-2 .dots-container .slick-dots li { font-size: 0; } .product-2 .dots-container .slick-dots li:not(:last-child) { margin-bottom: 10rem; } @media only screen and (max-width: 580px) { .product-2 .dots-container .slick-dots li:not(:last-child) { margin: 0 5rem; } } .product-2 .dots-container .slick-dots li.slick-active button { border-color: #BEC531; } .product-2 .dots-container .slick-dots li.slick-active button::after { background-color: #BEC531; } .product-2 .dots-container .slick-dots li button { width: 33rem; height: 33rem; border-radius: 20rem; border: 1px solid transparent; -webkit-transition: 0.25s; transition: 0.25s; position: relative; } .product-2 .dots-container .slick-dots li button:hover { border-color: #c4c4c4; } .product-2 .dots-container .slick-dots li button::after { content: ""; display: block; position: absolute; top: calc(50% - 12rem / 2); left: calc(50% - 12rem / 2); width: 12rem; height: 12rem; border-radius: 50%; background-color: #c4c4c4; } section.product-3 { padding: 100rem 0; background-color: #f0f6f6; } @media only screen and (max-width: 580px) { section.product-3 { padding: 80rem 0; } } section.product-3 .grid { margin-top: 60rem; grid-template-columns: repeat(4, 1fr); grid-gap: 15rem; direction: rtl; } @media only screen and (max-width: 580px) { section.product-3 .grid { margin-top: 30rem; grid-template-columns: 1fr 1fr; } } .cart-1 { padding: 200rem 0 100rem; } @media only screen and (max-width: 580px) { .cart-1 { padding: 130rem 0 50rem; } } .cart-1 .grid { grid-template-columns: 1fr 1fr; grid-gap: 160rem; max-width: 1430rem; margin: 100rem auto 0; position: relative; font-family: "aktiv-grotesk-hebrew", sans-serif; } @media only screen and (max-width: 580px) { .cart-1 .grid { grid-template-columns: 1fr; grid-gap: 50rem; } } @media only screen and (max-width: 580px) and (max-width: 580px) { .cart-1 .grid { margin: 50rem 0; } } .cart-1 .grid::before { content: ""; display: block; position: absolute; width: 1px; left: 50%; top: 0; height: 100%; background-color: #1a1718; } @media only screen and (max-width: 580px) { .cart-1 .grid::before { display: none; } } .cart-1 h3 { font-weight: 400; font-size: 26rem; direction: rtl; margin-bottom: 25rem; } @media only screen and (min-width: 421px) { .cart-1 .right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .cart-1 .right .items { direction: rtl; } .cart-1 .right .items .item { display: grid; grid-template-columns: auto 1fr 195rem auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 40rem; border-bottom: 1px solid #1a1718; padding-left: 40rem; padding-top: 10rem; padding-bottom: 10rem; } @media only screen and (max-width: 580px) { .cart-1 .right .items .item { grid-template-columns: 1fr; padding-left: 0; padding-top: 15rem; padding-bottom: 15rem; grid-gap: 20rem; } } .cart-1 .right .items .item:first-child { border-top: 1px solid #1a1718; } .cart-1 .right .items .item .img-wrap img { display: block; width: 115rem; } @media only screen and (max-width: 580px) { .cart-1 .right .items .item .img-wrap img { margin: 0 auto; } } .cart-1 .right .items .item .title { font-size: 18rem; } @media only screen and (max-width: 580px) { .cart-1 .right .items .item .title { text-align: center; } } .cart-1 .right .items .item .title a { -webkit-transition: 0.25s; transition: 0.25s; } .cart-1 .right .items .item .title a:hover { color: #7BB1E0; } @media only screen and (max-width: 580px) { .cart-1 .right .items .item .counter-wrap { max-width: 220rem; margin: 0 auto; } } .cart-1 .right .items .item .remove-wrap .button-a { width: 17rem; display: inline; } @media only screen and (max-width: 580px) { .cart-1 .right .items .item .remove-wrap .button-a { position: absolute; top: 15rem; } } .cart-1 .right .items .item .remove-wrap .button-a img { width: 100%; display: block; } .cart-1 .right .print-wrap { margin-top: 50rem; display: flex; flex-direction: row-reverse; justify-content: space-between; } @media only screen and (max-width: 580px) { .cart-1 .right .print-wrap { display: none; } } .cart-1 .right .print-wrap a { display: inline-grid; grid-auto-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-gap: 10rem; font-size: 20rem; } .cart-1 .right .print-wrap a img { display: block; width: 25rem; } .cart-1 .left form input:not(:last-child) { margin-bottom: 35rem; } .cart-1 .left .btn-wrap { margin-top: 50rem; text-align: right; } .about-1 { padding-top: 180rem; padding-bottom: 160rem; } @media only screen and (max-width: 580px) { .about-1 { padding-bottom: 50rem; } } .about-1 .text-wrap h1 { font-size: 180rem; line-height: 1; text-align: center; font-weight: 300; } @media only screen and (max-width: 580px) { .about-1 .text-wrap h1 { font-size: 70rem; } } .about-1 .text-wrap p { font-family: "aktiv-grotesk-hebrew", sans-serif; font-weight: 300; font-size: 40rem; text-align: center; font-weight: 300; max-width: 1030rem; margin: 60rem auto 0; } @media only screen and (max-width: 580px) { .about-1 .text-wrap p { padding: 0 15rem; font-size: 18rem; margin: 25rem auto 0; } } .about-2 { padding: 50rem 0; } @media only screen and (max-width: 580px) { .about-2 { padding-bottom: 0; } } .about-3 { padding: 100rem 0 200rem; } @media only screen and (max-width: 580px) { .about-3 { padding: 50rem 0 100rem; } } .about-3 .grid { display: block; /* width: 1300px; */ } /* .about-3 .grid { grid-template-columns: repeat(7, 1fr); grid-gap: 10rem; direction: rtl; display: flex; overflow-y: auto; flex-flow: row; } */ @media only screen and (max-width: 580px) { .about-3 .grid { /* grid-template-columns: repeat(2, 1fr); */ } } .about-3 .item { /* min-width: 140px; */ margin: 0 15px; min-height: 94px; display: flex; align-items: center; } .about-3 .item img { display: block; /* width: 100%; */ /* max-width: 220rem; */ margin: 0 auto; } .about-4 { background-image: url("img/about-bg.jpg"); background-size: cover; background-position: center; padding-bottom: 200rem; font-family: "aktiv-grotesk-hebrew", sans-serif; } .about-4 .items { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 80rem; /* direction: rtl;*/ background-color: #eaf2f3; position: relative; z-index: 1; top: -50rem; padding: 80rem 60rem; } @media only screen and (max-width: 580px) { .about-4 .items { grid-template-columns: repeat(1, 1fr); grid-gap: 40rem; padding: 30rem 30rem; } } .about-4 .items .item { position: relative; padding: 15rem 0; } .about-4 .items .item:not(:first-child)::after { content: ""; display: block; position: absolute; width: 1px; height: 100%; left: -40rem; top: 0; height: 100%; background-color: #1a1718; } @media only screen and (max-width: 580px) { .about-4 .items .item:not(:last-child)::after { height: 1px; width: 100%; top: auto; bottom: -20rem; left: 0; content: ""; display: block; position: absolute; background-color: #1a1718; } } .about-4 .items .item .n { font-size: 20rem; } @media only screen and (max-width: 580px) { .about-4 .items .item .n { font-size: 16rem; } } .about-4 .items .item .title { font-size: 40rem; line-height: 1.2; font-weight: 500; } @media only screen and (max-width: 580px) { .about-4 .items .item .title { font-size: 32rem; } } .about-4 .items .item p { font-size: 18rem; font-weight: 300; margin-top: 15rem; } @media only screen and (max-width: 580px) { .about-4 .items .item p { font-size: 16rem; } } .about-5 { padding: 180rem 0; text-align: center; position: relative; } @media only screen and (max-width: 580px) { .about-5 { padding: 150rem 0; } } .about-5 img.part { display: block; position: absolute; } .about-5 img.part.part-1 { width: 160rem; top: -120rem; left: 180rem; } @media only screen and (max-width: 580px) { .about-5 img.part.part-1 { width: calc(160rem / 2); top: -50rem; left: 20rem; } } .about-5 img.part.part-2 { width: 107rem; top: 70rem; right: 330rem; } @media only screen and (max-width: 580px) { .about-5 img.part.part-2 { width: calc(107rem / 2); top: -120rem; /* top: -40rem; */ right: 0rem; } } .about-5 img.part.part-3 { width: 218rem; /* bottom: -1px; */ bottom: -100px; left: 150rem; } @media only screen and (max-width: 580px) { .about-5 img.part.part-3 { width: calc(218rem / 2); left: 30rem; } } .about-5 img.part.part-4 { width: 130rem; right: 0; bottom: 30rem; } @media only screen and (max-width: 580px) { .about-5 img.part.part-4 { width: calc(130rem / 2); /* bottom: 15rem; */ bottom: -185rem; } } .about-5 h2 { margin-bottom: 30rem; } /* Alona */ .woocommerce div.product .product_title { font-size: 60rem; font-weight: 400; font-family: "aktiv-grotesk-hebrew", sans-serif; } @media only screen and (max-width: 580px) { .woocommerce div.product .product_title { font-size: 38rem; } } .single-product div.product form.cart .quantity { float: none; margin: 0; display: inline-block; } a.add-request-quote-button.button { text-decoration: none; border: none; padding: 0; background-color: transparent; color: inherit; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .25s; transition: .25s; height: 65rem; padding: 0 45rem!important; font-size: 18rem!important; grid-gap: 25rem; font-family: "aktiv-grotesk-hebrew", sans-serif; font-weight: 400; border-radius: 0px; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: none; width: 100%; clear: none; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: none; width: 100%; } .counter-wrap button.minus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 45rem; height: 45rem; } .woocommerce-product-details__short-description { margin-top: 45rem; font-size: 20rem; } .woocommerce div.product form.cart div.quantity { display: grid; grid-template-columns: 1fr 1fr 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #000; float: none; max-width: 165px; height: 46rem; } .woocommerce div.product form.cart div.quantity input { height: 45rem; border-bottom: none; } .woocommerce div.product form.cart div.quantity input.qty.text { border-right: 1px solid #000; border-left: 1px solid #000; } .qty_button { cursor: pointer; } .woocommerce-message a.button.wc-forward { text-decoration: none; border: none; padding: 0; background-color: #fff; color: #000; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .25s; transition: .25s; height: 65rem; padding: 0 45rem; font-size: 18rem; grid-gap: 25rem; font-family: "aktiv-grotesk-hebrew", sans-serif; border-radius: 0px; } .woocommerce-message { border-top-color: #8fae1b; border: none; background: #BEC531; color: #fff; max-width: 1300px; margin: 50px auto 0; width: 100%; max-width: 1680rem; /* padding: 0 15rem; */ margin: 50rem auto; font-family: "aktiv-grotesk-hebrew", sans-serif; font-size: 22rem; line-height: 65rem; } @media (max-width: 440px){ .woocommerce-message{ display: flex; flex-direction: column-reverse; padding: 1em 2em; line-height: 1; } .woocommerce-message a{ width: 100%; margin-top: 15px !important; } } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { display: none!important; } .woocommerce .remove-wrap a.remove:hover { background: transparent; } .woocommerce form .form-row label, label { display: none; } .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%; } .woocommerce-billing-fields > h3 , .woocommerce-additional-fields > h3{ display: none; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: transparent; } textarea.input-text { text-align: right; border-top: none; border-right: none; border-left: none; padding-top: 20px; } .cart-1 .woocommerce:first-child{ order: 1; } .alt.btn img{ order: 1; } input[type="date"]{ text-align: right; } @media print { .footer-main, header, .grid .woocommerce:first-child , .print-wrap { display: none !important; } .cart-1 .grid { grid-template-columns: 1fr; } } /* gallery */ .center-btn { display: flex; justify-content: center; margin-top: 40px; } .masonry { /*display: flex;*/ /*flex-wrap: wrap;*/ /*justify-content: center;*/ /*width: 100%;*/ /*flex-direction: row;*/ margin-top: 80px; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .masonry-brick { width: calc(20% - 8px); /* height: 336px; */ height: 504px; margin-bottom: 10px; overflow: hidden; } .masonry-brick img{ transition: all 0.5s; } .masonry-brick:hover img{ transform: scale(1.1); } .masonry-brick:nth-child(3n) , .masonry-brick:first-child { /* height: 244px; */ height: 364px; } @media (max-width: 1600px){ .masonry-brick:nth-child(3n) , .masonry-brick:first-child { height: calc(350px + (364 - 350) * ((100vw - 320px) / (1400 - 320))); } .masonry-brick { height: calc(350px + (504 - 350) * ((100vw - 320px) / (1400 - 320))); } } .fancybox-navigation .fancybox-button--arrow_right { right: 70px!important; } .fancybox-navigation .fancybox-button--arrow_left { left: 70px!important; } img { vertical-align: middle; max-width: 100%; } .masonry-container{ margin: 0 auto; } .masonry-brick img { object-fit: cover; width: 100%; height: 100%; } @media (max-width: 1400px){ .masonry-brick { width: calc(25% - 8px); } } @media (max-width: 1199px){ .masonry-brick { width: calc(33.333% - 8px); } } @media (max-width: 768px){ .masonry-brick { width: calc(50% - 8px); } } @media only screen and (max-width: 650px) { .masonry-brick { width: 100%; /* height: 350px; */ } } .contact-page-form textarea{ border-top: none; border-left: none; border-right: none; height: 54px; padding-top: 25px; } .hidden-description{ display: none; font-size: 18px; } .inputs-wrap2{ justify-content: space-around; max-width: 1465rem; margin: 80rem auto 0; display: flex; flex-wrap: wrap; } .inputs-wrap2 .inputs-row { position: relative; width: 50%; padding: 0 40rem 40rem; } @media (max-width: 420px){ .inputs-wrap2 .inputs-row { position: relative; width: 100%; padding: 0 0rem 20rem; } .inputs-wrap2 .inputs-row input{ height: 70rem; } } .inputs-wrap2 .inputs-row label{ display: block; direction: ltr; font-size: 20rem; /* width: 100%;*/ font-family: "aktiv-grotesk-hebrew", sans-serif; font-weight: 100; text-align: left; position: absolute; left: 40rem; top: 27rem; color: #fff; user-select: none; transition: all 0.5s ease-in-out; } .inputs-wrap2 .inputs-row label.filled{ top: 0; font-size: 14rem; } .inputs-wrap2 .inputs-row .wpcf7-form-control-wrap { position: relative; } .inputs-wrap2 .wpcf7-not-valid-tip{ color: #fff; } .inputs-col{ width: 45%; } .page-template-page-contacts main{ background-color: #fff; z-index: 5; } .page-template-page-contacts footer.footer-main { left: 0; width: 100%; bottom: 0; position: sticky; } .wpcf7-response-output { border: none!important; text-align: center; } /* main.purple ::-moz-selection, */ main.purple ::selection{ color: #fff; background-color: #9E7EB9; } /* main.pink ::-moz-selection, */ main.pink ::selection{ color: #fff; background-color: #E65A9C; } /* main.orange::-moz-selection, */ main.orange ::selection{ color: #fff; background-color: #EF5721; } /* body.woocommerce-page ::-moz-selection, */ body.woocommerce-page ::selection{ color: #fff; background-color: #BEC531; } /* .category-2 .container{ height: 290px; overflow: hidden; } .category-2 .container.active{ } */ main.blue .theme-link-wrap{ color: #7BB1E0; } main.orange .theme-link-wrap{ color: #EF5721; } main.pink .theme-link-wrap{ color: #E65A9C; } main.purple .theme-link-wrap{ color: #9E7EB9; } .category-2 .container{ position: relative; max-height: 360px; overflow: hidden; } .category-2 .container:not(.active)::after{ content: ''; display: block; width: 100%; left: 0; bottom: 0; position: absolute; z-index: 2; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); height: 70px; } .is-404 { direction: ltr; } section.page-404 .parts-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; -webkit-transition: 0.7s cubic-bezier(0.42, 0.63, 0.39, 1.3); transition: 0.7s cubic-bezier(0.42, 0.63, 0.39, 1.3); opacity: 0; -webkit-transform: translate(0, -500rem); transform: translate(0, -500rem); } section.page-404 .parts-wrap.animation-in { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } section.page-404 .parts-wrap.animation-out .svg:not(.svg-5), section.page-404 .parts-wrap.animation-out .img-left, section.page-404 .parts-wrap.animation-out .img-right { opacity: 0; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: 0.5s; transition: 0.5s; } section.page-404 .parts-wrap .svg { position: absolute; display: block; } section.page-404 .parts-wrap .svg.svg-1 { fill: #BEC531; width: 243rem; top: -35rem; left: 614rem; } @media only screen and (max-width: 580px) { section.page-404 .parts-wrap .svg.svg-1 { width: calc(243rem / 2); top: -25rem; left: 130rem; } } section.page-404 .parts-wrap .svg.svg-2 { fill: #7BB1E0; width: 110rem; top: 9.5vh; right: 555rem; } @media only screen and (max-width: 580px) { section.page-404 .parts-wrap .svg.svg-2 { width: calc(110rem / 2); top: 40rem; right: 90rem; } } section.page-404 .parts-wrap .svg.svg-3 { fill: #ef5721; width: 94rem; top: 32vh; left: 0; } @media only screen and (max-width: 580px) { section.page-404 .parts-wrap .svg.svg-3 { width: calc(94rem / 2); top: 30vh; } } section.page-404 .parts-wrap .svg.svg-4 { fill: #E65A9C; width: 115rem; bottom: 10vh; right: 360rem; } @media only screen and (max-width: 580px) { section.page-404 .parts-wrap .svg.svg-4 { width: calc(115rem / 2); right: auto; left: 20rem; bottom: 15vh; } } section.page-404 .parts-wrap .svg.svg-5 { fill: #BEC531; width: 177rem; bottom: -10rem; right: 0; } @media only screen and (max-width: 580px) { section.page-404 .parts-wrap .svg.svg-5 { width: calc(177rem / 2); } } section.page-404 .parts-wrap .svg.svg-6 { fill: #7BB1E0; width: 140rem; bottom: 8vh; left: 715rem; } @media only screen and (max-width: 580px) { section.page-404 .parts-wrap .svg.svg-6 { width: calc(140rem / 2); left: 0; bottom: 1vh; } } section.page-404 .parts-wrap .svg svg { width: 100%; -webkit-transition: 0.25s; transition: 0.25s; } section.page-404 .parts-wrap .img-left { display: block; position: absolute; left: 140rem; bottom: 10vh; width: 317rem; height: 317rem; border-radius: 50%; overflow: hidden; } @media only screen and (max-width: 580px) { section.page-404 .parts-wrap .img-left { width: calc(317rem / 2); height: calc(317rem / 2); } } section.page-404 .parts-wrap .img-left img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.25s; transition: 0.25s; opacity: 0; } section.page-404 .parts-wrap .img-left img.default { z-index: -1; opacity: 1; } section.page-404 .parts-wrap .img-right { display: block; position: absolute; right: 140rem; top: 10vh; width: 202rem; height: 409rem; overflow: hidden; } @media only screen and (max-width: 580px) { section.page-404 .parts-wrap .img-right { width: calc(202rem / 2); right: 20rem; top: 5vh; } .inputs-wrap2 .inputs-row .wpcf7-form-control-wrap { width: 100%; } .market-nav { top: 50rem; } .product-1 { padding-top: 70rem; } } section.page-404 .parts-wrap .img-right img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -o-object-fit: contain; object-fit: contain; -webkit-transition: 0.25s; transition: 0.25s; opacity: 0; } section.page-404 .parts-wrap .img-right img.default { z-index: -1; opacity: 1; } section.page-404 { position: relative; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); z-index: 1; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 50rem 0; } section.page-404 h1 { text-align: center; /* margin-top: 50rem; padding-bottom: 50rem; */ -webkit-transition: 1s; transition: 1s; opacity: 0; -webkit-transform: translate(500rem, 0); transform: translate(500rem, 0); color: #1a1718; font-size: 180rem; font-weight: 700; line-height: 0.8; text-align: center; } section.page-404 h1 span{ display: block; font-family: "Segoe UI"; font-size: 30rem; font-weight: 500; line-height: 30rem; font-weight: 600; margin-top: 50rem; } section.page-404 h1.animation-in { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } section.page-404 .btn-wrap{ text-align: center; margin-top: 70rem; -webkit-transition: 1s; transition: 1s; opacity: 0; -webkit-transform: translate(-500rem, 0); transform: translate(-500rem, 0); } section.page-404 .btn-wrap.animation-in { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } form.wpcf7-form.submitting, form.wpcf7-form.invalid, form.wpcf7-form.init { /* direction: rtl;*/ } .contacts-2 .input-wrap .wpcf7-acceptance label { position: relative; display: flex; align-items: center; } .contacts-2 .input-wrap .wpcf7-acceptance label a { text-decoration: underline; } .contacts-2 .input-wrap .wpcf7-acceptance input { width: 20px; margin-right: 10px; } .contacts-2 form .inputs-wrap .input-wrap.w100 { text-align: left; direction: ltr; } @media only screen and (min-width: 420px){ .about-2_image_mobile, .category-5_mobile_image{ display: none } } .about-2_image_mobile{ margin-top: 30px; } .page-template-template-checkout .quantity .input-text{ border-bottom: 0; height: 46rem; } .page-template-template-checkout .remove-wrap{ line-height: 0; } .page-template-template-checkout .quantity .qty_button.minus, .page-template-template-checkout .quantity .qty_button.plus{ height: 46rem; width: 46rem; border-bottom: 0; } .shopBackUrl{ font-size: 20rem; transition: all 0.3s; color: #c9cf40; text-decoration: none; border-bottom: 1px solid #c9cf40; } .shopBackUrl:hover{ border-bottom-color: transparent; } .btn-arrow-black{ max-width: 310rem; background-image: url(./img/ic-btn-arrow-black-right.svg) !important; background-repeat: no-repeat !important; background-position: 80% center !important; background-size: 12% !important; transition: all 0.3s; } .btn-arrow-black:hover{ background-position: 82% center !important; } .btn-arrow-white{ max-width: 310rem; background-image: url(./img/ic-btn-arrow-right.svg) !important; background-repeat: no-repeat !important; background-position: 80% center !important; background-size: 12% !important; transition: all 0.3s; border: 1px solid #fff !important; } .btn-arrow-white:hover{ background-position: 82% center !important; } .fancybox-container { z-index: 99999992; } .why-us{ margin-top: 460rem; padding: 100rem 0; background-repeat: no-repeat; background-size: cover; } .why-us .container{ margin-top: -320rem; } .why-us__grid{ display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 20rem; grid-row-gap: 50rem; } .why-us__grid--item{ position: relative; background-color: #EAF2F3; color: #000000; padding: 100rem 40rem 70rem; } .why-us__grid--item svg{ position: absolute; left: 0; top: 0; width: 85rem; height: auto; } .why-us__title{ font-size: 60rem; line-height: 1; text-align: center; font-weight: normal; margin-bottom: 95rem; font-family: "aktiv-grotesk-hebrew", sans-serif; } .why-us__grid--number{ font-size: 20rem; line-height: 1; margin-bottom: 35rem; font-style: italic; font-family: "aktiv-grotesk-hebrew", sans-serif; } .why-us__grid--title{ font-size: 40rem; line-height: 40rem; font-weight: 500; margin-bottom: 15rem; font-family: "aktiv-grotesk-hebrew", sans-serif; } .why-us__grid--description{ font-size: 20rem; line-height: 32rem; font-weight: 300; font-family: "aktiv-grotesk-hebrew", sans-serif; } .category-products-section .category-products { display: flex; max-width: 1100px; margin: 0 auto; padding-bottom: 30px; flex-wrap: wrap; } .category-products-section { padding: 30px 0; } .category-products-section .category-products a { display: flex; flex-direction: column; flex: 0 0 20%; align-items: center; margin-bottom: 30px; } .category-products-section .category-products .icon-cat { max-width: 100px; margin-bottom: 20px; transition: .3s all; } .category-products-section .category-products .title-cat { text-align: center; max-width: 80%; } .category-products-section .category-products a:hover .icon-cat { transform: scale(1.1); transition: .3s all; } .category-products-section h2 { margin-bottom: 50px; } @media only screen and (max-width: 768px) { .category-products-section .category-products { justify-content: space-between; } .category-products-section .category-products a { flex: 0 0 50%; } .category-products-section .category-products .icon-cat { max-width: 70px; } } @media (max-width: 1024px){ .why-us__grid{ grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px){ .why-us .container { margin-top: -400rem; } } @media (max-width: 576px){ .why-us__grid{ grid-template-columns: repeat(1, 1fr); } .why-us__grid--item { padding: 70rem 40rem 50rem; } } @media (max-width: 414px){ .why-us__title{ margin-bottom: 55rem; } .why-us { margin-top: 290rem; } .why-us .container { margin-top: -310rem; } }