@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } * { margin: 0; padding: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Remove margin */ figure { margin: 0; } /** * Address differences between Firefox and other browsers. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } fieldset { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type='button'], input[type='reset'], input[type='submit'] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type='search'] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* Blockquote ========================================================================== */ blockquote { margin: 0; } [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: 0.1s; transition-duration: 0.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: 0.1s; transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration='150'], body[data-aos-duration='150'] [data-aos] { -webkit-transition-duration: 0.15s; transition-duration: 0.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: 0.15s; transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration='200'], body[data-aos-duration='200'] [data-aos] { -webkit-transition-duration: 0.2s; transition-duration: 0.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: 0.2s; transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration='250'], body[data-aos-duration='250'] [data-aos] { -webkit-transition-duration: 0.25s; transition-duration: 0.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: 0.25s; transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration='300'], body[data-aos-duration='300'] [data-aos] { -webkit-transition-duration: 0.3s; transition-duration: 0.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: 0.3s; transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration='350'], body[data-aos-duration='350'] [data-aos] { -webkit-transition-duration: 0.35s; transition-duration: 0.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: 0.35s; transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration='400'], body[data-aos-duration='400'] [data-aos] { -webkit-transition-duration: 0.4s; transition-duration: 0.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: 0.4s; transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration='450'], body[data-aos-duration='450'] [data-aos] { -webkit-transition-duration: 0.45s; transition-duration: 0.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: 0.45s; transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration='500'], body[data-aos-duration='500'] [data-aos] { -webkit-transition-duration: 0.5s; transition-duration: 0.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: 0.5s; transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration='550'], body[data-aos-duration='550'] [data-aos] { -webkit-transition-duration: 0.55s; transition-duration: 0.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: 0.55s; transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration='600'], body[data-aos-duration='600'] [data-aos] { -webkit-transition-duration: 0.6s; transition-duration: 0.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: 0.6s; transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration='650'], body[data-aos-duration='650'] [data-aos] { -webkit-transition-duration: 0.65s; transition-duration: 0.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: 0.65s; transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration='700'], body[data-aos-duration='700'] [data-aos] { -webkit-transition-duration: 0.7s; transition-duration: 0.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: 0.7s; transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration='750'], body[data-aos-duration='750'] [data-aos] { -webkit-transition-duration: 0.75s; transition-duration: 0.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: 0.75s; transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration='800'], body[data-aos-duration='800'] [data-aos] { -webkit-transition-duration: 0.8s; transition-duration: 0.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: 0.8s; transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration='850'], body[data-aos-duration='850'] [data-aos] { -webkit-transition-duration: 0.85s; transition-duration: 0.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: 0.85s; transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration='900'], body[data-aos-duration='900'] [data-aos] { -webkit-transition-duration: 0.9s; transition-duration: 0.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: 0.9s; transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration='950'], body[data-aos-duration='950'] [data-aos] { -webkit-transition-duration: 0.95s; transition-duration: 0.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: 0.95s; transition-delay: 0.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); } .lg-sub-html, .lg-toolbar { background-color: rgba(0, 0, 0, 0.45); } @font-face { font-family: lg; src: url(../fonts/lg.eot?n1z373); src: url(../fonts/lg.eot?#iefixn1z373) format('embedded-opentype'), url(../fonts/lg.woff?n1z373) format('woff'), url(../fonts/lg.ttf?n1z373) format('truetype'), url(../fonts/lg.svg?n1z373#lg) format('svg'); font-weight: 400; font-style: normal; } .lg-icon { font-family: lg; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; border: none; outline: 0; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #fff; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: '\e095'; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: '\e094'; } @-webkit-keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @keyframes lg-right-end { 0%, 100% { left: 0; } 50% { left: -30px; } } @-webkit-keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } @keyframes lg-left-end { 0%, 100% { left: 0; } 50% { left: 30px; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: 0; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #fff; } .lg-toolbar .lg-close:after { content: '\e070'; } .lg-toolbar .lg-download:after { content: '\e0f2'; } .lg-sub-html { bottom: 0; color: #eee; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: 700; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-next, .lg-prev, .lg-toolbar { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -webkit-transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0d0a0a; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #fff; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0d0a0a; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share { color: #fff; } .lg-outer .lg-toogle-thumb:after { content: '\e1ff'; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-iframe .lg-video { -webkit-overflow-scrolling: touch; overflow: auto; } .lg-outer .lg-has-vimeo .lg-video-play { background: url(../img/general/vimeo-play.png) no-repeat; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url(../img/general/vimeo-play.png) 0 -58px no-repeat; } .lg-outer .lg-has-html5 .lg-video-play { background: url(../img/general/video-play.png) no-repeat; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url(../img/general/youtube-play.png) no-repeat; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url(../img/general/youtube-play.png) 0 -60px no-repeat; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 80ms ease 0s; transition: opacity 80ms ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: '\e01d'; } .lg-show-autoplay .lg-autoplay-button:after { content: '\e01a'; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: '\e311'; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: '\e033'; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: '\e312'; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { -webkit-box-shadow: 0 0 0 2px #fff inset; box-shadow: 0 0 0 2px #fff inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #fff; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -webkit-transition: -webkit-box-shadow 0.3s ease 0s; transition: -webkit-box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover { -webkit-box-shadow: 0 0 0 8px #fff inset; box-shadow: 0 0 0 8px #fff inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: '\e20c'; } .lg-fullscreen-on .lg-fullscreen:after { content: '\e20d'; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown { -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -webkit-transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ''; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #fff; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0; } .lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer, .lg-outer .lg, .lg-outer .lg-inner { width: 100%; height: 100%; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: '\e80d'; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: '\e901'; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: '\e904'; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: '\e902'; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: '\e903'; } .lg-group:after { content: ''; display: table; clear: both; } .lg-outer { position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url(../img/general/loading.gif) center center no-repeat; display: none !important; } .lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide { display: inline-block !important; } .lg-outer .lg-img-wrap, .lg-outer .lg-item { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before { content: ''; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide { -webkit-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide { -webkit-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } @font-face { font-family: 'proxima'; font-weight: 500; font-style: normal; src: url('../fonts/proxima/proximanova-semibold.eot'); src: url('../fonts/proxima/proximanova-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/proxima/proximanova-semibold.woff') format('woff'), url('../fonts/proxima/proximanova-semibold.ttf') format('truetype'); } @font-face { font-family: 'proxima'; font-weight: 700; font-style: normal; src: url('../fonts/proxima/proximanova-bold.eot'); src: url('../fonts/proxima/proximanova-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/proxima/proximanova-bold.woff') format('woff'), url('../fonts/proxima/proximanova-bold.ttf') format('truetype'); } @font-face { font-family: 'proxima'; font-weight: 400; font-style: normal; src: url('../fonts/proxima/proximanova-regular.eot'); src: url('../fonts/proxima/proximanova-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/proxima/proximanova-regular.woff') format('woff'), url('../fonts/proxima/proximanova-regular.ttf') format('truetype'); } @font-face { font-family: 'proxima'; font-weight: 400; font-style: italic; src: url('../fonts/proxima/proximanova-regularit.eot'); src: url('../fonts/proxima/proximanova-regularit.eot?#iefix') format('embedded-opentype'), url('../fonts/proxima/proximanova-regularit.woff') format('woff'), url('../fonts/proxima/proximanova-regularit.ttf') format('truetype'); } .page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #f1f1f1; } .page__wrapper { margin-bottom: -50px; } .page__buffer { height: 50px; background-color: #fff; } html { min-height: 100%; } html.hidden { overflow-y: hidden; } body { 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-sizing: border-box; box-sizing: border-box; font-size: 20px; overflow-x: hidden; min-height: 100%; scroll-behavior: smooth; } * { -webkit-box-sizing: inherit; box-sizing: inherit; } a { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; transition: 0.3s; color: #303030; outline: none; font-family: 'Montserrat', sans-serif; } span { display: block; } img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .table { display: table; width: 100%; min-width: 700px; margin-top: 20px; border: 1px solid #d7e6f4; border-radius: 10px; margin-bottom: 20px; } .table tbody { min-width: 100%; } .table tr { min-width: 100%; display: table-row; } .table tr:nth-child(odd) { background-color: #eef7ff; } .table tr:first-child { background-color: #025cb2; } .table th, .table td { max-width: 100%; padding: 20px; text-align: center; display: table-cell; border-left: 1px solid #d7e6f4; border-right: 1px solid #d7e6f4; } .table td { color: #025cb2; font-size: 18px; font-weight: 500; } .table th { border-left: 1px solid #034686; border-right: 1px solid #034686; font-size: 14px; color: white; font-weight: 500; text-transform: uppercase; } .wow { visibility: hidden; } .wrapper { max-width: 1200px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; } @media screen and (max-width: 1300px) { .wrapper { padding: 0 25px; } } @media screen and (max-width: 1400px) { .first .swiper-container .swiper-slide .wrapper { max-width: 1200px; } } @media screen and (max-width: 1200px) { .first .swiper-container .swiper-slide .wrapper { max-width: 1024px; } } @media screen and (max-width: 1024px) { .first .swiper-container .swiper-slide .wrapper { max-width: 820px; } } @media screen and (max-width: 820px) { .first .swiper-container .swiper-slide .wrapper { max-width: 90%; } } .first .swiper-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin-top: 0; border-radius: 0; overflow: hidden; display: block; } .first .swiper-container .swiper-slide { z-index: 1; min-height: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .first .swiper-container .swiper-slide .wrapper { display: flex; flex-direction: row; align-items: center; padding: 0; } .html { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0; } .html h2, .html h1 { font-size: 30px; color: #025cb2; font-weight: bold; } .html a:not(.back) { display: inline; color: #15489e; } .html a:not(.back):hover { text-decoration: underline; } .html .html-img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; align-items: flex-start; } .html img { border-radius: 10px; margin-top: 35px; margin-bottom: 15px; max-width: 100%; } .html .price__button-img img { margin: 0; } .html em { font-style: italic; } .html iframe { max-width: 100%; border-radius: 10px; margin-bottom: 20px; } .html b { color: #025cb2; font-weight: 700; font-size: 20px; margin-bottom: 10px; margin-top: 20px; } .html .articles__item { width: 48%; } @media screen and (max-width: 767px) { .html .articles__item { width: 100%; } } .html cite, .html blockquote { padding-left: 50px; font-size: 18px; color: #808080; margin-top: 50px; position: relative; margin-bottom: 30px; } .html cite:before, .html blockquote:before { content: ''; position: absolute; top: 0; left: 10px; width: 20px; height: 15px; background-image: url(../img/content/cite-min.png); background-repeat: no-repeat; } .html p { margin-top: 20px; font-size: 18px; color: #808080; line-height: 25px; } .html ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 20px; margin-bottom: 30px; list-style: none; margin-top: 10px; } .html li { margin-bottom: 15px; font-size: 18px; color: gray; line-height: 25px; position: relative; } .html li:before { content: ''; position: absolute; left: -20px; width: 9px; border-radius: 50%; height: 9px; background-color: #025cb2; top: 8px; } .html table:not(.price__table) { display: table; min-width: 755px; width: 100%; border: 1px solid #d7e6f4; margin-bottom: 0px; border-radius: 10px; } .html table:not(.price__table) tbody { min-width: 100%; } .html table:not(.price__table) tr { min-width: 100%; display: table-row; color: #57a3eb; } .html table:not(.price__table) tr:nth-child(odd) { background-color: #eef7ff; } .html table:not(.price__table) th, .html table:not(.price__table) td { display: table-cell; padding: 20px 5px; min-height: 130px; text-align: center; border-left: 1px solid #d7e6f4; border-right: 1px solid #d7e6f4; } .html table:not(.price__table) td { color: #025cb2; font-size: 18px; font-weight: 500; } .html table:not(.price__table) th { font-size: 14px; color: #57a3eb; font-weight: 500; text-transform: uppercase; } .main-table-container { margin-top: 30px; margin-bottom: 30px; border-radius: 10px; max-width: 100%; overflow-x: auto; } .galery { margin-bottom: 50px; } .galery .swiper-button-prev, .galery .swiper-button-next { position: absolute; top: 30px; } .galery .swiper-button-disabled { opacity: 0 !important; } .galery .swiper-slide { width: 100%; height: 270px; width: 450px; display: block; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-transition: 0.3s; transition: 0.3s; position: relative; } .galery .swiper-slide img { margin: 0; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -o-object-fit: cover; object-fit: cover; } .galery .swiper-slide svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, 200%) rotate(-90deg); transform: translate(-50%, 200%) rotate(-90deg); z-index: 10000; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .galery .swiper-slide:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: 0.3s; transition: 0.3s; height: 100%; z-index: 1000; background: -webkit-gradient( linear, left bottom, left top, from(#025cb2), to(transparent) ); background: -webkit-linear-gradient(bottom, #025cb2 0%, transparent 100%); background: linear-gradient(to top, #025cb2 0%, transparent 100%); background-position: 0 270px; background-repeat: no-repeat; } .galery .swiper-slide:hover svg { opacity: 1; -webkit-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); } .galery .swiper-slide:hover:before { background-position: 0 0; } .galery .swiper-container-galery { position: relative; overflow: hidden; padding-top: 70px; } .galery .swiper-container-galery .swiper-slide { background-repeat: no-repeat; background-size: cover; } .galery .swiper-container-galery img { display: none; } .lg { z-index: 10000000 !important; } .center { margin: 0 auto; } .m-link { position: relative; } .m-link:active { opacity: 0.6; } .m-link-bottom { position: relative; } .m-link-bottom:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: 0.3s; transition: 0.3s; height: 2px; background: #d0cbea; -webkit-transform: scaleX(0); transform: scaleX(0); } .m-link-bottom:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .m-link-bottom:active { opacity: 0.6; } .m-button { border-width: 2px; border-color: #fad800; border-style: solid; background-color: #fad800; max-width: 370px; width: 100%; height: 57px; border-radius: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; vertical-align: middle; color: #fff; font-weight: 700; -webkit-box-shadow: 0 0 20px 3px #e2c575; box-shadow: 0 0 20px 3px #e2c575; outline: none; font-size: 18px; -webkit-transition: 0.3s; transition: 0.3s; } .m-button svg { -webkit-transition: 0.3s; transition: 0.3s; } .m-button:hover svg { -webkit-transform: rotate(180deg) translatex(-10px); transform: rotate(180deg) translatex(-10px); } .m-button:hover { -webkit-box-shadow: none; box-shadow: none; } .m-button:active { border-color: #dda200; background-color: #dda200; } button.m-button { display: block; text-align: center; vertical-align: middle; } .m-button.m-tube { color: #000; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.375rem; /* 110% */ text-transform: uppercase; filter: drop-shadow(11px 16px 14px rgba(250, 216, 0, 0.2)); max-width: 417px; border-radius: 11px; height: 66px; padding: 0 19px; cursor: pointer; } .m-button.m-tube:before { content: ''; width: 30px; height: 22px; background: url('data:image/svg+xml,') no-repeat left top; margin-right: 10px; } .main-content-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .main-content-container.wrapper { max-width: 1200px; /* margin-top: 94px; */ margin-top: 0; } .main-content-container.wrapper + .map { margin-top: 0; } @media screen and (max-width: 1400px) { .main-content-container.wrapper { max-width: 1200px; } } @media screen and (max-width: 400px) { .main-content-container.wrapper .price__content { width: 100vw; position: relative; left: -25px; } } @media screen and (max-width: 600px) { .main-content-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .main-content { /* max-width: 855px; */ margin-top: 40px; width: 100%; width: 70%; position: relative; margin-left: auto; margin-left: 40px; } @media screen and (max-width: 861px) { .main-content { max-width: 100%; width: 100%; margin-left: 0; } } /* @media screen and (max-width: 1300px) { .main-content { max-width: 700px; } } @media screen and (max-width: 768px) { .main-content { max-width: 500px; } } */ .main-content__right { margin-top: 40px; margin-left: 20px; height: 100%; } .main-content__left { max-width: 415px; background-size: cover; position: relative; width: 30%; /* position: fixed; */ left: 0; top: 0; height: 110vh; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; -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; } .main-content__left .m-button { margin-top: 50px; } .main-content__left .m-desc { color: #fff; } .main-content__left-bg { position: absolute; width: 1100px; right: 0; height: 100%; background-size: cover; z-index: -2; background-position: center center; } .main-content__left-bg:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background-color: #025cb2; opacity: 0.6; } .left-sidebar { -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; padding: 0 10px; } @media screen and (max-width: 1300px) { .left-sidebar { max-width: 280px; } } .left-sidebar img { display: none; } .left-sidebar .main-title { font-size: 34px; } .left-sidebar .m-button { margin-top: 20px; margin-bottom: 90px; } .left-sidebar .breadcrumbs { margin-top: 10px; } .left-sidebar.fixed { /* position: fixed; */ position: sticky; top: 0; z-index: 0; } @media screen and (max-width: 600px) { .left-sidebar.fixed { position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; } } .left-sidebar.bottom { bottom: 1; /* position: absolute; */ position: sticky; /* bottom: 0; top: auto; */ } @media screen and (max-width: 600px) { .left-sidebar.bottom { position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 862px) { .main-content__left { display: none; } .left-sidebar.fixed { display: none; } .left-sidebar.bottom { display: none; } } fieldset { 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; border: 2px solid #d7e6f4; justify-content: center; padding: 0 35px 40px 35px; border-radius: 10px; margin-bottom: 40px; } fieldset img { display: none; } fieldset .form__left { height: auto; } @media screen and (max-width: 767px) { fieldset .form-right-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } fieldset .form-right-top .form__price { -ms-flex-item-align: start; align-self: flex-start; } } fieldset .form__price { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 25px; -ms-flex-item-align: center; align-self: center; margin-left: 5px; } fieldset label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: top; margin-top: 25px; } fieldset label span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } fieldset label p { margin-top: 0 !important; } @media screen and (max-width: 767px) { fieldset { padding: 0 10px; padding-bottom: 10px; } } legend { 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; text-align: center; } legend .m-title { margin: 0 40px; } .modal { border-radius: 40px; background: #f1f1f1; -webkit-box-shadow: 24px 24px 54px 0px rgba(0, 0, 0, 0.15); box-shadow: 24px 24px 54px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(32px); max-width: 612px; width: 100%; z-index: 1000000000000; text-align: center; padding: 40px 10px; box-shadow: 0px 2px 18px 0px rgba(137, 129, 229, 0.19); position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; left: 50%; top: 50%; visibility: hidden; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: translate(-50%, -20%); transform: translate(-50%, -20%); } .modal.visible { visibility: visible; -webkit-transform: 0; transform: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; } .modal .main-form__title, .modal-good .m-title { color: #000; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 2.5rem; font-weight: 800; line-height: 3.125rem; /* 125% */ text-transform: uppercase; } .modal .main-form__desc, .modal-good .m-desc { color: #000; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.5rem; /* 120% */ margin-top: 15px; } .modal .main-form { margin-top: 45px; height: auto; } .modal .main-form button.m-button { max-width: 100%; height: 69px; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.375rem; text-transform: uppercase; filter: drop-shadow(11px 16px 34px rgba(24, 208, 121, 0.27)); border-radius: 11px; } .modal .main-form .input-group { width: 100%; margin-right: 36px; } .modal .main-form .input-group label { color: rgba(0, 0, 0, 0.9); font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 400; line-height: 112%; /* 17.92px */ margin: 0 0 5px; } .modal .main-form .m-field { margin-bottom: 37px; min-height: 48px; padding-left: 0 !important; color: rgba(0, 0, 0, 0.95); font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 500; line-height: 112%; /* 17.92px */ border: none; border-radius: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); filter: drop-shadow(7px 4px 14px rgba(0, 0, 0, 0.13)); } .modal .main-form .m-field::placeholder, .modal .main-form .m-field::-ms-input-placeholder { color: rgba(0, 0, 0, 0.34) !important; font-weight: 400 !important; } .modal .main-form .privacy-agree { margin-top: 20px; color: rgba(0, 0, 0, 0.8); font-family: 'Montserrat', sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 112%; /* 17.92px */ } .modal .main-form .privacy-agree input[type='checkbox'] { min-height: 28px; } .modal .main-form .privacy-agree label { display: block; margin-left: 10px; } .modal .main-form .privacy-agree a { font-family: 'Montserrat', sans-serif; font-size: 0.875rem; font-weight: 500; line-height: 112%; /* 17.92px */ text-decoration: underline; } .modal .main-form .privacy-agree a:hover { text-decoration: none; } .modal-good { border-radius: 40px; background: #f1f1f1; -webkit-box-shadow: 24px 24px 54px 0px rgba(0, 0, 0, 0.15); box-shadow: 24px 24px 54px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(32px); max-width: 612px; width: 100%; z-index: 1000000000000; text-align: center; 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; padding: 40px 20px; box-shadow: 0px 2px 18px 0px rgba(137, 129, 229, 0.19); position: fixed; left: 50%; top: 50%; visibility: hidden; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .modal-good .footer__phone { margin-top: 20px; } .modal-good .footer__phone a { color: #000; } .modal-good .footer__social { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; margin-bottom: 15px; } .modal-good .footer__social a { margin: 0 8px; } .modal-good.visible { visibility: visible; -webkit-transform: 0; transform: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; } @media screen and (max-width: 425px) { .modal-good { max-width: 93%; } } .modal-close { position: absolute; top: -20px; right: -30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .modal-close:hover { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .overlay { position: fixed; z-index: 1000; top: 0; bottom: 0; left: 0; -webkit-transition: 0.3s; transition: 0.3s; visibility: hidden; opacity: 0; right: 0; cursor: pointer; background-color: #025cb2; opacity: 0; } .overlay.visible { visibility: visible; opacity: 0.36; } .humburger-overlay { position: fixed; z-index: 1000; top: 0; bottom: 0; left: 0; -webkit-transition: 0.3s; transition: 0.3s; visibility: hidden; opacity: 0; right: 0; cursor: pointer; background-color: #025cb2; opacity: 0; } .humburger-overlay.visible { visibility: visible; opacity: 0.36; } .m-field { width: 100%; min-height: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 50px; background: transparent; border: none; -webkit-transition: 0.3s; transition: 0.3s; font-size: 18px; position: relative; border-radius: 0px; outline: none; background-repeat: no-repeat; background-position: 26px center; cursor: text; border: 2px solid #e2e6f7; border-radius: 40px; } .m-field:focus { border-color: #bcc0d1; } .m-field:focus::-webkit-input-placeholder { -webkit-transform: translateY(-15px); transform: translateY(-15px); opacity: 0; } .m-field:focus:-ms-input-placeholder { transform: translateY(-15px); opacity: 0; } .m-field:focus::-ms-input-placeholder { transform: translateY(-15px); opacity: 0; } .m-field:focus::placeholder { -webkit-transform: translateY(-15px); transform: translateY(-15px); opacity: 0; } .m-field:focus:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .m-field::-webkit-input-placeholder { -webkit-transition: 0.3s; transition: 0.3s; color: #cfd3e7; } .m-field:-ms-input-placeholder { -webkit-transition: 0.3s; transition: 0.3s; color: #cfd3e7; } .m-field::-ms-input-placeholder { -webkit-transition: 0.3s; transition: 0.3s; color: #cfd3e7; } .m-field::placeholder { -webkit-transition: 0.3s; transition: 0.3s; color: #cfd3e7; } .m-field:hover { border-color: #bcc0d1; } .m-field:hover:focus { border-color: #bcc0d1; } .error { border: 2px solid red; } .error:focus { border-color: red; } .error:hover { border-color: #bcc0d1; } .error:hover:focus { border-color: red; } .valid { border: 2px solid green; } .valid:focus { border-color: green; } .valid:hover { border-color: #bcc0d1; } .valid:hover:focus { border-color: green; } .breadcrumbs { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 1rem; font-family: 'Montserrat', sans-serif; color: rgba(0, 0, 0, 0.7); line-height: 1.2; margin-top: 50px; margin-bottom: 18px; } .breadcrumbs a { font-size: 1rem; color: rgba(0, 0, 0, 0.7); text-transform: capitalize; line-height: 1.2; } .breadcrumbs a:hover { color: #74788b; } .breadcrumbs span { display: -webkit-box; display: -ms-flexbox; display: flex; text-transform: capitalize; } .breadcrumbs .delimiter { margin-right: 5px; margin-left: 5px; } .m-page-title { color: #025cb2; font-size: 40px; font-weight: 700; } .m-title { color: #000; font-family: 'Montserrat', sans-serif; font-size: 3.375rem; font-weight: 700; line-height: 107%; /* 3.61125rem */ text-transform: uppercase; } @media screen and (max-width: 768px) { .m-title { font-size: 24px; } } .m-title-min { font-size: 1.125rem; color: #025cb2; font-weight: bold; text-transform: uppercase; } .m-desc { font-size: 1.125rem; color: rgba(0, 0, 0, 0.7); font-family: 'Montserrat', sans-serif; } hr { height: 2px; background-color: #eef7ff; width: 100%; border: none; margin: 15px 0; } .section-1 { position: relative; max-width: 1200px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; padding-top: 40px; } @media screen and (max-width: 1400px) { .section-1 { max-width: 1200px; } } /*.section-1:before { content: ''; position: absolute; top: 0; bottom: 0; width: 9999999px; background-color: #eef7ff; right: 1015px; z-index: -1; } @media screen and (max-width: 1400px) { .section-1:before { right: 915px; } }*/ .back { font-size: 18px; color: #b1b6d3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; transition: 0.3s; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; -ms-flex-item-align: start; align-self: flex-start; } .back svg { margin-right: 15px; fill: #b1b6d3; -webkit-transition: 0.3s; transition: 0.3s; } .back:hover { color: #73768b; } .back:hover svg { fill: #73768b; -webkit-transform: translateX(-7px); transform: translateX(-7px); } .swiper-container { width: 100%; } .swiper-slide { background-color: #025cb2; min-height: 292px; width: 100%; color: white; } .swiper-button-next, .swiper-button-prev { z-index: 1000000000000000; position: absolute; background-image: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; min-width: 45px; -webkit-transition: 0.3s; transition: 0.3s; height: 45px; top: -40px; z-index: 1000; -webkit-box-shadow: 0px 0px 17.1px 0.9px #efeefb; box-shadow: 0px 0px 17.1px 0.9px #efeefb; border-radius: 10px; outline: none; } .swiper-button-next svg, .swiper-button-prev svg { fill: #fad800; } .swiper-button-next:hover, .swiper-button-prev:hover { background-color: #fad800; -webkit-box-shadow: 0px 0px 17.1px 0.9px #efeefb; box-shadow: 0px 0px 17.1px 0.9px #efeefb; } .swiper-button-next:hover svg, .swiper-button-prev:hover svg { fill: #fff; } .swiper-button-next { right: 10px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .swiper-button-prev { right: 65px; } .swiper-container { display: -webkit-box; display: -ms-flexbox; display: flex; /*background-repeat: 5px;*/ border-radius: 10px; position: relative; margin-top: 30px; } @media screen and (max-width: 375px) { .swiper-container { margin-top: 70px; } } .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .swiper-slide img { display: -webkit-box; display: -ms-flexbox; display: flex; -o-object-fit: cover; object-fit: cover; width: 100%; } .date { font-size: 16px; color: #b1b6d3; margin-top: 27px; } .contact-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .politic { font-size: 16px; font-family: 'Proxima Nova'; color: #9aaab8; line-height: 1.2; } .teaching { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 90px; margin-bottom: 50px; } .teaching__item-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 10px; border: 1px solid #d7e6f4; width: 48%; } @media screen and (max-width: 760px) { .teaching__item-container { width: 100%; margin-bottom: 10px; } } @media screen and (max-width: 425px) { .teaching { margin-top: 30px; margin-top: 30px; } } .teaching__item { padding: 35px; } .teaching .m-title { margin-bottom: 10px; } .teaching .m-desc { line-height: 30px; } .teaching__bottom { background-color: #eef7ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .teaching__bottom-info { max-width: 250px; } @media screen and (max-width: 425px) { .teaching__bottom-info { margin-bottom: 40px; max-width: 100%; } .teaching__bottom-info:last-child { margin-bottom: 0; } } .teaching__bottom-title { font-size: 14px; color: #57a3eb; text-transform: uppercase; font-weight: 700; } .teaching__bottom-desc { font-size: 18px; color: #025cb2; font-weight: 700; margin-top: 15px; } @media screen and (max-width: 425px) { .teaching__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 760px) { .teaching { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .common-block { margin-top: 90px; margin-bottom: 40px; } .common-block .m-title { margin-bottom: 10px; } .shop__container { overflow: hidden; width: 100%; position: relative; } /*@media screen and (max-width: 670px) { .wrapper.shop ul { left:33px; } } @media screen and (max-width: 595px) { .wrapper.shop ul { left:60px; } } @media screen and (max-width: 535px) { .wrapper.shop ul { left:100px; } } @media screen and (max-width: 469px) { .wrapper.shop ul { left:130px; } } @media screen and (max-width: 400px) { .wrapper.shop ul { left:165px; } }*/ .shop__items { width: 100%; position: relative; overflow: hidden; } .shop__items:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #eef7ff; -webkit-transition: 0.3s; transition: 0.3s; } .shop__icon-desc { background-color: rgba(2, 92, 178, 0.75); opacity: 0.749; width: 271px; position: absolute; opacity: 0; visibility: hidden; color: #fff; -webkit-transition: 0.3s; transition: 0.3s; top: 30px; left: 100%; border-radius: 10px; padding: 30px; } .shop__icon-desc-title { font-size: 16px; } .shop__icon-desc-params { margin-top: 15px; color: #d8dbed; font-size: 16px; } .shop__icon-desc img { position: absolute; top: -10px; left: 10px; } .shop__button { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; opacity: 0; } .shop__title { font-size: 1.2rem; color: #025cb2; font-weight: 500; margin-top: 25px; margin-bottom: 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shop__title svg { margin-left: 10px; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .shop__title:hover .shop__icon-desc { opacity: 1; visibility: visible; } .shop__item { max-width: 24%; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; width: 100%; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .shop__item .swiper-slide { display: block; background: transparent; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .shop__item .swiper-slide img { height: 100%; width: auto; } @media screen and (max-width: 425px) { .shop__item { max-width: 100%; } } .shop__item:hover .shop__img { border-color: transparent; background-color: #eef7ff; } .shop__item:hover .shop__button { opacity: 1; } .shop__item:hover .shop__title svg { opacity: 1; } .shop__img { overflow: hidden; margin-top: 0; } .shop__img .swiper-pagination { position: absolute; bottom: 10px; left: 0; right: 0; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shop__img .swiper-pagination-bullet { margin-left: 4px; margin-right: 4px; border-radius: 0; height: 3px; width: 32px; opacity: 1; background-color: transparent; border-bottom: 4px solid rgba(221, 162, 0, 0.8); padding-top: 5px; padding-bottom: 5px; -webkit-transition: border-width ease-in-out 0.3s, border-color ease-in-out 0.3s; transition: border-width ease-in-out 0.3s, border-color ease-in-out 0.3s; } .shop__img .swiper-pagination-bullet:hover { border-color: rgba(221, 162, 0, 0.6); } .shop__img .swiper-pagination-bullet.swiper-pagination-bullet-active { border-bottom-width: 6px; border-color: rgba(221, 162, 0, 0.95); } @media screen and (max-width: 1024px) { .shop__button { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; } } @media screen and (max-width: 1024px) { .shop__title svg { opacity: 1; } } @media screen and (max-width: 1024px) { .shop__img { border-color: transparent; background-color: #eef7ff; } } .shop__img { border-radius: 10px; background-color: #fff; width: 100%; cursor: pointer; border: 2px solid #d7e6f4; height: 304px; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; background-repeat: no-repeat; background-position: center 100%; } .shop__content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .shop__price { font-size: 24px; color: #fbba08; font-weight: bold; } #lg-counter { display: none; } .notfound { min-height: 90vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 768px) { .notfound { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: auto; padding: 40px 0; } } .notfound__left { max-width: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .notfound__left .m-title { font-size: 40px; margin-bottom: 10px; -webkit-animation-duration: 2s; animation-duration: 2s; } .notfound__left .m-desc { -webkit-animation-duration: 2.3s; animation-duration: 2.3s; } .notfound__left .m-link-bottom { -webkit-animation-duration: 2.6s; animation-duration: 2.6s; } @media screen and (max-width: 768px) { .notfound__left { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } .notfound__button { font-size: 18px; color: #fad800; font-weight: bold; line-height: 1.2; margin-top: 40px; } .notfound__button:before { text-align: right; background-color: #fad800; } .notfound__button svg { -ms-flex-item-align: center; align-self: center; margin-left: 15px; -webkit-transform: rotate(180deg); transform: rotate(180deg); fill: #fad800; -webkit-transition: 0.3s; transition: 0.3s; } .notfound__button:hover svg { -webkit-transform: translate(10px) rotate(540deg); transform: translate(10px) rotate(540deg); } .notfound__right { font-size: 312px; font-family: 'Proxima Nova'; color: #025cb2; font-weight: bold; line-height: 1.2; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .notfound__right:before { content: ''; position: absolute; left: 50%; height: 100%; width: 1000px; z-index: -1; background-color: #eef7ff; } .notfound__numb { font-family: 'Proxima Nova'; } .notfound__numb:nth-child(2) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .notfound__numb:nth-child(3) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .swiper-arrowed { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 50px; position: absolute; left: 0; right: 0; top: 50%; margin-top: -25px; pointer-events: none; z-index: 3; } .swiper-arrowed .swiper-left, .swiper-arrowed .swiper-right { pointer-events: auto; width: 50px; height: 50px; border-radius: 50%; background-color: #eef7ff; 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; -webkit-transition: background-color ease-in-out 0.3s; transition: background-color ease-in-out 0.3s; } .swiper-arrowed .swiper-left svg, .swiper-arrowed .swiper-right svg { fill: #fbba08; } .swiper-arrowed .swiper-right { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .shop__item:hover .swiper-arrowed .swiper-left, .shop__item:hover .swiper-arrowed .swiper-right { background-color: #fff; } /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier( 0.755, 0.05, 0.855, 0.06 ); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 40%, 43%, 70% { -webkit-animation-timing-function: cubic-bezier( 0.755, 0.05, 0.855, 0.06 ); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 70% { -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); } 0%, 40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); } 50%, 80% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); } 0%, 40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); } 50%, 80% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 0%, 40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); } 60%, 80% { opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); } 60%, 80% { opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 0%, to { -webkit-transform-origin: center; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 0%, to { -webkit-transform-origin: center; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 0%, to { -webkit-transform-origin: center; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 0%, to { -webkit-transform-origin: center; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 0%, to { -webkit-transform-origin: left bottom; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 0%, to { -webkit-transform-origin: right bottom; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; } 0%, 20%, 60% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; } 0%, 20%, 60% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50%, to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50%, to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier( 0.55, 0.055, 0.675, 0.19 ); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; } .ripple { text-align: center; display: inline-block; padding: 8px 30px; letter-spacing: 0.5px; border-radius: 2px; text-decoration: none; color: #fff; overflow: hidden; position: relative; font-weight: 700; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .ink { display: block; position: absolute; background: rgba(255, 255, 255, 0.4); border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); } .animate { -webkit-animation: ripple 0.9s linear; animation: ripple 0.9s linear; } @-webkit-keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); } } @keyframes ripple { 100% { opacity: 0; -webkit-transform: scale(2.5); transform: scale(2.5); } } .blue { background-color: #2196f3; } /** * Swiper 4.1.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 13, 2018 */ swiper-pagination-bullet .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient( linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: -webkit-linear-gradient( right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); background-image: linear-gradient( to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); background-image: linear-gradient( to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: -webkit-linear-gradient( top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-next, .swiper-button-prev { position: absolute; width: 27px; height: 44px; margin-top: -32px; z-index: 9; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 9; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-container-horizontal > .s, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s top, 0.2s -webkit-transform; -webkit-transition: 0.2s transform, 0.2s top; transition: 0.2s transform, 0.2s top; -webkit-transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 12px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s left, 0.2s -webkit-transform; -webkit-transition: 0.2s transform, 0.2s left; transition: 0.2s transform, 0.2s left; -webkit-transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s right, 0.2s -webkit-transform; -webkit-transition: 0.2s transform, 0.2s right; transition: 0.2s transform, 0.2s right; -webkit-transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -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; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: auto; right: 0%; -webkit-transform: none; transform: none; } /*! Hint.css - v2.5.0 - 2017-04-23 * http://kushagragour.in/lab/hint/ * Copyright (c) 2017 Kushagra Gour */ /*-------------------------------------* HINT.css - A CSS tooltip library \*-------------------------------------*/ /** * HINT.css is a tooltip library made in pure CSS. * * Source: https://github.com/chinchang/hint.css * Demo: http://kushagragour.in/lab/hint/ * */ /** * source: hint-core.scss * * Defines the basic styling for the tooltip. * Each tooltip is made of 2 parts: * 1) body (:after) * 2) arrow (:before) * * Classes added: * 1) hint */ [class*='hint--'] { position: relative; display: inline-block; /** * tooltip arrow */ /** * tooltip body */ } [class*='hint--']:before, [class*='hint--']:after { position: absolute; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: hidden; opacity: 0; z-index: 1000000; pointer-events: none; -webkit-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 0ms; transition-delay: 0ms; } [class*='hint--']:hover:before, [class*='hint--']:hover:after { visibility: visible; opacity: 1; } [class*='hint--']:hover:before, [class*='hint--']:hover:after { -webkit-transition-delay: 100ms; transition-delay: 100ms; } [class*='hint--']:before { content: ''; position: absolute; background: transparent; border: 6px solid transparent; z-index: 1000001; } [class*='hint--']:after { background: #025cb2; color: white; padding: 8px 10px; border-radius: 10px; padding: 20px; font-size: 16px; color: #d8dbed; font-size: 12px; line-height: 12px; white-space: nowrap; } [class*='hint--'][aria-label]:after { content: attr(aria-label); } [class*='hint--'][data-hint]:after { content: attr(data-hint); } [aria-label='']:before, [aria-label='']:after, [data-hint='']:before, [data-hint='']:after { display: none !important; } /** * source: hint-position.scss * * Defines the positoning logic for the tooltips. * * Classes added: * 1) hint--top * 2) hint--bottom * 3) hint--left * 4) hint--right */ /** * set default color for tooltip arrows */ .hint--top-left:before { border-top-color: #383838; } .hint--top-right:before { border-top-color: #383838; } .hint--top:before { border-top-color: #383838; } .hint--bottom-left:before { border-bottom-color: #025cb2; } .hint--bottom-right:before { border-bottom-color: #383838; } .hint--bottom:before { border-bottom-color: #383838; } .hint--left:before { border-left-color: #383838; } .hint--right:before { border-right-color: #383838; } /** * top tooltip */ .hint--top:before { margin-bottom: -11px; } .hint--top:before, .hint--top:after { bottom: 100%; left: 50%; } .hint--top:before { left: calc(50% - 6px); } .hint--top:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .hint--top:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--top:hover:after { -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } /** * bottom tooltip */ .hint--bottom:before { margin-top: -11px; } .hint--bottom:before, .hint--bottom:after { top: 100%; left: 50%; } .hint--bottom:before { left: calc(50% - 6px); } .hint--bottom:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } .hint--bottom:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--bottom:hover:after { -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } /** * right tooltip */ .hint--right:before { margin-left: -11px; margin-bottom: -6px; } .hint--right:after { margin-bottom: -14px; } .hint--right:before, .hint--right:after { left: 100%; bottom: 50%; } .hint--right:hover:before { -webkit-transform: translateX(8px); transform: translateX(8px); } .hint--right:hover:after { -webkit-transform: translateX(8px); transform: translateX(8px); } /** * left tooltip */ .hint--left:before { margin-right: -11px; margin-bottom: -6px; } .hint--left:after { margin-bottom: -14px; } .hint--left:before, .hint--left:after { right: 100%; bottom: 50%; } .hint--left:hover:before { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--left:hover:after { -webkit-transform: translateX(-8px); transform: translateX(-8px); } /** * top-left tooltip */ .hint--top-left:before { margin-bottom: -11px; } .hint--top-left:before, .hint--top-left:after { bottom: 100%; left: 50%; } .hint--top-left:before { left: calc(50% - 6px); } .hint--top-left:after { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .hint--top-left:after { margin-left: 12px; } .hint--top-left:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-left:hover:after { -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } /** * top-right tooltip */ .hint--top-right:before { margin-bottom: -11px; } .hint--top-right:before, .hint--top-right:after { bottom: 100%; left: 50%; } .hint--top-right:before { left: calc(50% - 6px); } .hint--top-right:after { -webkit-transform: translateX(0); transform: translateX(0); } .hint--top-right:after { margin-left: -12px; } .hint--top-right:hover:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--top-right:hover:after { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /** * bottom-left tooltip */ .hint--bottom-left:before { margin-top: -11px; } .hint--bottom-left:hover:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--bottom-left:after { -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(0px); } .hint--bottom-left:hover:after { -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .hint--bottom-left:before, .hint--bottom-left:after { top: 100%; left: 100%; z-index: 100000000; } .hint--bottom-left:after { left: calc(100% + 15px); } .hint--bottom-left:before { left: calc(100% - 13px); top: 24px; } /** /** * source: hint-sizes.scss * * Defines width restricted tooltips that can span * across multiple lines. * * Classes added: * 1) hint--small * 2) hint--medium * 3) hint--large * */ .hint--small:after, .hint--medium:after, .hint--large:after { white-space: normal; line-height: 1.4em; word-wrap: break-word; } .hint--small:after { width: 80px; } .hint--medium:after { width: 150px; } .hint--large:after { width: 300px; } /** * source: hint-theme.scss * * Defines basic theme for tooltips. * */ [class*='hint--'] { /** * tooltip body */ } /** * source: hint-color-types.scss * * Contains tooltips of various types based on color differences. * * Classes added: * 1) hint--error * 2) hint--warning * 3) hint--info * 4) hint--success * */ /** * Error */ .hint--error:after { background-color: #b34e4d; text-shadow: 0 -1px 0px #592726; } .hint--error.hint--top-left:before { border-top-color: #b34e4d; } .hint--error.hint--top-right:before { border-top-color: #b34e4d; } .hint--error.hint--top:before { border-top-color: #b34e4d; } .hint--error.hint--bottom-left:before { border-bottom-color: #b34e4d; } .hint--error.hint--bottom-right:before { border-bottom-color: #b34e4d; } .hint--error.hint--bottom:before { border-bottom-color: #b34e4d; } .hint--error.hint--left:before { border-left-color: #b34e4d; } .hint--error.hint--right:before { border-right-color: #b34e4d; } /** * Warning */ .hint--warning:after { background-color: #c09854; text-shadow: 0 -1px 0px #6c5328; } .hint--warning.hint--top-left:before { border-top-color: #c09854; } .hint--warning.hint--top-right:before { border-top-color: #c09854; } .hint--warning.hint--top:before { border-top-color: #c09854; } .hint--warning.hint--bottom-left:before { border-bottom-color: #c09854; } .hint--warning.hint--bottom-right:before { border-bottom-color: #c09854; } .hint--warning.hint--bottom:before { border-bottom-color: #c09854; } .hint--warning.hint--left:before { border-left-color: #c09854; } .hint--warning.hint--right:before { border-right-color: #c09854; } /** * Info */ .hint--info:after { background-color: #3986ac; text-shadow: 0 -1px 0px #1a3c4d; } .hint--info.hint--top-left:before { border-top-color: #3986ac; } .hint--info.hint--top-right:before { border-top-color: #3986ac; } .hint--info.hint--top:before { border-top-color: #3986ac; } .hint--info.hint--bottom-left:before { border-bottom-color: #3986ac; } .hint--info.hint--bottom-right:before { border-bottom-color: #3986ac; } .hint--info.hint--bottom:before { border-bottom-color: #3986ac; } .hint--info.hint--left:before { border-left-color: #3986ac; } .hint--info.hint--right:before { border-right-color: #3986ac; } /** * Success */ .hint--success:after { background-color: #458746; text-shadow: 0 -1px 0px #1a321a; } .hint--success.hint--top-left:before { border-top-color: #458746; } .hint--success.hint--top-right:before { border-top-color: #458746; } .hint--success.hint--top:before { border-top-color: #458746; } .hint--success.hint--bottom-left:before { border-bottom-color: #458746; } .hint--success.hint--bottom-right:before { border-bottom-color: #458746; } .hint--success.hint--bottom:before { border-bottom-color: #458746; } .hint--success.hint--left:before { border-left-color: #458746; } .hint--success.hint--right:before { border-right-color: #458746; } /** * source: hint-always.scss * * Defines a persisted tooltip which shows always. * * Classes added: * 1) hint--always * */ .hint--always:after, .hint--always:before { opacity: 1; visibility: visible; } .hint--always.hint--top:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top:after { -webkit-transform: translateX(-50%) translateY(-8px); transform: translateX(-50%) translateY(-8px); } .hint--always.hint--top-left:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top-left:after { -webkit-transform: translateX(-100%) translateY(-8px); transform: translateX(-100%) translateY(-8px); } .hint--always.hint--top-right:before { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--top-right:after { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .hint--always.hint--bottom:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom:after { -webkit-transform: translateX(-50%) translateY(8px); transform: translateX(-50%) translateY(8px); } .hint--always.hint--bottom-left:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom-left:after { -webkit-transform: translateX(-100%) translateY(8px); transform: translateX(-100%) translateY(8px); } .hint--always.hint--bottom-right:before { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--bottom-right:after { -webkit-transform: translateY(8px); transform: translateY(8px); } .hint--always.hint--left:before { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--always.hint--left:after { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .hint--always.hint--right:before { -webkit-transform: translateX(8px); transform: translateX(8px); } .hint--always.hint--right:after { -webkit-transform: translateX(8px); transform: translateX(8px); } /** * source: hint-rounded.scss * * Defines rounded corner tooltips. * * Classes added: * 1) hint--rounded * */ .hint--rounded:after { border-radius: 4px; } /** * source: hint-effects.scss * * Defines various transition effects for the tooltips. * * Classes added: * 1) hint--no-animate * 2) hint--bounce * */ .hint--no-animate:before, .hint--no-animate:after { -webkit-transition-duration: 0ms; transition-duration: 0ms; } .hint--bounce:before, .hint--bounce:after { -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); } .about { } .about .wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .about__title { margin-bottom: 40px; } .about__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 285px; width: 100%; padding-top: 40px; } .about__center { max-width: 580px; width: 100%; margin-left: 60px; } .about__right { width: 350px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 523px; border-radius: 8px; padding: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-size: cover; background-repeat: no-repeat; background-image: url('../../static/img/content/video.jpg'); } .about__right a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about__right:hover .about__button { -webkit-box-shadow: 0px 5px 17.1px 0.9px rgba(231, 229, 249, 0.004); box-shadow: 0px 5px 17.1px 0.9px rgba(231, 229, 249, 0.004); -webkit-transform: scale(1.1); transform: scale(1.1); background-color: #ffc62b; } .about__list { max-width: 200px; padding-left: 25px; } .about__list-title { font-size: 24px; color: #025cb2; font-weight: bold; line-height: 1.2; position: relative; } .about__list-title:before { content: ''; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: -25px; width: 15px; height: 15px; background-image: url('../../static/img/content/list.png'); background-repeat: no-repeat; } .about__list-item { margin-bottom: 24px; } .about__desc { margin-bottom: 30px; line-height: 30px; } .about__center-title { font-size: 18px; margin-bottom: 10px; color: #fad800; font-weight: bold; text-transform: uppercase; } .about__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fad800; -webkit-box-shadow: 0px 5px 17.1px 0.9px rgba(231, 229, 249, 0.004); box-shadow: 0px 5px 17.1px 0.9px rgba(231, 229, 249, 0.004); width: 66px; height: 66px; border-radius: 50%; margin-top: 22px; -webkit-transition: 0.3s; transition: 0.3s; } .adv { font-optical-sizing: auto; font-style: normal; margin-top: -50px; z-index: 2; } .adv__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 1024px) { .adv__items { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .adv__item { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; border-radius: 17px; background: rgba(255, 255, 255, 0.9); box-shadow: 10px 14px 30px 0px rgba(0, 0, 0, 0.05); backdrop-filter: blur(37px); padding: 17px 16px; margin-right: 25px; } .adv__item:first-child { width: 25%; } .adv__item:nth-child(2) { width: 33%; } .adv__item:last-child { width: 18%; margin-right: 0; } @media screen and (max-width: 1024px) { .adv__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 768px) { .adv__item { width: 33%; } } @media screen and (max-width: 425px) { .adv__item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0; } } .adv__img-cont { min-width: 52px; max-width: 52px; height: 53px; 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; margin-right: 13px; } .adv__desc { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.5rem; } .smi__container { border-radius: 40px; background: url('../../static/img/content/smi_bg.jpg') 0px 0px / cover no-repeat; max-width: 100%; width: 100%; min-height: 225px; overflow: hidden; display: flex; flex-wrap: nowrap; justify-content: space-between; } #smi .m-title { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 2.35rem; font-weight: 800; line-height: 126%; /* 3.15rem */ text-transform: uppercase; padding: 2rem 0 0 2.51rem; } #smi .m-title span { color: #000; border-radius: 50px; background: #fad800; padding: 5px 13px; margin-left: -13px; transform: rotate(2.749deg); } .smi__wrapper { padding: 1.57rem 1.64rem 0 0; display: flex; flex-wrap: nowrap; } .smi__item { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.1rem; font-weight: 600; line-height: normal; white-space: nowrap; border-radius: 70px; background: #fff; height: 43px; padding-left: 16px; padding-right: 12px; 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; -webkit-transition: 0.3s; transition: 0.3s; margin-left: 17px; position: relative; bottom: 0; } .smi__item:first-child { margin-left: 0 !important; } .smi__item img { max-height: 30px; margin-right: 10px; } .smi__item:after { content: ''; width: 10px; height: 9px; background: url('data:image/svg+xml,') no-repeat left top / contain; position: relative; top: -8px; margin-left: 6px; } .smi__item:hover { opacity: 0.85; bottom: 3px; } #gladskiy { background: radial-gradient( 48.91% 51.27% at 3.46% 21.54%, rgba(250, 216, 0, 0.15) 0%, rgba(250, 216, 0, 0) 100% ), #025cb2; margin-top: 0px; margin-bottom: 100px; } .gladskiy__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .gladskiy__left { margin-right: 35px; margin-top: 30px; max-width: 570px; display: flex; } .gladskiy__left img { margin-left: -50px; } .gladskiy__right { max-width: 52%; margin-top: 50px; margin-bottom: 50px; position: relative; } .gladskiy__right h2 { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 5rem; font-weight: 700; line-height: 107%; /* 5.35rem */ text-transform: uppercase; } .gladskiy__img-cont img { /*max-width: 100%;*/ height: auto; } .gladskiy__video { position: absolute; left: 0; bottom: 50px; } .gladskiy__right ul { margin-top: 27px; padding-left: 40px; } .gladskiy__right ul li { list-style: none; position: relative; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 1.8125rem; /* 120.833% */ margin-bottom: 15px; } .gladskiy__right ul li:before { content: ''; position: absolute; top: 7px; left: -33px; width: 20px; height: 21px; background: url('data:image/svg+xml,') no-repeat left top; } .gladskiy__right blockquote { border-radius: 40px; border: 1px solid #fad800; position: relative; padding: 23px 14px 23px 133px; margin-top: 40px; position: relative; } .gladskiy__right blockquote:before { content: '“'; color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 10.25rem; font-weight: 700; line-height: 1.8125rem; /* 17.683% */ position: absolute; top: 4.64rem; left: 1.75rem; } .gladskiy__right blockquote p { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 1.8125rem; /* 120.833% */ margin-bottom: 20px; } .gladskiy__right blockquote p:last-child { margin-bottom: 0; } .gladskiy__right .license { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 1.8125rem; /* 120.833% */ margin-top: 62px; display: flex; align-items: center; } .gladskiy__right .license:after { content: ''; width: 43px; height: 23px; background: url('data:image/svg+xml,') no-repeat left top / contain; margin-left: 25px; } .gladskiy__right .license_link { position: absolute; bottom: -25px; right: -50px; } .gladskiy__right .license_link:hover { opacity: 0.85; bottom: -20px; } .programs { width: 100%; position: relative; overflow: hidden; } .programs #tab1:after { z-index: 5; content: ''; top: -20px; right: -50px; position: absolute; width: 377px; height: 222px; background: url('../img/content/sale_20.png') no-repeat left top / contain; } .programs .tab__inner h4 { color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 2.375rem; font-weight: 800; line-height: 2.75rem; /* 115.789% */ text-transform: uppercase; margin-bottom: 2.75rem; } .programs .table-scroll-container { border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.4); } .table2 { display: table; width: 100%; min-width: 700px; margin-top: 20px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 30px; margin-bottom: 20px; overflow: hidden; } .table2 tbody { min-width: 100%; } .table2 tr { min-width: 100%; display: table-row; } .table2 tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.12); } .table2 th, .table2 td { max-width: 100%; padding: 27px 0; text-align: center; display: table-cell; font-size: 1.25rem; color: #fff; font-family: 'Montserrat', sans-serif; line-height: 1.5rem; /* 120% */ border-left: 1px solid rgba(255, 255, 255, 0.4); border-right: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.4); /*border: 1px solid rgba(255, 255, 255, 0.40);*/ } .table2 th { font-weight: 700; } .table2 td { font-weight: 400; } .table2 th span, .table2 td span { color: #fad800; } .table2.with-point td { position: relative; } .table2.with-point .point { position: absolute; left: 35px; top: 25px; } @media screen and (max-width: 768px) { .table2.with-point .point { top: 110px; } .table2.with-point tr:nth-of-type(9) .point { top: 80px; } } .table2.with-point .point:before { content: ''; position: absolute; width: 34px; height: 34px; background: url('data:image/svg+xml,') no-repeat left top; z-index: 5; } .table2.with-point .point .point-content { visibility: hidden; width: 160px; color: rgba(0, 0, 0, 0.98); padding: 15px 14px 20px; position: absolute; bottom: -20px; left: 0; margin-left: 15px; opacity: 0; transition: opacity 0.3s; border-radius: 20px; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(22px); text-align: left; } .table2.with-point .point:hover .point-content { visibility: visible; opacity: 1; z-index: 3; } .table2.with-point .point .point-content h6 { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 700; line-height: 1.1875rem; /* 118.75% */ text-transform: uppercase; } .table2.with-point .point .point-content p { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.1875rem; /* 118.75% */ } #call2action { background: url('../../static/img/content/calltoaction-bg.png') no-repeat center top; min-height: 592px; display: flex; align-items: center; } .call2action__container { width: 65%; } .call2action__container .m-title { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 126%; /* 3.3075rem */ text-transform: uppercase; margin-bottom: 45px; } .call2action__container .m-button { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.875rem; line-height: 116%; text-transform: uppercase; border-radius: 11px; height: 79px; max-width: 478px; } .call2action__container .m-button.m-arrow:after { content: ''; width: 31px; height: 23px; background: url('data:image/svg+xml,') no-repeat left top; margin-left: 19px; } #corp-form { background: url('../../static/img/content/corp-form.png') no-repeat calc(50vw - 180px) top, radial-gradient( 22.41% 55.6% at 81.69% 32.98%, rgba(153, 205, 255, 0.35) 0%, rgba(171, 214, 255, 0) 100% ), radial-gradient( 48.91% 51.27% at 3.46% 21.54%, rgba(250, 216, 0, 0.15) 0%, rgba(250, 216, 0, 0) 100% ), #025cb2; padding: 67px 0; display: flex; align-items: center; } .corp-form__container { width: 50%; } .corp-form__container .m-title { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 126%; /* 3.3075rem */ text-transform: uppercase; } .corp-form__container .standart.form { background: none; box-shadow: none; backdrop-filter: none; border-radius: unset; padding: 0; margin: 0; } .corp-form__container .standart.form form { padding: 0; max-width: 525px; } .corp-form__container .standart.form .inner { flex-wrap: wrap; } .corp-form__container .standart.form .m-button { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; line-height: 1.375rem; text-transform: uppercase; border-radius: 11px; height: 70px; max-width: none; width: 100%; margin-right: 36px; } .corp-form__container .privacy-agree { margin-top: 10px; } #how .m-title { color: #000; font-size: 2.625rem; font-weight: 700; } .how__container { padding-top: 90px; margin-top: -50px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; z-index: 0; position: relative; } .how__container .swiper-scrollbar { position: absolute; bottom: 28px; width: 50%; right: 40px; left: auto; height: 8px; background: rgba(255, 255, 255, 0.2); } .how__container .swiper-scrollbar-drag { background: #fff; } @media screen and (max-width: 425px) { .how__container { margin-top: -40px; } } .how__wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .how__slide { background-color: #025cb2; box-sizing: border-box; display: flex; align-items: flex-start; justify-content: flex-start; position: relative; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 40px; height: 495px; } .how__slide:hover { -webkit-box-shadow: inset 0px -240px 159px -56px #025cb2; box-shadow: inset 0px -140px 159px -56px #025cb2; } .how__slide img { width: auto; } .how__block { padding: 32px 41px 0 45px; } .how__block .pre-ttl { color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-weight: 700; line-height: 1.25rem; /* 111.111% */ border-radius: 50px; border: 1px solid #fad800; padding: 9px 19px; margin-bottom: 20px; display: inline-block; } .section.standart .how__block .ttl { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.9375rem; font-weight: 800; line-height: 2.75rem; /* 141.935% */ text-transform: uppercase; margin-bottom: 22px; } .how__block p { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.375rem; /* 122.222% */ margin-bottom: 15px; } .how__video { position: absolute; left: 170px; top: 35%; } .awaits__container { max-width: 100%; width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; } .standart .awaits__container .m-title { color: #000; font-family: 'Montserrat', sans-serif; font-size: 3.5rem; font-weight: 700; line-height: 107%; /* 3.745rem */ text-transform: uppercase; } .awaits__block:first-child { width: calc(50% - 10px); } .awaits__wrapper { padding: 35px 25px 36px 34px; background: #fff; border-radius: 30px; display: flex; flex-wrap: wrap; align-content: flex-start; height: 100%; /*margin-right: 30px;*/ } .awaits__img { position: relative; } .awaits__img:after { content: ''; width: 350px; height: 174px; background: url(../../static/img/content/awaits_img.png) no-repeat left top; position: absolute; top: -70px; right: -80px; } .awaits__img img { border-radius: 30px; max-width: 100%; } .awaits__text { margin-top: 28px; } .awaits__text ul { padding-left: 29px; } .awaits__text li { list-style: none; position: relative; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.22rem; font-weight: 400; line-height: 120%; margin-bottom: 20px; } .awaits__text li:before { content: ''; position: absolute; top: 3px; left: -29px; width: 16px; height: 17px; background: url('data:image/svg+xml,') no-repeat left top; } .awaits__text li:last-child { margin-bottom: 0; } .product-title.m-page-title { color: #000; font-family: 'Montserrat', sans-serif; font-size: 3.375rem; line-height: 111%; /* 3.74625rem */ text-transform: uppercase; } .shop .shop__items:before { content: none; } .shop .tab__list { justify-content: flex-start; } .shop .tab__elem.tab-slide { border-radius: 50px; } .shop .tab__elem { margin-right: 20px; } .shop .tab__link { color: rgba(0, 0, 0, 0.5); font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.5rem; /* 120% */ padding: 9px 20px; } .shop .tab__link.active { color: #000; font-weight: 700; background: #fad800; } .shop .tab__link:hover { color: #000; opacity: 0.8; } .shop .shop__price { color: #000; font-family: 'Montserrat', sans-serif; font-size: 2rem; font-weight: 700; line-height: 3.25rem; /* 162.5% */ } .shop .shop__button { border-radius: 11px; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.375rem; /* 110% */ text-transform: uppercase; } .shop .swiper-arrowed .swiper-left, .shop .swiper-arrowed .swiper-right { opacity: 0; } .shop__item:hover .swiper-arrowed .swiper-left, .shop__item:hover .swiper-arrowed .swiper-right { opacity: 1; } .top__block.tovary { width: 100%; max-width: 1200px; min-height: 366px; border-radius: 40px; background: url(../../static/img/content/top__block-tovary-bg.png) no-repeat right bottom, radial-gradient( 120.04% 58.12% at 47.62% 89.52%, rgba(104, 187, 207, 0.6) 0%, rgba(104, 160, 207, 0) 100% ), radial-gradient( 24.17% 76.4% at 86.16% 9.72%, rgba(250, 216, 0, 0.2) 0%, rgba(24, 208, 121, 0) 100% ), #025cb2; box-shadow: 24px 24px 54px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(32px); margin-top: 140px; margin-bottom: 100px; position: relative; } .top__block-inner { padding: 50px 0 0 55px; max-width: 590px; } .top__block-inner h2 { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 4rem; font-weight: 800; line-height: 4.5625rem; /* 114.063% */ text-transform: uppercase; } .top__block-inner .subtitle { color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 1.875rem; font-weight: 400; line-height: 4.25rem; /* 226.667% */ text-transform: uppercase; } .go2block { position: absolute; left: 47%; bottom: 30px; } .go2block:hover { opacity: 0.75; } @media screen and (max-width: 768px) { .lesson__left { margin-right: 0; max-width: 100%; } } .articles { margin-top: 90px; } .articles .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .articles .m-title { margin-top: 45px; } .articles__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 20px; } .articles__item { width: 32%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 10px; margin-bottom: 40px; } @media screen and (max-width: 768px) { .articles__item { width: 48%; } } @media screen and (max-width: 425px) { .articles__item { width: 100%; } } .articles__item-img { width: 100%; height: 290px; background-repeat: no-repeat; background-size: cover; margin-bottom: 25px; border-radius: 10px; position: relative; overflow: hidden; } .articles__item-img:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: 0 200px; background-repeat: no-repeat; -webkit-transition: 0.3s; transition: 0.3s; background-image: -webkit-gradient( linear, left top, left bottom, from(transparent), to(#025cb2) ); background-image: -webkit-linear-gradient( top, transparent 0%, #025cb2 100% ); background-image: linear-gradient(to bottom, transparent 0%, #025cb2 100%); } .articles__item-img svg { -webkit-transition: 0.3s; transition: 0.3s; position: absolute; left: 50%; top: 80%; opacity: 0; -webkit-transform: translate(-50%, -50%) rotate(140deg); transform: translate(-50%, -50%) rotate(140deg); fill: #fff; } .articles__item-img:hover:before { background-position: 0 0; } .articles__item-img:hover svg { position: absolute; left: 50%; opacity: 1; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } .articles__item-title:hover { text-decoration: underline; } .articles .m-title-min { margin-bottom: 15px; } .articles-top__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 30px; } .articles-top .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .articles-top__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 860px; width: 100%; margin-right: 30px; } .articles-top__left-top { background-color: #025cb2; background-size: cover; background-position: center center; border-radius: 10px; height: 370px; width: 100%; margin-bottom: 35px; } .articles-top__right { max-width: 415px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .articles-top__right .articles-top__title { font-size: 1.5rem; } .articles-top__items { margin-top: 15px; } .articles-top__item { padding: 24px; border-radius: 10px; position: relative; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; background-position: 0 500px; background-repeat: no-repeat; background-image: -webkit-gradient( linear, left top, left bottom, from(transparent), to(#025cb2) ); background-image: -webkit-linear-gradient( top, transparent 0%, #025cb2 100% ); background-image: linear-gradient(to bottom, transparent 0%, #025cb2 100%); overflow: hidden; min-height: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .articles-top__item:before { content: ''; position: absolute; top: 0px; left: 0; width: 100%; height: 2px; background-color: #eef7ff; } @media screen and (max-width: 768px) { .articles-top__item { padding: 10px; } } .articles-top__item-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; z-index: -1; opacity: 0; -webkit-transition: 0.6s; transition: 0.6s; } .articles-top__item:hover { background-image: -webkit-gradient( linear, left top, left bottom, from(transparent), to(#025cb2) ); background-image: -webkit-linear-gradient( top, transparent 0%, #025cb2 100% ); background-image: linear-gradient(to bottom, transparent 0%, #025cb2 100%); background-position: 0 0; } .articles-top__item:hover .articles-top__item-bg { opacity: 1; } .articles-top__item:hover .articles-top__item-title { color: #fad800; } @media screen and (max-width: 1024px) { .articles-top__item { background-image: -webkit-gradient( linear, left top, left bottom, from(transparent), to(#025cb2) ); background-image: -webkit-linear-gradient( top, transparent 0%, #025cb2 100% ); background-image: linear-gradient( to bottom, transparent 0%, #025cb2 100% ); background-position: 0 0; } .articles-top__item .articles-top__item-bg { opacity: 1; } .articles-top__item .articles-top__item-title { color: #fad800; } } .articles-top__item-title { font-size: 20px; color: #025cb2; font-weight: bold; } .articles-top__desc { margin-top: 7px; } .articles-top__number { font-size: 24px; color: #dddfeb; font-weight: bold; margin-bottom: 15px; } /*.client { background-color: #eef7ff; }*/ .client .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 50px; padding-bottom: 50px; padding-bottom: 30px; } .client .m-title { margin-bottom: 27px; font-size: 2.75rem; line-height: 117%; /* 3.2175rem */ } .client__container { max-width: 100%; width: 100%; overflow: hidden; z-index: 0; padding-top: 90px; margin-top: -90px; position: relative; padding-bottom: 20px; } @media screen and (max-width: 375px) { .client__container { margin-top: -40px; } } .client__slide { border-radius: 10px; background-color: white; width: 236px; min-height: 90px !important; 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; -webkit-transition: 0.3s; transition: 0.3s; } .client__slide:hover { -webkit-box-shadow: 0px 2px 18px 0px rgba(137, 129, 229, 0.19); box-shadow: 0px 2px 18px 0px rgba(137, 129, 229, 0.19); } .client__button { top: 45px; z-index: 1000000000000000; background-image: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; width: 45px; -webkit-transition: 0.3s; transition: 0.3s; height: 45px; -webkit-box-shadow: 0px 0px 17.1px 0.9px #efeefb; box-shadow: 0px 0px 17.1px 0.9px #efeefb; z-index: 1000; border-radius: 50%; } .client__button svg { fill: #fad800; } .client__button:hover { background-color: #fad800; -webkit-box-shadow: 0px 0px 17.1px 0.9px #efeefb; box-shadow: 0px 0px 17.1px 0.9px #efeefb; } .client__button:hover svg { fill: #fff; } .client__button-next { right: 10px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .client__button-prev { right: 65px; } .form-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 1024px) { .form-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .form-2.form { margin-top: 45px; margin-bottom: 45px; } .form-2__left.form__left { height: 135px; } .form-2__left.form__left img { height: 100%; } @media screen and (max-width: 1024px) { .form-2__left.form__left { height: auto; } } @media screen and (max-width: 1024px) { .form-2__left { width: auto !important; height: auto; } } .form-2__right { max-width: 760px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 700px) { .form-2__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .form-2__right-top { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } .form-2__item.form__item { width: 0; max-width: 270px; width: 100%; } @media screen and (max-width: 700px) { .form-2 .m-link { margin: 25px 0; } } .form__right-desc { font-family: 'proxima'; font-size: 18px; color: #b1b6d3; font-style: italic; } .form__right-title { font-size: 24px; font-weight: 500; color: #025cb2; } .form__link a { font-size: 24px; color: #fad800; -webkit-transition: 0.3s; transition: 0.3s; font-weight: bold; position: relative; } .form__link a:before { content: ''; position: absolute; bottom: -3px; left: 0; right: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: 0.3s; transition: 0.3s; width: 100%; background-color: #ffc62b; height: 2px; -webkit-transform: scaleX(0); transform: scaleX(0); } .form__link a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .direction.wrapper { padding-top: 55px; padding-bottom: 85px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 767px) { .direction.wrapper { padding-bottom: 40px; } } .direction .m-title { margin-bottom: 5px; } .direction__content-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .direction .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .direction__tab { border-radius: 10px; max-height: 304px; min-height: 304px; height: 100%; width: calc(25% - 10px); padding: 40px; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; overflow: hidden; background-color: #025cb2; cursor: pointer; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #fff; -webkit-transition: 1.2s; transition: 1.2s; -webkit-box-shadow: inset 0px -200px 159px -56px #025cb2; box-shadow: inset 0px -200px 159px -56px #025cb2; } @media screen and (max-width: 767px) { .direction__tab { width: 48%; margin-bottom: 10px; } } @media screen and (max-width: 425px) { .direction__tab { width: 100%; margin-right: 0; } } .direction__tab:last-child { margin-right: 0; } .direction__tab:hover { -webkit-box-shadow: inset 0px -500px 159px -56px #025cb2; box-shadow: inset 0px -500px 159px -56px #025cb2; } .direction__tab:hover .m-desc { height: 100%; margin-top: 8px; opacity: 1; } .direction .tabs { min-height: 100%; } .direction__content { width: 100%; min-height: 100%; } .direction__tabs-title { font-size: 24px; color: white; font-weight: bold; line-height: 1.2; } .direction__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .direction__tabs-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; } .direction__tabs-container--active { display: -webkit-box; display: -ms-flexbox; display: flex; } .direction__desc { color: #d8dbed; height: 0; opacity: 0; -webkit-transition: 1.2s; transition: 1.2s; -webkit-transition-timing-function: cubic-bezier(0.3, 0.12, 0.22, 0.99); transition-timing-function: cubic-bezier(0.3, 0.12, 0.22, 0.99); } .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; position: relative; margin-top: 40px; margin-bottom: 40px; } .form.wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1024px) { .surprise.form, .standart.form { padding-left: 25px; padding-right: 25px; } .form.wrapper, .form.surprise, .form.standart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } /*.form img { position: absolute; z-index: -1; top: 0; left: 0; }*/ @media screen and (max-width: 1024px) { .form__title { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } } .form__left { 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; height: 155px; margin-left: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1024px) { .form__left { height: auto; margin-bottom: 20px; width: 100%; margin-left: 0; } } .form__right { font-size: 18px; color: #025cb2; font-weight: 500; line-height: 1.2; max-width: 840px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1024px) { .form form { max-width: 100% !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .form__right-top { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 27px; } @media screen and (max-width: 768px) { .form__right-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .form__price { color: #ff243e; font-size: 18px; color: #ff243e; font-weight: bold; text-transform: uppercase; line-height: 1.2; } @media screen and (max-width: 768px) { .form__price { margin: 10px 0; } } .form__right-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 767px) { .form__right-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form__right-bottom input { width: 100%; margin-bottom: 10px; margin-right: 0; } .form__right-bottom button { width: 100%; text-align: center; max-width: 100%; } } .form { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .form__item { width: 32.5%; } .form form { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 845px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1400px) { .form form { max-width: 700px; } } .form__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 5px; cursor: pointer; } @media screen and (max-width: 768px) { label { margin: 10px 0; } } label:hover p { color: #fad800; } label input { display: none; } label input:checked ~ div { border-width: 4px; width: 7px; height: 7px; } label p { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; font-weight: 500; color: #025cb2; -webkit-transition: 0.2s; transition: 0.2s; } @media screen and (max-width: 1400px) { label p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } label p span { margin-left: 15px; font-size: 18px; color: #fad800; font-weight: bold; text-transform: uppercase; line-height: 1.2; } @media screen and (max-width: 1400px) { label p { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } label p span { margin-left: 0; } } label div { width: 13px; position: relative; height: 13px; -ms-flex-negative: 0; flex-shrink: 0; border: 1px solid #025cb2; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; -webkit-box-sizing: content-box; box-sizing: content-box; margin-right: 10px; } /* tabs */ .tab__list { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; flex-direction: row !important; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: space-evenly; list-style: none; padding: 0; margin: 0; margin-bottom: 20px; margin-top: 20px; z-index: 0; } .tab-slider { width: 100%; } .tab__elem { margin-right: 15px; } .tab__elem--active .tab__link { color: #fad800; } .tab__elem--active .tab__link:before { opacity: 1; } .tab__elem.tab-slide { background: transparent; width: auto; min-height: 0; border-top-left-radius: 30px; border-top-right-radius: 30px; box-shadow: 10px 4px 24px 0px rgba(0, 0, 0, 0.05); } .tab__link { background: #fff; padding: 18px 28px 50px 28px; font-size: 1.25rem; color: #025cb2; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 1.5rem; /* 120% */ position: relative; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tab__link:hover { color: #fad800; } .tab__link:hover:before { background-color: #fad800; opacity: 1; } .tab__link.active { color: #fad800; } .tab__link.active:before { background-color: #fad800; opacity: 1; } .ui-tabs-active .tab__link { color: #fff; font-weight: 700; background: #0860b4; } .table-scroll-container { max-width: 100%; overflow-x: auto; } .table-scroll-container table { min-width: 800px; width: 100%; display: table; margin: 0; } .table__inner2 .table-scroll-container table { min-width: 465px; } .table-scroll-container table tr { min-width: 100%; display: table-row; } .table-scroll-container table td { display: table-cell; } .ui-tabs-panel { position: relative; z-index: 2; border-radius: 40px; background: radial-gradient( 120.04% 58.12% at 47.62% 89.52%, rgba(104, 187, 207, 0.3) 0%, rgba(104, 160, 207, 0) 100% ), radial-gradient( 24.17% 76.4% at 86.16% 9.72%, rgba(250, 216, 0, 0.2) 0%, rgba(24, 208, 121, 0) 100% ), #025cb2; box-shadow: -6px 4px 24px 0px rgba(0, 0, 0, 0.35); backdrop-filter: blur(32px); padding: 2.54rem 4.22rem 3.58rem 3.35rem; margin-top: -30px; } @media screen and (max-width: 540px) { .contact-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .table__inner2 .table-scroll-container table { min-width: 100%; } } .contact__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 40px; margin-top: 30px; } .contact__item { 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: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: #fff; border-radius: 10px; width: 23%; margin-bottom: 10px; padding: 40px 20px 35px 30px; } .contact__title { color: #57a3eb; font-family: 'Montserrat', sans-serif; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } .contact__info { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; color: #025cb2; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-weight: 700; } .contact__info:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #025cb2; -webkit-transform: scalex(0); transform: scalex(0); -webkit-transition: 0.3s; transition: 0.3s; } .contact__info:hover:before { -webkit-transform: scalex(1); transform: scalex(1); } .first { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 150px; padding-bottom: 110px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: -ms-linear-gradient( 0deg, rgba(4, 85, 167, 0.78) 0%, rgba(4, 85, 167, 0.78) 100% ); align-items: flex-start; /*height: 625px;*/ } .first.mainx { height: 725px; } @media screen and (max-width: 1700px) { .first.mainx { height: 745px; } } /*@media screen and (max-width: 1400px) { .first.mainx { height: 80vh; } }*/ .first.first-center { height: 625px; flex-wrap: wrap; padding-bottom: 0; } .first.first-center .wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0; z-index: 1; } .first.first-center .m-desc { text-align: center; max-width: 675px; color: #fff; } .first-center .main-title { color: #fff; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 3.625rem; font-weight: 700; line-height: 110%; /* 3.9875rem */ text-transform: uppercase; } .first__bg { position: absolute; top: 0; /*z-index: -1;*/ z-index: 0; left: 0; width: 100%; background-size: cover; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .first__left { max-width: 685px; } .first.page-center .first__bg { z-index: 0; } .first.page-center .wrapper { z-index: 1; position: relative; flex-direction: row; /* justify-content: flex-start;*/ } .first__right { } .justify-content-between { justify-content: space-between !important; } .justify-content-center { justify-content: center !important; } .first.page-center .wrapper.group { margin-top: 130px; justify-content: space-between; align-items: flex-start; } .btn-or { display: flex; justify-content: center; align-items: center; padding: 0 19px; height: 58px; border-radius: 50px; background-color: #fad800; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.5rem; font-weight: 700; line-height: normal; } .btn-or:after { content: ''; width: 15px; height: 20px; background: url('data:image/svg+xml,') no-repeat left top; margin-left: 13px; } .first.page-center .group .btn-or:nth-child(2) { margin-top: 70px; } .main-title { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 5.625rem; font-weight: 800; line-height: 96%; /* 5.4rem */ text-transform: uppercase; } .main-title span { display: inline; color: #fad800; } .first__desc { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.575rem; font-weight: 400; line-height: 116%; /* 2.175rem */ margin-top: 2.01rem; margin-bottom: 2.6rem; max-width: 560px; } .first__button { border-width: 2px; border-color: #fad800; border-style: solid; background-color: #fad800; max-width: 310px; width: 100%; height: 68px; border-radius: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0 0 20px 3px #e2c575; box-shadow: 0 0 20px 3px #e2c575; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 116%; /* 1.74rem */ text-transform: uppercase; } @media screen and (max-width: 1400px) { .first__button { height: 57px; } } .first .swiper-wrapper_slick .slick-dots { display: none !important; } .first__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 145px; position: absolute; right: 0; bottom: 40px; max-width: 256px; } .first__social a:hover { opacity: 0.5; } .first__social .founder { border-radius: 12.5rem; background: #fad800; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.5rem; /* 120% */ text-transform: uppercase; padding: 4.4px 10.58px; margin-bottom: 7px; } .first__social .competencies__list { border-radius: 0.6875rem; background: #fad800; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px 10px; } .first__social .competencies__list span { padding: 3px 0; max-width: 255px; width: 100%; position: relative; margin-left: 20px; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .first__social .competencies__list span:before { content: ''; position: absolute; top: 7px; left: -20px; width: 11px; height: 13px; background: url('data:image/svg+xml,') no-repeat left top; } .footer { background: #1c1c1c; padding-top: 130px; padding-bottom: 60px; } .footer__right { /*max-width: 1080px;*/ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 90px; margin-top: 12px; } @media screen and (max-width: 1024px) { .footer__right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (max-width: 820px) { .footer__right { flex-direction: column; align-items: center; } } .footer .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 820px) { .footer .wrapper { flex-direction: column; align-items: center; } } .footer__copy { color: rgba(255, 255, 255, 0.6); font-family: 'Montserrat', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 114%; /* 18.24px */ } .footer__menu { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; font-family: proxima; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column; } @media screen and (max-width: 1024px) { .footer__menu { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (max-width: 820px) { .footer__menu { align-items: center; justify-content: center; } } .footer__menu a { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 17px; font-style: normal; font-weight: 400; line-height: 114%; position: relative; margin: 0 10px; margin-bottom: 16px; width: fit-content; width: -moz-fit-content; } .footer__menu a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: 0.3s; transition: 0.3s; height: 2px; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); } .footer__menu a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .footer__features { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 768px) { .footer__features { align-items: center; } } .footer__phone, .footer__email { display: flex; white-space: nowrap; margin-bottom: 30px; } .footer__phone:before { content: ''; width: 16px; height: 16px; background: url('data:image/svg+xml,') no-repeat left top; margin-right: 10px; margin-top: 2px; } .footer__email:before { content: ''; width: 21px; height: 21px; background: url('data:image/svg+xml,') no-repeat left top; margin-right: 10px; } .footer__phone a, .footer__email a { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold; font-weight: 700; line-height: 114%; } .footer__phone a:before, .footer__email a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: 0.3s; transition: 0.3s; height: 2px; background: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); } .footer__phone a:hover:before, .footer__email a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 57px; } .footer__social .social-link { margin-right: 18px; } .footer__social .social-link:last-child { margin-right: 0; } .footer__social a { -webkit-transition: 0.3s; transition: 0.3s; } .footer__social a:hover { -webkit-transform: scale(1.3); transform: scale(1.3); } .galery-slider .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; overflow: hidden; margin-bottom: 40px; padding-top: 40px; } .galery-slider .swiper-container { display: -webkit-box; display: -ms-flexbox; display: flex; /*background-repeat: 5px;*/ border-radius: 10px; position: relative; margin-top: 35px; } .galery-slider .swiper-slide { background-size: cover; border-radius: 30px; background-position-y: center; } .galery-slider .swiper-slide img { display: none; -o-object-fit: cover; object-fit: cover; } .galery-slider .wrapper .tube { width: 90vw; height: 60vh; max-width: 1066px; max-height: 600px; min-height: 400px; } @media screen and (max-width: 768px) { .galery-slider .wrapper .tube { width: 100%; height: 27vh; max-width: 620px; max-height: 400px; min-height: 240px; } } .top-anchor { position: fixed; left: 20px; bottom: 20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; background-color: #fad800; /* z-index: 100; */ z-index: 9; visibility: hidden; -webkit-transform: translateY(70px) rotate(90deg); transform: translateY(70px) rotate(90deg); opacity: 0; -webkit-transition: 0.6s; transition: 0.6s; cursor: pointer; -webkit-box-shadow: 0px 0px 17.1px 0.9px #9c9ba5; box-shadow: 0px 0px 17.1px 0.9px #9c9ba5; } .top-anchor svg { fill: #ffffff; } @media screen and (max-width: 820px) { .top-anchor { right: 5px; bottom: 5px; } } .top-anchor:hover { background-color: #fff; } .top-anchor:hover svg { fill: #fad800; } .top-anchor.visible { -webkit-transform: translateY(0px) rotate(90deg); transform: translateY(0px) rotate(90deg); opacity: 1; /*visibility: visible;*/ } .header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; padding-top: 5px; padding-bottom: 3px; background-color: #025cb2; -webkit-transition: 0.3s; transition: 0.3s; } @media screen and (max-width: 820px) { .header__logo { width: 130px; } } .header + .wrapper { padding-top: 55px; } .header .wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__close { cursor: pointer; display: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } @media screen and (max-width: 820px) { .header__close { display: -webkit-box; display: -ms-flexbox; display: flex; } } .header__menu-open { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; height: 40px; width: 50px; display: none; } @media screen and (max-width: 820px) { .header__menu-open { display: -webkit-box; display: -ms-flexbox; display: flex; } } .header__menu-open span { height: 5px; background: #fff; } .header__right { max-width: 1200px; width: 100%; margin-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1100px) { .header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (max-width: 1024px) { .header__right { position: fixed; right: 0; top: 0; margin-top: 0; max-width: 290px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 10000000; padding: 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 100%; background-color: #025cb2; visibility: hidden; opacity: 0; -webkit-transform: translate(100%); transform: translate(100%); -webkit-transition: 0.5s; transition: 0.5s; } .header__right.visible { visibility: visible; opacity: 1; -webkit-transform: translate(0); transform: translate(0); justify-content: center; align-items: flex-start; } } @media screen and (max-width: 820px) { .header__right { position: fixed; right: 0; top: 0; max-width: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; z-index: 10000000; padding: 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-content: space-around; height: 100%; max-width: 290px; background-color: #025cb2; visibility: hidden; opacity: 0; -webkit-transform: translate(100%); transform: translate(100%); -webkit-transition: 0.5s; transition: 0.5s; text-align: center; } .header__right.visible { visibility: visible; opacity: 1; -webkit-transform: translate(0); transform: translate(0); } } .header__menu { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 900px; width: 100%; font-family: proxima; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1100px) { .header__menu { -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 20px; } } @media screen and (max-width: 820px) { .header__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; align-items: center; margin-bottom: 0; } .header__menu a { font-weight: 700; text-align: center; } } .header__menu a { color: #d0cbea; font-weight: 400; font-size: 17px; margin-bottom: 15px; position: relative; margin: 0 10px; /*text-transform: uppercase;*/ } .header__menu a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: 0.3s; transition: 0.3s; height: 2px; background: #fad800; -webkit-transform: scaleX(0); transform: scaleX(0); } .header__menu a:hover { color: #fad800; } .header__menu a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .header__menu a.active { color: #fad800; } .header__menu a.active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } @media screen and (max-width: 820px) { .header__menu a { font-size: 22px; margin-bottom: 15px; color: #fff; justify-content: center; } } .header__phone a { word-wrap: none; color: white; font-family: proxima; font-weight: 700; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; color: #fad800; white-space: nowrap; } .header__phone a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: 0.3s; transition: 0.3s; background: #fad800; height: 2px; -webkit-transform: scaleX(0); transform: scaleX(0); } .header__phone a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } @media screen and (max-width: 820px) { .header__phone a { font-size: 26px; } } .header-2 { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 10px; padding-bottom: 10px; z-index: 10; position: fixed; top: 0px; background: #025cb2; flex-wrap: wrap; } .header-2 .wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .header-2__close { cursor: pointer; display: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } .header-2__right { width: 100%; margin-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; /*justify-content: space-between;*/ justify-content: flex-end; } @media screen and (max-width: 1100px) { .header-2__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; } .header-2__phone { padding-top: 20px; } } @media screen and (max-width: 768px) { .header-2__right { position: fixed; right: 0; top: 0; /* max-width: 290px; */ -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; z-index: 10000000; padding: 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 100%; background-color: #025cb2; visibility: hidden; opacity: 0; -webkit-transform: translate(100%); transform: translate(100%); -webkit-transition: 0.5s; transition: 0.5s; } } @media screen and (max-width: 820px) { .header-2__right.visible { visibility: visible; opacity: 1; -webkit-transform: translate(0); transform: translate(0); } } .header-2__menu-open { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; height: 40px; width: 50px; display: none; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } @media screen and (max-width: 768px) { .header-2__menu-open { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 768px) { .header-2__menu-open { height: 30px; width: 35px; } } .header-2__menu-open:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .header-2__menu-open span { height: 5px; background: #fff; } .header-2__menu { display: -webkit-box; display: -ms-flexbox; /*display: flex;*/ display: none; max-width: 1000px; width: 100%; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; justify-content: center; } .header-2__menu a { color: #d0cbea; font-weight: 400; font-size: 17px; margin-bottom: 15px; position: relative; margin: 0 10px; } @media screen and (max-width: 1400px) { .header-2__menu a { width: fit-content; width: -moz-fit-content; text-align: center; display: flex; justify-content: center; align-items: center; } } @media screen and (max-width: 1290px) { .header-2__menu a { font-size: 13px; } } @media screen and (max-width: 1200px) { .header-2__menu a { font-size: 12px; } } .header-2__menu a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: 0.3s; transition: 0.3s; height: 2px; background: #fad800; -webkit-transform: scaleX(0); transform: scaleX(0); } .header-2__menu a:hover, .header-2__menu a.active { color: #fad800; } .header-2__menu a:hover:before, .header-2__menu a.active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } @media screen and (max-width: 1100px) { .header-2__menu { -ms-flex-item-align: end; align-self: flex-end; /* margin-bottom: 20px; */ } .header-2__menu a { width: fit-content; width: -moz-fit-content; text-align: center; display: flex; justify-content: center; align-items: center; } } @media screen and (max-width: 768px) { .header-2__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; align-items: center; margin-bottom: 0; } .header-2__menu a { font-weight: 700; font-size: 20px; margin-bottom: 10px; } } @media screen and (max-width: 768px) { .header-2__menu a { font-size: 26px; color: #fff; } } .header-2__phone { display: flex; align-items: center; } .header-2__phone-mobile { display: none; position: relative; } .header-2__phone-mobile a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: 0.3s; transition: 0.3s; background: #fad800; height: 2px; -webkit-transform: scaleX(0); transform: scaleX(0); } .header-2__phone-mobile a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } @media screen and (max-width: 768px) { .header-2__phone-mobile { display: flex; align-self: center; } .header-2__phone-mobile a { color: #fad800; font-weight: 700; font-size: 30px; } .header-gray .header-2__phone-mobile a { color: #025cb2; } } @media screen and (max-width: 768px) { .header-2__phone-mobile a { font-size: 23px; } } .top-menu { border-top: 1px solid #fff; padding-top: 12px; margin-top: 10px; } .top-menu .header-2__right { width: 100%; margin-left: 0; display: flex; justify-content: space-between; } .top-menu .header-2__menu { display: flex; max-width: none; justify-content: space-between; } .top-menu .header-2__menu a { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 17px; line-height: 114%; margin: 0; } .top-menu .header-2__menu a.active { color: #fad800; font-weight: 700; } .top-menu .header-2__menu a.active:before { content: none; } @media screen and (max-width: 768px) { .top-menu { display: none !important; border-top: none; padding-top: 0; margin-top: 0; } .top-menu .header-2__right { opacity: 0 !important; } } .header-2__social { display: flex; margin-right: 50px; } .header-2__social a { -webkit-transition: 0.3s; transition: 0.3s; margin-right: 14px; } .header-2__social a:last-child { margin-right: 0; } .header-2__social a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } /*header transparent gray*/ .header-gray { background: #f1f1f1; } .header-gray .header-2__phone a { color: #025cb2; } .header-gray .header-2__phone:before { background: url('data:image/svg+xml,') no-repeat left top; } .header-gray .top-menu { border-color: #025cb2; } .header-gray .top-menu .header-2__menu a { color: rgba(0, 0, 0, 0.7); } .header-gray .top-menu .header-2__menu a:before, .header-gray .header-2__phone a:before, .header-gray .header-2__phone-mobile a:before, .header-gray .header-2__menu-open span { background: #025cb2; } .header-gray .top-menu .header-2__menu a.active { color: #025cb2; } .row { display: flex; flex-wrap: wrap; flex: 0 0 100%; position: relative; width: 100%; max-width: 100%; } .header { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 10px; padding-bottom: 10px; z-index: 10; position: fixed; top: 0px; background: #025cb2; } @media screen and (max-width: 768px) { .header__logo { width: 125px; } } .header .wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .header__close { cursor: pointer; display: none; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } @media screen and (max-width: 1024px) { .header__close { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 4%; right: 7%; width: auto; } } .header__right { max-width: 1200px; width: 100%; margin-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1100px) { .header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; } .header__phone { padding-top: 20px; } } @media screen and (max-width: 820px) { .header__right { position: fixed; right: 0; top: 0; /* max-width: 290px; */ -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; z-index: 10000000; padding: 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 100%; background-color: #025cb2; visibility: hidden; opacity: 0; -webkit-transform: translate(100%); transform: translate(100%); -webkit-transition: 0.5s; transition: 0.5s; } .header__right.visible { visibility: visible; opacity: 1; -webkit-transform: translate(0); transform: translate(0); } } .header__menu-open { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; height: 40px; width: 50px; display: none; } @media screen and (max-width: 1024px) { .header__menu-open { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 768px) { .header__menu-open { height: 30px; width: 35px; } } .header__menu-open span { height: 5px; background: #fff; } .header__menu { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1000px; width: 100%; font-family: proxima; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; justify-content: center; } @media screen and (max-width: 1100px) { .header__menu { -ms-flex-item-align: end; align-self: flex-end; /* margin-bottom: 20px; */ } .header__menu a { width: fit-content; width: -moz-fit-content; text-align: center; display: flex; justify-content: center; align-items: center; } } @media screen and (max-width: 1400px) { .header__menu a { width: fit-content; width: -moz-fit-content; text-align: center; display: flex; justify-content: center; align-items: center; } } .header__menu a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: 0.3s; transition: 0.3s; height: 2px; background: #fad800; -webkit-transform: scaleX(0); transform: scaleX(0); } .header__menu a:hover { color: #fad800; } .header__menu a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .header__menu a.active { color: #fad800; } .header__menu a.active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } @media screen and (max-width: 768px) { .header__menu a { font-size: 26px; color: #fff; } } @media screen and (max-width: 1024px) { .header__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; align-items: center; margin-bottom: 0; } .header__menu a { font-weight: 700; font-size: 20px; margin-bottom: 10px; } } .header__phone { display: flex; align-items: center; } .header__phone-mobile { display: none; position: relative; } .header__phone-mobile a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: 0.3s; transition: 0.3s; background: #fad800; height: 2px; -webkit-transform: scaleX(0); transform: scaleX(0); } .header__phone-mobile a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } @media screen and (max-width: 1024px) { .header__phone-mobile { display: flex; align-self: center; } .header__phone-mobile a { color: #fad800; font-weight: 700; font-size: 30px; } } @media screen and (max-width: 768px) { .header__phone-mobile a { font-size: 23px; } } .header-2__phone:before { content: ''; width: 17px; height: 17px; background: url('data:image/svg+xml,') no-repeat left top; margin-right: 8px; } .header-2__phone a { color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 22px; line-height: 114%; font-style: normal; font-weight: 700; word-wrap: none; white-space: nowrap; } .header-2__phone a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: 0.3s; transition: 0.3s; background: #fad800; height: 2px; -webkit-transform: scaleX(0); transform: scaleX(0); } .header-2__phone a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } @media screen and (max-width: 768px) { .header-2__phone a { font-size: 26px; } } .map { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; margin-top: 110px; min-height: 580px; } .map .wrapper { position: relative; z-index: 2; height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 425px) { .map .wrapper { height: auto; position: static; } } #map { width: 100%; z-index: -1; top: 0; left: 0; height: 100%; z-index: 1; position: absolute; } @media screen and (max-width: 425px) { #map { height: 500px; position: static; } } .main-form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 0 70px; height: 196px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } .main-form .m-desc { color: #b1b6d3; } /*.main-form input { width: 100% }*/ .point-label { max-width: 505px; position: absolute; top: 48px; left: 0; border-radius: 30px; background: #025cb2; display: flex; } .point-label:before { content: ''; width: 510px; height: 137px; background: url('data:image/svg+xml,') no-repeat left top; position: absolute; top: -120px; } .point-label .point-label__title { color: #fff; text-align: left; font-family: 'Montserrat', sans-serif; font-size: 30px; font-style: normal; font-weight: 700; line-height: 116%; /* 34.8px */ display: flex; padding: 33px 43px 43px 29px; } .point-label .point-label__title:before { content: ''; width: 61px; height: 55px; background: url('../img/content/map-pin.png') no-repeat left top / contain; margin-top: 3px; margin-right: 16px; } .main-form__container { width: 100%; max-width: 1200px; position: absolute; top: 385px; left: 0; right: 0; padding: 35px 0 25px; border-radius: 40px; background: radial-gradient( 120.04% 58.12% at 47.62% 89.52%, rgba(104, 187, 207, 0.3) 0%, rgba(104, 160, 207, 0) 100% ), radial-gradient( 24.17% 76.4% at 86.16% 9.72%, rgba(250, 216, 0, 0.2) 0%, rgba(24, 208, 121, 0) 100% ), #025cb2; -webkit-box-shadow: 24px 44px 64px 0px rgba(0, 0, 0, 0.4); box-shadow: 24px 44px 64px 0px rgba(0, 0, 0, 0.4); backdrop-filter: blur(32px); z-index: 0; } .main-form__container .main-form__title { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 33px; font-style: normal; font-weight: 800; line-height: 44px; /* 133.333% */ text-transform: uppercase; text-align: left; margin-left: 55px; } .main-form__container .main-form { padding: 0 55px; height: auto; margin-top: 40px; } .main-form__container .main-form .inner { display: flex; } .main-form__container .main-form .inner .input-group { width: 100%; margin-right: 36px; } .main-form__container .main-form .inner .input-group label { color: rgba(255, 255, 255, 0.9); font-family: 'Montserrat', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 112%; /* 17.92px */ margin: 0 0 5px; } .main-form__container .m-field { min-height: 45px; padding-left: 0; color: rgba(255, 255, 255, 0.95); font-family: 'Montserrat', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; line-height: 112%; /* 17.92px */ border: none; border-radius: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.37); filter: drop-shadow(7px 4px 14px rgba(0, 0, 0, 0.13)); } .main-form__container .m-field::placeholder, .main-form__container .m-field::-ms-input-placeholder { color: rgba(255, 255, 255, 0.34); } .main-form__container .m-button { max-width: 297px; height: 67px; border-radius: 5px; border-color: #fad800; border-style: solid; background-color: #fad800; -webkit-box-shadow: 0 11px 16px 34px #rgba(24, 208, 121, 0.27); box-shadow: 0 11px 16px 34px #rgba(24, 208, 121, 0.27); color: #000; font-family: 'Montserrat', sans-serif; font-size: 20px; font-style: normal; line-height: 22px; /* 110% */ text-transform: uppercase; } .main-form__container .m-button:hover { color: #fff; } .main-form__container .privacy-agree label { color: rgba(255, 255, 255, 0.85); font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; line-height: 112%; } .main-form__container .privacy-agree label a { color: rgba(255, 255, 255, 0.9); font-weight: 600; } @media screen and (max-width: 992px) { .footer__logo svg { width: 240px; height: 88px; } .footer__right { margin-left: 35px; } .main-form__container .main-form__title { font-size: 28px; } } @media screen and (max-width: 768px) { .main-form__container { top: 440px; } .main-form__container .main-form { margin-top: 25px; padding: 0 20px; } .main-form__container .main-form .inner { flex-wrap: wrap; } .main-form__container .main-form .inner .input-group { margin: 0 0 25px 0; } .main-form__container .main-form .inner .input-group label { font-size: 14px; } .main-form__container .main-form__title { font-size: 24px; line-height: 32px; } .main-form__container .m-button { height: 52px; max-width: none; } .main-form__container .privacy-agree label, .main-form__container .privacy-agree label a { display: inline-block; } .footer__logo svg { width: 192px; height: 70px; } .footer__right { margin: 0; } .footer__right .footer__features { order: 1; } .footer__right .footer__menu:nth-of-type(1) { order: 3; margin-bottom: 36px; } .footer__right .footer__menu:nth-of-type(2) { order: 2; margin-bottom: 36px; } .footer__features .footer__social { order: 1; margin: 36px 0; } .footer__features .footer__phone { order: 2; } .footer__features .footer__email { order: 3; } .footer__phone:before, .footer__email:before { content: none; } .footer__social .social-link svg { width: 41px; height: 44px; } .footer__copy { text-align: center; } } @media screen and (max-width: 556px) { .map { /*min-height: 600px*/ margin-top: 50px; } .main-form__container { max-width: 90%; padding: 20px 0 15px; } .point-label { position: static; margin-bottom: 30px; } .point-label:before { width: 255px; height: 69px; background-size: cover; top: -50px; } .point-label .point-label__title { font-size: 18px; padding: 22px 43px 20px 29px; } .point-label .point-label__title:before { width: 50px; height: 33px; margin-right: 10px; } .main-form__container .main-form__title { font-size: 21px; margin: 0 20px; text-align: center; } .footer { padding-top: 180px; } } .surprise.form, .standart.form { border-radius: 2.5rem; background: radial-gradient( 120.04% 58.12% at 47.62% 89.52%, rgba(104, 187, 207, 0.3) 0%, rgba(104, 160, 207, 0) 100% ), radial-gradient( 24.17% 76.4% at 86.16% 9.72%, rgba(250, 216, 0, 0.2) 0%, rgba(24, 208, 121, 0) 100% ), #025cb2; box-shadow: 24px 24px 54px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(32px); padding-top: 39px; margin-top: 75px; } .surprise.form:after { content: ''; display: block; width: 361px; height: 358px; position: absolute; right: -115px; top: -55px; background: url('../../static/img/content/surprise-friends.svg') no-repeat left top; display: none; } .surprise .form__left { height: auto; margin-left: 55px; } .surprise .m-title, .standart .m-title { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 2.0625rem; font-weight: 800; line-height: 2.75rem; /* 133.333% */ text-transform: uppercase; } .standart .m-title span { display: inline-block; color: #fad800; } .surprise .m-title { display: inline-block; color: #fff; } .surprise .m-desc { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.5rem; /* 120% */ margin-top: 20px; } .surprise .m-desc span { display: inline-block; color: #fad800; } .surprise .m-action, .standart .m-action { display: flex; align-items: center; margin-left: -35px; } .surprise.form img { position: relative; } .surprise .m-action-text { color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.5rem; /* 120% */ } .surprise.form form { max-width: 380px; margin-right: 55px; } .surprise.form .form__right-bottom { flex-direction: column; } .standart.form form { padding: 0 50px; max-width: none; padding-bottom: 50px; } .standart.form .inner { display: flex; flex-direction: row; margin-top: 50px; } .standart.form .inner .input-group { width: 100%; margin-right: 36px; } .standart.form .inner .input-group label { color: rgba(255, 255, 255, 0.9); font-family: 'Montserrat', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 112%; /* 17.92px */ margin: 0 0 5px; } .surprise.form .m-field, .standart.form .m-field { border-radius: 0; padding-left: 0 !important; background: transparent; margin-bottom: 2.32rem; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.37); filter: drop-shadow(7px 4px 14px rgba(0, 0, 0, 0.13)); color: #fff; } .surprise.form .m-button, .standart.form .m-button { max-width: 376px; height: 69px; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.375rem; /* 110% */ text-transform: uppercase; filter: drop-shadow(11px 16px 34px rgba(24, 208, 121, 0.27)); border-radius: 11px; } .surprise.form .privacy-agree { margin-top: 15px; } .surprise.form .privacy-agree label, .standart.form .privacy-agree label { display: block; font-size: 0.875rem; color: rgba(255, 255, 255, 0.7); margin-left: 10px; } .standart.form .privacy-agree label { display: flex; } .surprise.form .privacy-agree input[type='checkbox'], .standart.form .privacy-agree input[type='checkbox'] { min-height: auto; cursor: pointer; } .surprise.form .privacy-agree a, .standart.form .privacy-agree a { color: rgba(255, 255, 255, 0.7); text-decoration: underline; -webkit-transition: 0.3s; transition: 0.3s; } .surprise.form .privacy-agree a:hover, .standart.form .privacy-agree a:hover { text-decoration: none; } .privacy-agree { align-items: center; } .section.section__why { margin-bottom: 0; } .section.section__excellence { margin-top: 50px; } .section__why-wrap { justify-content: space-between; flex-wrap: nowrap; } .section__why-item { position: relative; bottom: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.3s ease-in-out; width: 400px; } .section__why-item:nth-child(2n) { margin: 0 25px; } .section__why-item:hover { bottom: 5px; } /*.section__why-item:nth-child(2n) { margin: 0 15px; }*/ .section__why img { border-radius: 0; margin: 0; } .section.standart.section-staff { margin-bottom: 0; } .section-staff .container { margin: 0 auto; } .section__what_turniry { padding: 100px 25px 10px; } .section__what_turniry .block { position: relative; display: flex; flex-wrap: nowrap; } .section__what_turniry .block h3 { color: #000; font-family: 'Montserrat', sans-serif; font-size: 4.25rem; font-weight: 700; line-height: 107%; /* 4.5475rem */ text-transform: uppercase; max-width: 390px; margin-right: 115px; } .section__what_turniry .block h3:after { content: ''; display: block; position: absolute; width: 304px; height: 99px; transform: rotate(-2.3deg); background: url('data:image/svg+xml,') no-repeat left top / contain; left: 200px; } .section .tags { display: flex; flex-wrap: wrap; } .section .tag_item { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 3.15rem; /* 260% */ border-radius: 50px; border: 1px solid #025cb2; padding: 0 14px; margin-left: 18px; margin-bottom: 20px; cursor: pointer; position: relative; bottom: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.3s ease-in-out; } .section .tag_item:hover { bottom: 5px; } .section__galery_turniry .m-title { color: #000; font-family: 'Montserrat', sans-serif; font-size: 3.375rem; font-weight: 700; line-height: 117%; /* 3.94875rem */ text-transform: uppercase; } .section__galery_turniry .swiper-button-next, .section__galery_turniry .swiper-button-prev { width: 48px; height: 48px; margin-top: -42px; border-radius: 10px; } .section__galery_turniry .galery-slider .swiper-slide { border-radius: 30px; background: url() lightgray 50% / cover no-repeat; } .section__excellence { padding: 0 25px; } .section__excellence .excellence__title { margin-bottom: 31px; margin-right: 25px; display: flex; justify-content: flex-end; } .section__excellence .excellence__title span { color: rgba(0, 0, 0, 0.2); font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-weight: 600; line-height: normal; text-transform: uppercase; border-radius: 70px; border: 1px solid rgba(0, 0, 0, 0.2); padding: 10px 20px; display: inline-block; } .section__excellence .excellence { /*display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: masonry;*/ column-count: 2; column-gap: 20px 20px; max-width: 1200px; width: 100%; } .section__excellence .excellence__type { margin: 0; display: inline-block; margin-bottom: 30px; width: 100%; max-width: 570px; } .section__excellence .excellence__type .block { display: flex; overflow: hidden; border-radius: 40px; background: #fff; position: relative; } .section__excellence .excellence__type .block .inner { padding: 38px 31px 31px 41px; z-index: 1; } .section__excellence .excellence__type .block .img__container { } .section__excellence .excellence__type .block .inner h4 { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.875rem; font-weight: 700; line-height: 127%; /* 2.38125rem */ text-transform: uppercase; margin-bottom: 20px; } .section__excellence .excellence__type .block .inner p { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-weight: 400; line-height: normal; } .section__excellence .excellence__type .block .inner p span { color: #025cb2; font-weight: 600; } .section__excellence .excellence__type .block img { margin: 0; border-radius: 0; } .section__excellence .excellence__type.bg__blue .block { background: radial-gradient( 51.83% 51.12% at 7.68% 2.45%, rgba(250, 216, 0, 0.16) 0%, rgba(250, 216, 0, 0) 100% ), #025cb2; flex-wrap: wrap; } .section__excellence .excellence__type.bg__blue .block .inner { padding: 38px 31px 31px 41px; } .section__excellence .excellence__type.bg__blue .block .inner h4 { color: #fff; font-size: 2.5rem; font-weight: 800; line-height: 3.25rem; /* 130% */ } .section__excellence .excellence__type.bg__blue .block .inner h4 span { display: inline-block; border-radius: 3.125rem; background: #fad800; color: #000; font-family: 'Montserrat', sans-serif; font-size: 2.5rem; font-weight: 800; line-height: 3.25rem; /* 130% */ text-transform: uppercase; transform: rotate(-4.148deg); padding: 0 10px; } .section__excellence .excellence__type.bg__blue .block .inner p { color: #fff; line-height: 1.5rem; /* 120% */ } .section__excellence .excellence__type.bg__img .block { position: relative; flex-wrap: nowrap; min-height: 340px; } .section__excellence .excellence__type:nth-child(4) .block { min-height: 375px; } .section__excellence .excellence__type.bg__img .block .inner { padding: 38px 0 0 31px; } .section__excellence .excellence__type.bg__img .block img, .section__excellence .excellence__type.bg__grey .block img { position: absolute; bottom: 0; right: 0; } .section__excellence .excellence__type.bg__white .block .inner { padding: 24px 18px 0 30px; } .section__excellence .excellence__type.bg__grey .block { background: linear-gradient( 0deg, rgba(8, 111, 208, 0.14) 0%, rgba(8, 111, 208, 0.14) 100% ), #fff; position: relative; min-height: 375px; } .section__excellence .excellence__type.bg__grey .block h4 { max-width: 338px; } .section__excellence .excellence__type.bg__grey .block p { max-width: 150px; } .section__excellence .excellence__type .btn_wrap { position: absolute; left: 28px; bottom: 25px; z-index: 3; display: flex; width: 90%; } .section__excellence .excellence__type .m-button { height: 59px; color: #000; box-shadow: none; font-family: 'Montserrat', sans-serif; font-weight: 700; border-radius: 11px; max-width: none; width: auto; margin-right: 15px; position: relative; bottom: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section__excellence .excellence__type .m-button:last-child { margin-right: 0; } .section__excellence .excellence__type .m-button:hover { bottom: 5px; } .section__excellence .excellence__type .btn-small { height: 46px; font-size: 0.875rem; line-height: normal; padding: 0 12px; } .section__excellence .excellence__type .btn-small.m-arrow:after { content: ''; width: 20px; height: 16px; background: url('data:image/svg+xml,') no-repeat left top; margin-left: 10px; } .section__excellence .excellence__type .btn-hidden { font-size: 1.25rem; font-weight: 700; line-height: 1.375rem; /* 110% */ text-transform: uppercase; padding: 0 12px; } .section__excellence .excellence__type .btn-hidden.m-arrow:after { content: ''; width: 30px; height: 23px; background: url('data:image/svg+xml,') no-repeat left top; } .section__excellence .excellence__type .btn-hidden span { display: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .section__excellence .excellence__type .btn-hidden:hover span { display: block; margin-right: 10px; } .section__probnoe { padding: 0 25px; } .section__probnoe h3 { color: #000; font-family: 'Montserrat', sans-serif; font-size: 3.375rem; font-weight: 700; line-height: 107%; /* 3.61125rem */ text-transform: uppercase; margin-bottom: 1.98rem; } .section__probnoe .probnoe { column-count: 2; column-gap: 20px 20px; max-width: 1200px; width: 100%; } .section__probnoe .probnoe__type { margin: 0; display: inline-block; margin-bottom: 30px; width: 100%; max-width: 570px; } .section__probnoe .probnoe__type .block { display: flex; justify-content: space-between; overflow: hidden; border-radius: 40px; background: #fff; } .section__probnoe .probnoe__type .block .inner { padding: 32px 8px 0 24px; z-index: 1; position: relative; } .section__probnoe .probnoe__type .block .inner h4 { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.325rem; font-weight: 700; line-height: 125%; /* 1.71875rem */ text-transform: uppercase; margin-bottom: 20px; } .section__probnoe .probnoe__type .block .inner p { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.3125rem; /* 131.25% */ } .section__probnoe .probnoe__type .block .inner p span { color: #025cb2; font-weight: 600; } .section__probnoe .probnoe__type .block img { margin: 0; border-radius: 0; } .section__probnoe .probnoe__type.bg__blue .block { background: #dbeaf7; } .label__wrapper { position: absolute; display: flex; flex-wrap: nowrap; bottom: 40px; } .label__item { color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-weight: 600; line-height: normal; white-space: nowrap; border-radius: 70px; background: none; height: 37px; padding-left: 13px; padding-right: 13px; 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; -webkit-transition: 0.3s; transition: 0.3s; margin-left: 11px; position: relative; bottom: 0; cursor: pointer; } .label__item:first-child { margin-left: 0 !important; } .label__item:hover { opacity: 0.85; bottom: 3px; } #order__probnoe-form img { position: relative; border-radius: 30px; } #order__probnoe-form .gallery__container, #order__corporat-form .gallery__container { display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 45px; } .probnoe .block { position: relative; display: flex; flex-wrap: nowrap; } .probnoe .block h3 { color: #000; font-family: 'Montserrat', sans-serif; font-size: 5.25rem; font-weight: 700; line-height: 105%; /* 5.5125rem */ text-transform: uppercase; max-width: 500px; margin-right: 115px; } .probnoe .block h3:after { content: ''; display: block; position: absolute; width: 304px; height: 99px; transform: rotate(-2.3deg); background: url('data:image/svg+xml,') no-repeat left top / contain; left: 200px; } .probnoe .check__list { display: flex; flex-direction: column; justify-content: space-between; } .probnoe .check__list .check__list_item { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 128%; position: relative; } .probnoe .check__list .check__list_item:before { content: ''; height: 30px; width: 30px; background: url('data:image/svg+xml,') no-repeat left top; position: absolute; left: -43px; } .section__corporat { padding: 0 25px; } .section__corporat .corporat { display: flex; justify-content: space-between; max-width: 1200px; width: 100%; flex-wrap: nowrap; } .section__corporat .corporat__left { max-width: 692px; width: 100%; margin-right: 30px; } .section__corporat .corporat__right { max-width: 482px; width: 100%; } .section__corporat .corporat__type { margin: 0; display: inline-block; margin-bottom: 30px; width: 100%; position: relative; } .section__corporat .corporat__type .block { display: flex; overflow: hidden; border-radius: 40px; background: #fff; flex-wrap: wrap; } .section__corporat .corporat__type .block .inner { padding: 55px 75px 55px 36px; z-index: 1; position: relative; } .section__corporat .corporat__type .block .inner h4 { color: #000; font-family: 'Montserrat', sans-serif; font-size: 2.5rem; font-weight: 800; line-height: 2.3125rem; /* 92.5% */ text-transform: uppercase; margin-bottom: 20px; } .section__corporat .corporat__type .block .inner p { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.5rem; /* 120% */ } .section__corporat .corporat__type .block .inner p .blue_label { border-radius: 70px; background: none; padding: 8px 17px; padding-left: 0; color: #025cb2; display: inline-block; font-size: 1.125rem; font-weight: 700; } .section__corporat .corporat__type .block .inner p .yellow_label { border-radius: 70px; background: #fad800; padding: 8px 17px; display: inline-block; font-size: 1.125rem; font-weight: 700; position: absolute; top: -20px; } .section__corporat .corporat__type .p_a { position: absolute; right: 0; top: -45px; z-index: 1; } .section__corporat .corporat__type .block.turnir .inner { padding: 30px 75px 25px 35px; } .section__corporat .corporat__type .block.turnir .inner h4 { margin-bottom: 10px; } .section__corporat .corporat__type .block.big_corp { background: url(../../static/img/content/big_corp-bg.jpg) no-repeat left top / cover; height: 418px; padding: 27px 0 45px 31px; } .section__corporat .corporat__type .block.small_corp { background: url(../../static/img/content/small_corp-bg.jpg) no-repeat left top / cover; height: 256px; padding: 125px 0 26px 35px; } .section__corporat .corporat__type .block.big_corp .inner, .section__corporat .corporat__type .block.small_corp .inner { padding: 0; } .section__corporat .corporat__type .block.big_corp h4, .section__corporat .corporat__type .block.small_corp h4 { color: #fff; font-size: 2.5rem; font-weight: 800; line-height: 2.8125rem; /* 112.5% */ text-transform: uppercase; } .section__corporat .corporat__type .block.big_corp h4 span, .section__corporat .corporat__type .block.small_corp h4 span { transform: rotate(-2.95deg); display: inline-block; border-radius: 3.125rem; background: #fad800; color: #000; padding: 0 10px; } .section__corporat .corporat__type .block.big_corp p { color: #fff; max-width: 315px; margin-top: 22px; } .section__corporat .corporat__type .block.big_corp .label__wrapper { bottom: 0; } .section__corporat .corporat__type .block.big_corp .label__wrapper img { display: none; } .section__cooperative { padding: 0 25px; } .section__cooperative .cooperative { display: flex; justify-content: space-between; max-width: 1200px; width: 100%; flex-wrap: nowrap; margin-top: 30px; } .section__cooperative .cooperative__type { margin: 0; width: 100%; position: relative; max-width: 380px; display: flex; flex-wrap: wrap; align-content: space-between; } .section__cooperative .cooperative__type .block { display: flex; overflow: hidden; border-radius: 40px; background: #fff; flex-wrap: wrap; width: 100%; } .section__cooperative .cooperative__type .block.bb { min-height: 440px; } .section__cooperative .cooperative__type .block.sb { min-height: 208px; } .section__cooperative .cooperative__type .block .inner { padding: 32px 50px 16px 30px; z-index: 1; position: relative; } .section__cooperative .cooperative__type .block .inner h5 { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 1.375rem; /* 91.667% */ margin-bottom: 15px; } .section__cooperative .cooperative__type .block .inner p { font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 300; line-height: 1.3125rem; /* 116.667% */ } .section__cooperative .cooperative__type .p_a { position: absolute; right: -30px; top: 140px; z-index: 1; } .section__cooperative .cooperative__type .block.sb .p_a { right: 0; bottom: 0; z-index: -1; top: auto; } .section__cooperative .cooperative__type .block.blue_block { background: url(../../static/img/content/cooperative-bg.jpg) no-repeat center bottom / cover; } .section__cooperative .cooperative__type .block.blue_block h5, .section__cooperative .cooperative__type .block.blue_block p { color: #fff; } .section__cooperative .cooperative__type .block .inner img { max-width: 100%; margin-top: 31px; } .first.page-center.turniry .first__bg { background: url(../../static/img/content/1screen_turniry_gladsky.png) no-repeat calc(50vw + 140px) bottom, url(../../static/img/content/1screen_turniry.jpg) no-repeat calc(50vw - 420px) center, #025cb2; } .first.page-center.turniry .main-title { font-size: 3.25rem; line-height: 3.75rem; /* 115.385% */ } .first.page-center .first__left .adv__block { margin-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.13); margin-right: 40px; } .first.page-center .first__left .adv__block-item { display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.13); } .first.page-center .first__left .adv__block-item .adv__block-item_text { margin-left: 28px; color: #fff; } .first.page-center .first__left .adv__block-item .adv__block-item_text h5 { font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.4375rem; /* 115% */ } .first.page-center .first__left .adv__block-item .adv__block-item_text p { font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.375rem; /* 122.222% */ } .turniry .first__button { max-width: 416px; position: absolute; left: 64%; bottom: 0; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.375rem; /* 110% */ text-transform: uppercase; } .turniry .go_to { content: ''; position: absolute; display: block; width: 60px; height: 61px; background: url('data:image/svg+xml,') no-repeat left top; bottom: -75px; left: 50%; } .first.online { padding-bottom: 75px; } .first.page-center.online .wrapper { align-items: center; } .first.page-center.online .first__bg { background: radial-gradient( 52.74% 30.38% at 49.31% 52.09%, rgba(104, 187, 207, 0.4) 0%, rgba(104, 187, 207, 0) 100% ), radial-gradient( 48.91% 51.27% at 3.46% 21.54%, rgba(250, 216, 0, 0.25) 0%, rgba(250, 216, 0, 0) 100% ), #025cb2; } .first.page-center.online .first__left .adv__block-item .adv__block-item_text h5 { font-size: 33px; font-weight: 800; line-height: 44px; text-transform: uppercase; } .online .menu-block { border-radius: 40px; background: #fff; padding: 14px; position: relative; display: flex; align-items: center; } .online .menu-block:after { content: ''; position: absolute; top: -30px; right: -75px; width: 167px; height: 120px; background: url('data:image/svg+xml,') no-repeat left top; } .online .menu-block .menu-block_image { border-radius: 30px; overflow: hidden; } .online .menu-block .menu-block_text { padding-left: 22px; padding-right: 12px; } .online .menu-block .menu-block_text h5 { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 1.75rem; /* 116.667% */ } .online .menu-block .menu-block_text ul { margin-top: 20px; padding-left: 22px; } .online .menu-block .menu-block_text ul li { list-style: none; position: relative; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.75rem; margin-bottom: 15px; } .online .menu-block .menu-block_text ul li:before { content: ''; position: absolute; top: 7px; left: -21px; width: 14px; height: 16px; background: url('data:image/svg+xml,') no-repeat left top; background-size: contain; } .online .first__button { margin-top: 30px; } .online .first__button.m-tg:after { content: ''; width: 24px; height: 16px; background: url('data:image/svg+xml,') no-repeat left top; margin-left: 6px; } .section_table { } .section.standart.section_table h2 { text-align: center; font-size: 3.375rem; line-height: 107%; /* 3.61125rem */ margin: 0 auto 30px; } .section.standart.section_table h2 span { color: #025cb2; display: inline-block; } .table__inner { width: 100%; border-radius: 40px; background: radial-gradient( 120.04% 58.12% at 47.62% 89.52%, rgba(104, 187, 207, 0.3) 0%, rgba(104, 160, 207, 0) 100% ), radial-gradient( 24.17% 76.4% at 86.16% 9.72%, rgba(250, 216, 0, 0.2) 0%, rgba(24, 208, 121, 0) 100% ), #025cb2; box-shadow: -6px 4px 24px 0px rgba(0, 0, 0, 0.35); backdrop-filter: blur(32px); padding: 59px 59px 67px; } .table__inner h4 { color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 2.375rem; font-weight: 800; line-height: 44px; /* 115.789% */ text-transform: uppercase; margin-bottom: 2.75rem; } .table__inner h5 { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 800; margin-bottom: 2.75rem; } .table__inner .table2 td { padding: 18px 0; } .table__inner .table2 td .m-link { display: block; color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 1.375rem; /* 110% */ text-decoration-line: underline; text-transform: uppercase; position: relative; bottom: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.3s ease-in-out; } .table__inner .table2 tr td .m-link:after { content: ''; position: absolute; top: 3px; margin-left: 9px; width: 19px; height: 15px; background: url('data:image/svg+xml,') no-repeat left top; } .table__inner .table2 td .m-link:hover { bottom: 3px; text-decoration: none; } .table__inner .table-scroll-container table td .medal { max-width: 41px; } .table2row { display: flex; flex-wrap: nowrap; justify-content: space-between; width: 100%; margin-top: 0; gap: 25px; } .table__inner2 { } .page.turniry, .page.vyezdy { margin-top: 25px; } .page.korporativnoe-obuchenie, .page.reviews { margin-top: 90px; } .page.turniry .standart-form .m-title { font-size: 3.5rem; } .page.vyezdy .first.page-center .wrapper { flex-direction: column; align-items: flex-start; } .page.vyezdy .first-center .main-title { text-align: left; font-size: 3.5rem; font-weight: 800; line-height: 4.125rem; /* 117.857% */ } .page.vyezdy .first.first-center .m-desc { color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 1.75rem; font-weight: 400; line-height: 120%; /* 2.1rem */ margin: 25px 0 50px; } .page.vyezdy .first.first-center .action { display: flex; } .page.vyezdy .first.first-center .action .m-button { font-size: 1.125rem; line-height: 1.375rem; /* 122.222% */ height: 61px; } .page.vyezdy .first.first-center .action .first__button { min-width: 408px; } .page.vyezdy .first.first-center .action .m-tube { background: transparent; margin-left: 19px; color: #fad800; } .page.vyezdy .first.first-center .action .m-tube:before { background: url('data:image/svg+xml,') no-repeat left top; } .page.vyezdy .reviews { margin-bottom: 0; } .page.vyezdy .map { display: none; } .section__block_01 { padding: 100px 25px 0; } .section__block_01 .container { width: 100%; } .online .section__block_01 .ttl { color: #000; font-family: 'Montserrat', sans-serif; font-size: 3.125rem; font-weight: 800; line-height: 3.4375rem; text-transform: uppercase; margin-bottom: 1.33rem; } .online .section__block_01 .ttl span { display: inline-block; color: #fad800; } .online .section__block_01 .sub-ttl { color: #025cb2; font-family: 'Montserrat', sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 1.5rem; /* 100% */ text-transform: uppercase; margin-bottom: 1.71rem; } .online .section__block_01 .course__block { border-radius: 40px; background: url(../../static/img/minified-svg/online__block-bg.svg) no-repeat right -25px, radial-gradient( 120.04% 58.12% at 47.62% 89.52%, rgba(104, 187, 207, 0.3) 0%, rgba(104, 160, 207, 0) 100% ), radial-gradient( 24.17% 76.4% at 86.16% 9.72%, rgba(250, 216, 0, 0.2) 0%, rgba(24, 208, 121, 0) 100% ), #025cb2; box-shadow: 24px 24px 54px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(32px); display: flex; } .online .section__block_01 .course__block .course__block-text { width: 59%; } .online .section__block_01 .course__block .course__block-text .course__block-inner { display: flex; flex-direction: column; justify-content: center; margin-left: 55px; height: 100%; } .online .section__block_01 .course__block .course__block-text .course__block-inner h4 { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 1.5rem; margin-bottom: 32px; } .online .section__block_01 .course__block .course__block-text .course__block-inner p { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 120%; max-width: 580px; } .online .section__block_01 .course__block .course__block-text .course__block-inner ul { margin-top: 25px; padding-left: 35px; } .online .section__block_01 .course__block .course__block-text .course__block-inner ul li { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; line-height: 1.8125rem; list-style: none; position: relative; margin-bottom: 25px; } .online .section__block_01 .course__block .course__block-text .course__block-inner ul li:before { content: ''; position: absolute; top: 7px; left: -35px; width: 14px; height: 16px; background: url('data:image/svg+xml,') no-repeat left top; background-size: contain; } .online .section__block_01 .course__block .course__block-text .course__block-inner .actions { margin-top: 15px; display: flex; align-items: center; justify-content: space-between; } .online .section__block_01 .course__block .course__block-text .course__block-inner .actions .m-button { height: 65px; border-radius: 11px; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-weight: 700; line-height: 1.375rem; text-transform: uppercase; } .online .section__block_01 .course__block .course__block-text .course__block-inner .actions .view { color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 1.0625rem; font-weight: 500; line-height: 1.375rem; /* 129.412% */ text-decoration-line: underline; text-transform: uppercase; } .online .section__block_01 .course__block .course__block-text .course__block-inner .actions .view:after { content: ''; width: 23px; height: 23px; margin-left: 5px; background: url('data:image/svg+xml,') no-repeat left top; } .online .section__block_01 .course__block .course__block-image { width: 41%; display: flex; } .online .section__block_01 .course__block .course__block-image img { filter: drop-shadow(10px 4px 44px rgba(0, 0, 0, 0.25)); } .online .course__blocks { display: flex; margin: 65px -30px 0 -30px; } .online .course__blocks .item { width: 33.333%; padding: 0 30px; } .online .course__blocks .item .inner { border-radius: 40px; box-shadow: 10px 10px 34px 0px rgba(0, 0, 0, 0.25); position: relative; padding-top: 42px; padding-bottom: 27px; } .online .course__blocks .item .label { position: absolute; left: -15px; top: -5px; border-radius: 40px; background: #fad800; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-weight: 600; line-height: 1.375rem; /* 122.222% */ letter-spacing: 0.0225rem; transform: rotate(-11.4deg); padding: 4px 13px; } .online .course__blocks .item .inner.white { background: #fff; } .online .course__blocks .item .inner.blue { background: #025cb2; } .online .course__blocks .item .inner h4 { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.75rem; font-weight: 700; line-height: 2.125rem; padding-left: 25px; margin-bottom: 20px; } .online .course__blocks .item .inner.blue h4 { color: #fff; } .online .course__blocks .item .inner .element { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(0, 0, 0, 0.1); height: 86px; padding: 0 23px 0 25px; } .online .course__blocks .item .inner.blue .element { border-top: 1px solid rgba(255, 255, 255, 0.2); } .online .course__blocks .item .inner .element .element_name { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 145%; } .online .course__blocks .item .inner .element .element_price { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.875rem; font-weight: 700; line-height: 1.8125rem; } .online .course__blocks .item .inner.blue .element_name, .online .course__blocks .item .inner.blue .element_price { color: #fff; } .online .course__blocks .item .inner .element.vip { background: rgba(255, 255, 255, 0.12); box-shadow: 0px 7px 34px 0px rgba(0, 0, 0, 0.08); } .online .course__blocks .item .inner .element.vip .element_name { font-weight: 700; display: flex; } .online .course__blocks .item .inner .element.vip .element_name:before { content: ''; width: 26px; height: 26px; margin-right: 8px; background: url('../../static/img/content/icon-star.png') no-repeat center; background-size: contain; } .online .course__blocks .item .inner.white .element.vip .element_name, .online .course__blocks .item .inner.white .element.vip .element_price { color: #025cb2; } .online .course__blocks .item .inner.blue .element.vip .element_name, .online .course__blocks .item .inner.blue .element.vip .element_price { color: #fad800; } .online .section__block_02 { padding: 55px 0 80px; background: radial-gradient( 22.41% 55.6% at 81.69% 32.98%, rgba(153, 205, 255, 0.35) 0%, rgba(171, 214, 255, 0) 100% ), radial-gradient( 48.91% 51.27% at 3.46% 21.54%, rgba(250, 216, 0, 0.15) 0%, rgba(250, 216, 0, 0) 100% ), #025cb2; } .online .section__block_02 .wrapper { padding: 0 25px; } .online .section__block_02 .container { width: 100%; } .online .section__block_02 .ttl { color: #fff; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 50px; font-weight: 800; line-height: 110%; text-transform: uppercase; margin-bottom: 1.33rem; } .online .section__block_02 .ttl span { display: inline-block; border-radius: 50px; background: #fad800; color: #000; transform: rotate(5.634deg); padding: 3px 15px; } .online .section__block_02 .sub-ttl { color: #fff; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 400; line-height: 28px; margin-bottom: 1.71rem; } .online .tarif__blocks { display: flex; margin: 65px -30px 0 -30px; } .online .tarif__blocks .item { width: 33.333%; padding: 0 30px; } .online .tarif__blocks .item .inner { border-radius: 40px; position: relative; margin-top: 22px; padding: 30px 20px 22px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .online .tarif__blocks .item .inner.white { background: #fff; } .online .tarif__blocks .item .inner.yellow { background: #fad800; } .online .tarif__blocks .item .inner h4 { color: #025cb2; font-family: 'Montserrat', sans-serif; font-size: 1.875rem; font-weight: 700; line-height: 2.125rem; margin-bottom: 21px; } .online .tarif__blocks .item .inner .rti { position: absolute; right: -20px; top: -20px; filter: drop-shadow(10px 14px 34px rgba(0, 0, 0, 0.15)); } .online .tarif__blocks .item .inner .element { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 0; } .online .tarif__blocks .item .inner .element:last-child { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .online .tarif__blocks .item .inner .element .element_name { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.4375rem; width: calc(100% - 32px); } .online .tarif__blocks .item .inner .element.plus:before { content: ''; width: 21px; height: 22px; margin-right: 11px; background: url('data:image/svg+xml,') no-repeat center; background-size: contain; } .online .tarif__blocks .item .inner.yellow .element.plus:before { background: url('data:image/svg+xml,') no-repeat center; } .online .tarif__blocks .item .inner .element.minus:before { content: ''; width: 21px; height: 4px; margin-right: 11px; background: url('data:image/svg+xml,') no-repeat center; background-size: contain; } .online .tarif__blocks .item .inner .element.minus .element_name { color: rgba(0, 0, 0, 0.2); } .online .tarif__blocks .item .inner .price-block { display: flex; align-items: center; justify-content: space-between; /*margin-top: 15px;*/ } .online .tarif__blocks .item .inner .price-block .old-price { color: rgba(0, 0, 0, 0.2); font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 700; line-height: 145%; text-decoration: line-through; } .online .tarif__blocks .item .inner .price-block .new-price { color: #025cb2; font-family: 'Montserrat', sans-serif; font-size: 2.375rem; font-weight: 700; line-height: auto; } .online .tarif__blocks .item .inner .m-button { height: 65px; border-radius: 11px; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 700; line-height: 1.375rem; text-transform: uppercase; margin-top: 35px; } .online .tarif__blocks .item .inner.yellow .m-button { background: #fff; } .section__block_03 { padding: 50px 25px 0; } .section__block_03 .container { width: 100%; } .online .section__block_03 .ttl { color: #000; font-family: 'Montserrat', sans-serif; font-size: 3.125rem; font-weight: 800; line-height: 120%; text-transform: uppercase; margin-bottom: 2.74rem; } .online .section__block_03 .ttl span { display: inline-block; color: #fad800; } .online .section__block_03 .course__block { border-radius: 40px; background: radial-gradient( 120.04% 58.12% at 47.62% 89.52%, rgba(104, 187, 207, 0.3) 0%, rgba(104, 160, 207, 0) 100% ), radial-gradient( 24.17% 76.4% at 86.16% 9.72%, rgba(250, 216, 0, 0.2) 0%, rgba(24, 208, 121, 0) 100% ), #025cb2; box-shadow: 24px 24px 54px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(32px); padding: 39px 38px 38px 57px; } .online .section__block_03 .course__block .course__block-inner { display: flex; } .online .section__block_03 .course__block .course__block-inner .course__block-text { width: 35%; } .online .section__block_03 .course__block .course__block-inner .course__block-text .sub-ttl { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.875rem; font-weight: 700; line-height: 120%; } .online .section__block_03 .course__block .course__block-inner .course__block-list { width: 65%; padding-left: 35px; } .online .section__block_03 .course__block .course__block-inner .course__block-list ul { padding-left: 25px; } .online .section__block_03 .course__block .course__block-inner .course__block-list ul li { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; line-height: 120%; list-style: none; position: relative; margin-bottom: 20px; } .online .section__block_03 .course__block .course__block-inner .course__block-list ul li:before { content: ''; position: absolute; top: 4px; left: -25px; width: 14px; height: 16px; background: url('data:image/svg+xml,') no-repeat left top; background-size: contain; } .online .section__block_03 .benefit__blocks { display: flex; margin: 46px -30px 0 -30px; } .online .section__block_03 .benefit__blocks .item { width: 33.333%; padding: 0 30px; } .online .section__block_03 .item .inner { border-radius: 40px; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 24px 24px 54px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(32px); position: relative; padding-top: 19px; padding-bottom: 28px; display: flex; flex-direction: column; align-items: center; text-align: center; margin: 2px; } .online .section__block_03 .item .inner:hover { border: 3px solid #fad800; margin: 0px; cursor: pointer; } .online .benefit__blocks .item .inner h4 { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; margin-top: 18px; margin-bottom: 0; } .online .benefit__blocks .item .inner .benefit-desc { color: rgba(255, 255, 255, 0.3); font-family: 'Montserrat', sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.5rem; text-transform: uppercase; } .online .benefit__blocks .item .inner .benefit-price { margin-top: 15px; color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 1.875rem; font-weight: 700; } .online .benefit__blocks .item .inner .m-button { height: 61px; border-radius: 11px; color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 700; line-height: 1.375rem; text-transform: uppercase; margin-top: 25px; max-width: 220px; background: transparent; } .online .benefit__blocks .item .inner .m-button:hover { color: #000; background: #fad800; } .online .section__block_03 .benefit__notice { display: flex; align-items: center; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 400; line-height: 125%; margin-top: 35px; width: calc(100% - 52px); } .online .section__block_03 .benefit__notice:before { content: ''; display: block; width: 33px; height: 33px; margin-right: 19px; background: url('data:image/svg+xml,') no-repeat center; background-size: contain; } .section__block_04 { padding: 50px 25px 0; } .section__block_04 .container { width: 100%; } .online .section__block_04 .ttl { color: #000; font-family: 'Montserrat', sans-serif; font-size: 3.125rem; font-weight: 800; line-height: 120%; text-transform: uppercase; margin-bottom: 20px; } .online .section__block_04 .ttl span { display: inline-block; color: #fad800; } .online .section__block_04 .sub-ttl { color: #000; font-size: 1.5rem; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 1.75rem; margin-bottom: 25px; max-width: 865px; } .online .section__block_04 .course__block { border-radius: 40px; background: radial-gradient( 120.04% 58.12% at 47.62% 89.52%, rgba(104, 187, 207, 0.3) 0%, rgba(104, 160, 207, 0) 100% ), radial-gradient( 24.17% 76.4% at 86.16% 9.72%, rgba(250, 216, 0, 0.2) 0%, rgba(24, 208, 121, 0) 100% ), #025cb2; box-shadow: 24px 24px 54px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(32px); padding: 44px 70px 41px 45px; } .online .section__block_04 .course__block .course__block-inner { display: flex; } .online .section__block_04 .course__block .course__block-inner .course__block-text { width: 35%; } .online .section__block_04 .course__block .course__block-inner .course__block-text .sub-ttl { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.875rem; font-weight: 700; line-height: 120%; margin-bottom: 30px; } .online .section__block_04 .course__block .course__block-inner .course__block-text .sub-text { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 120%; } .online .section__block_04 .course__block .course__block-inner .course__block-list { width: 65%; padding-left: 35px; } .online .section__block_04 .course__block .course__block-inner .course__block-list ul { padding-left: 25px; } .online .section__block_04 .course__block .course__block-inner .course__block-list ul li { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; line-height: 120%; list-style: none; position: relative; margin-bottom: 25px; } .online .section__block_04 .course__block .course__block-inner .course__block-list ul li:before { content: ''; position: absolute; top: 4px; left: -25px; width: 14px; height: 16px; background: url('data:image/svg+xml,') no-repeat left top; background-size: contain; } .online .section__block_04 .course__block .actions { margin-top: 35px; display: flex; align-items: center; } .online .section__block_04 .course__block .actions .m-button { height: 61px; border-radius: 11px; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 700; line-height: 1.375rem; text-transform: uppercase; } .online .section__block_04 .course__block .actions .view { color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 1.0625rem; font-weight: 500; line-height: 1.375rem; /* 129.412% */ text-decoration-line: underline; text-transform: uppercase; margin-left: 55px; } .online .section__block_04 .course__block .actions .view:after { content: ''; width: 23px; height: 23px; margin-left: 5px; background: url('data:image/svg+xml,') no-repeat left top; } .online .section__block_04 .program__blocks { display: flex; margin: 86px -20px 0 -20px; flex-wrap: wrap; } .online .section__block_04 .program__blocks .item { width: 50%; padding: 0 20px; margin-bottom: 35px; position: relative; } .online .section__block_04 .program__blocks .item .program__blocks-label { position: absolute; top: -25px; border-radius: 40px; background: #fad800 url('../../static/img/content/icon-star.png') no-repeat 13px center / 21px; padding: 8px 22px 5px 42px; z-index: 3; } .online .section__block_04 .program__blocks .item .program__blocks-label h5 { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; font-weight: 700; line-height: 122.222%; } .online .section__block_04 .program__blocks .item .program__blocks-label p { color: rgba(0, 0, 0, 0.5); font-family: 'Montserrat', sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 150%; } .online .section__block_04 .program__blocks .item .inner { border-radius: 40px; position: relative; height: 100%; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; } .online .section__block_04 .program__blocks .item .inner.white { background: #fff; } .online .section__block_04 .program__blocks .item .inner.blue { background: #dbeaf7; } .online .section__block_04 .program__blocks .item .inner .program__blocks-text { padding: 40px 50px 50px 35px; } .online .section__block_04 .program__blocks .item .inner .program__blocks-text h4 { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.75rem; font-weight: 700; line-height: 127%; text-transform: uppercase; margin-bottom: 24px; } .online .section__block_04 .program__blocks .item .inner .program__blocks-text ul { padding-left: 25px; } .online .section__block_04 .program__blocks .item .inner .program__blocks-text ul li { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.125rem; line-height: 133%; list-style: none; position: relative; margin-bottom: 17px; } .online .section__block_04 .program__blocks .item .inner .program__blocks-text ul li:before { content: ''; position: absolute; top: 4px; left: -25px; width: 15px; height: 17px; background: url('data:image/svg+xml,') no-repeat left top; background-size: contain; } .online .section__block_04 .program__blocks .item .inner .program__blocks-price { display: flex; justify-content: space-between; } .online .section__block_04 .program__blocks .item .inner .program__blocks-price .unit-brd { width: 1px; background: rgba(0, 0, 0, 0.2); } .online .section__block_04 .program__blocks .item .inner .program__blocks-price .unit .lbl { color: rgba(0, 0, 0, 0.4); font-family: 'Montserrat', sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.8125rem; } .online .section__block_04 .program__blocks .item .inner .program__blocks-price .unit .cost { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.875rem; font-weight: 700; } .online .section__block_04 .program__blocks .item .inner .program__blocks-price .unit.bl .lbl { color: rgba(2, 92, 178, 0.4); } .online .section__block_04 .program__blocks .item .inner .program__blocks-price .unit.bl .cost { color: #025cb2; } .online .section__block_04 .program__blocks .item .inner .program__blocks-image { position: relative; } .online .section__block_04 .program__blocks .item .inner .program__blocks-image .program__blocks-image-notice { position: absolute; bottom: 0; background: #025cb2; padding: 15px 25px; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 700; line-height: 1.5rem; width: 100%; } .online .section__block_metodichka { padding: 45px 0 55px; background: radial-gradient( 22.41% 55.6% at 81.69% 32.98%, rgba(153, 205, 255, 0.35) 0%, rgba(171, 214, 255, 0) 100% ), radial-gradient( 48.91% 51.27% at 3.46% 21.54%, rgba(250, 216, 0, 0.15) 0%, rgba(250, 216, 0, 0) 100% ), #025cb2; position: relative; } .online .section__block_metodichka .wrapper { padding: 0 25px; } .online .section__block_metodichka .container { width: 100%; } .online .section__block_metodichka .text-block { width: 54%; } .online .section__block_metodichka .text-block .ttl { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 3.125rem; font-weight: 700; line-height: 120%; text-transform: uppercase; margin-bottom: 25px; position: relative; } .online .section__block_metodichka .text-block .ttl:after { content: ''; position: absolute; width: 181px; height: 47px; background: url('data:image/svg+xml,') no-repeat center; background-size: contain; top: -20px; right: -135px; } .online .section__block_metodichka .text-block ul { padding-left: 38px; } .online .section__block_metodichka .text-block ul li { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 1.5rem; list-style: none; position: relative; margin-bottom: 25px; } .online .section__block_metodichka .text-block ul li:before { content: ''; position: absolute; top: 4px; left: -38px; width: 26px; height: 26px; background: url('data:image/svg+xml,') no-repeat center; background-size: contain; } .online .section__block_metodichka .actions { display: flex; justify-content: center; } .online .section__block_metodichka .actions .view { color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 1.0625rem; font-weight: 500; line-height: 1.375rem; /* 129.412% */ text-decoration-line: underline; text-transform: uppercase; } .online .section__block_metodichka .actions .view:after { content: ''; width: 23px; height: 16px; margin-left: 5px; margin-top: 3px; background: url('data:image/svg+xml,') no-repeat center; } .online .section__block_metodichka .abs { position: absolute; z-index: 2; top: 0; left: 50%; } .section__block_05 { padding: 50px 25px 0; background: url('../../static/img/content/online_section-bg.png') no-repeat 105% top / 530px; } .section.section__block_05 { margin-bottom: 0 !important; } .section__block_05 .container { max-width: 735px; } .online .section__block_05 .sup-ttl { display: inline-block; color: #025cb2; font-family: 'Montserrat', sans-serif; font-size: 1.5rem; font-weight: 400; line-height: 1.75rem; border-radius: 60px; border: 2px solid #025cb2; padding: 7px 21px; margin-bottom: 20px; } .online .section__block_05 .ttl { color: #000; font-family: 'Montserrat', sans-serif; font-size: 3.125rem; font-weight: 800; line-height: 120%; text-transform: uppercase; margin-bottom: 2.74rem; } .online .section__block_05 .ttl span { display: inline-block; color: #fad800; } .online .section__block_05 .section__block_05-text { margin-bottom: 50px; } .online .section__block_05 .section__block_05-text p { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 120%; margin-bottom: 22px; } .online .standart.form { display: flex; align-items: center; margin-top: 0; padding: 34px 90px 40px 50px; } .online .standart.form .form-list { width: 47%; } .online .standart.form .form-list ul { padding-left: 35px; } .online .standart.form .form-list ul li { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 400; line-height: 130%; list-style: none; position: relative; margin-bottom: 40px; } .online .standart.form .form-list ul li:last-child { margin-bottom: 0; } .online .standart.form .form-list ul li:before { content: ''; position: absolute; top: 4px; left: -35px; width: 15px; height: 17px; background: url('data:image/svg+xml,') no-repeat center; background-size: contain; } .online .standart.form form { width: 53%; padding: 0 0 0 165px; } .online .standart.form .inner { flex-wrap: wrap; margin-top: 0; } .online .standart.form .inner .input-group { margin-right: 0; } .online .standart.form .m-field { margin-bottom: 25px; } .online .standart.form .action { display: flex; align-items: center; justify-content: space-between; width: 100%; } .online .standart.form .action span { color: #fad800; font-family: 'Montserrat', sans-serif; font-size: 2.5rem; font-weight: 700; } .online .standart.form .m-button { width: 220px; } .online .standart.form .privacy-agree { margin-top: 20px; } .online .standart.form .privacy-agree label { display: inline-flex; } .price { margin-top: 20px; } .price .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 475px) { .price .wrapper { padding: 0; } } .price .m-title { margin-bottom: 10px; } .price .wrapper-2:before { display: none; } .price .form { margin-top: 0; } .price .form .m-title { margin-bottom: 0; } .price__content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 20px; margin-bottom: 20px; justify-content: space-evenly; } @media screen and (max-width: 425px) { .price__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .price__top { width: 100%; } .price__column { width: 32%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 1320px) { .price__column { width: 100%; max-width: 100%; } } @media screen and (max-width: 425px) { .price__column { width: 100%; } } .price__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; -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; border-radius: 10px; background-color: white; -webkit-box-shadow: 0px 2px 18px 0px rgba(137, 129, 229, 0.19); box-shadow: 0px 2px 18px 0px rgba(137, 129, 229, 0.19); padding-top: 35px; max-width: 100%; text-align: center; position: relative; margin-bottom: 55px; margin-right: 15px; width: 100%; } @media screen and (max-width: 425px) { .price__item { margin-right: 0; } } .price__title { font-size: 20px; font-weight: bold; color: #025cb2; line-height: 1.2; } .price__desc { font-size: 24px; color: #fad800; font-weight: bold; line-height: 1.2; margin-bottom: 33px; } .price__table-container { max-width: 100%; overflow-x: scroll; overflow-x: auto; } .price__table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 25px; min-width: 380px; width: 100%; background-color: #fff; } @media screen and (max-width: 425px) { .price__table { width: 100vw; min-width: unset; } } .price__table td { padding: 25px 0; font-size: 14px; width: 70px; color: #025cb2; line-height: 1.2; font-weight: bold; white-space: nowrap; max-width: 100%; min-width: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 425px) { .price__table td { max-width: 60px; width: 60px; padding-right: 0 !important; padding-left: 0 !important; } } .price__table tr { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px; } @media screen and (max-width: 425px) { .price__table tr { display: flex; } } .price__table tr:nth-child(odd) { background-color: #eef7ff; } .price__table tr:first-child { background-color: #fff; border-top: 2px solid #e2e6f7; border-bottom: 2px solid #e2e6f7; } .price__table tr:first-child td { padding-top: 15px; padding-bottom: 15px; line-height: 1.2; font-weight: 400; font-size: 14px; color: gray; line-height: 1.2; } .price__caption-button { margin-top: 30px; margin-bottom: 55px; max-width: 270px; width: 100%; cursor: pointer; min-height: 55px; } .price__button { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); border-radius: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-width: 3px; border-color: #fad800; border-style: solid; background-color: white; width: 54px; -webkit-transition: 0.3s; transition: 0.3s; 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; height: 54px; cursor: pointer; } .price__button img { -webkit-transition: -webkit-transform ease-in-out 0.3s; transition: -webkit-transform ease-in-out 0.3s; transition: transform ease-in-out 0.3s; transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .price__button:hover img { -webkit-transform: rotate(540deg); transform: rotate(540deg); } .price__button-img { 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: 44px; height: 44px; border: 2px solid #fad800; border-radius: 50%; } .price__caption { font-size: 14px; color: gray; width: 100%; max-height: 0; 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-transition: 0.7s; transition: 0.7s; padding: 0 40px; } .price__caption.visible { max-height: 350px; } .price__item.visible .price__button-img img { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .html .price__column { width: 48%; } @media screen and (max-width: 767px) { .html .price__column { width: 100%; } .html .price__column .price__item { margin-right: 0; } } .lesson { padding-top: 45px; padding-bottom: 25px; } .lesson .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 1000px) { .lesson .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 768px) { .lesson__right { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .lesson__img-cont, .gladskiy__img-cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } .lesson__img-cont img { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; height: auto; } .lesson .html h2 { margin-bottom: 10px; } .lesson .html p { margin-top: 20px; line-height: 30px; margin-bottom: 10px; } .lesson__left { margin-right: 65px; margin-top: 20px; max-width: 830px; } @media screen and (max-width: 768px) { .lesson__left { margin-right: 0; max-width: 100%; } } .programm { padding-top: 55px; } .programm__content { display: -webkit-box; display: -ms-flexbox; display: flex; border-width: 2px; border-color: #d7e6f4; border-style: solid; border-radius: 12px; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .programm__left { padding: 40px; } .programm__right { min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 30px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .programm__right img { max-height: 100%; } .programm .m-desc { line-height: 30px; } .programm__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .programm__list a { padding: 10px 0; max-width: 340px; width: 100%; position: relative; font-size: 18px; color: #025cb2; text-decoration: underline; margin-left: 25px; } .programm__list a:hover { text-decoration: none; } .programm__list a:before { content: ''; position: absolute; top: 17px; left: -25px; width: 10px; height: 10px; background-color: #025cb2; border-radius: 30px; } .programm__button { margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 270px; } .programm__button svg { fill: #fff; -ms-flex-item-align: center; align-self: center; margin-left: 15px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .reviews { margin-top: 10px; margin-bottom: 90px; } /*.reviews .wrapper { 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: start; -ms-flex-pack: start; justify-content: flex-start; }*/ .reviews__wrapper { padding-top: 0; padding-bottom: 0; } .reviews .m-title { margin-bottom: 35px; color: #000; font-family: 'Montserrat', sans-serif; font-size: 4.25rem; font-weight: 700; line-height: 107%; /* 4.5475rem */ text-transform: uppercase; } .reviews .m-page-title { margin-bottom: 30px; color: #000; font-family: 'Montserrat', sans-serif; font-size: 3.375rem; font-weight: 700; line-height: 111%; /* 3.74625rem */ text-transform: uppercase; } .reviews .swiper-slide-vid { 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; } .reviews__container { padding-top: 90px; margin-top: -90px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; z-index: 0; position: relative; } @media screen and (max-width: 425px) { .reviews__container { margin-top: -40px; } } /*.reviews .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }*/ .reviews__wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .reviews .lg { z-index: 100000000000; } .reviews__slide { background-color: white; -webkit-box-sizing: border-box; box-sizing: border-box; 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; position: relative; overflow: hidden; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 40px; height: 600px; } .reviews__slide:hover { -webkit-box-shadow: inset 0px -240px 159px -56px #025cb2; box-shadow: inset 0px -140px 159px -56px #025cb2; } .staff__video { position: absolute; right: 0; bottom: 0; } .reviews__slide:hover .about__button, .staff__video:hover .about__button, .gladskiy__video:hover .about__button, .how__video:hover .about__button { -webkit-box-shadow: 0px 5px 17.1px 0.9px rgba(231, 229, 249, 0.004); box-shadow: 0px 5px 17.1px 0.9px rgba(231, 229, 249, 0.004); -webkit-transform: scale(1.1); transform: scale(1.1); background-color: #ffc62b; } .reviews__slide img { position: absolute; display: none; } .reviews .about__button, .staff__video .about__button, .gladskiy__video .about__button, .how__video .about__button { margin-top: 0; width: 107px; height: 107px; background: #fad800 url('data:image/svg+xml,') no-repeat 50% 50% / 100px; } .gladskiy__video .about__button { width: 210px; height: 210px; background-size: 200px; } .how__video .about__button { width: 144px; height: 144px; background-size: 137px; } .reviews__link-cont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: 35px; } .reviews__link-cont:hover svg { -webkit-transform: rotate(180deg) translate(-10px); transform: rotate(180deg) translate(-10px); } .reviews__link-cont:hover a:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .reviews__link-cont a { font-size: 18px; color: #fad800; -webkit-transition: 0.3s; transition: 0.3s; font-weight: bold; position: relative; } .reviews__link-cont a:before { content: ''; position: absolute; bottom: -3px; left: 0; right: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: 0.3s; transition: 0.3s; width: 100%; background-color: #ffc62b; height: 2px; -webkit-transform: scaleX(0); transform: scaleX(0); } .reviews__link-cont svg { fill: #fad800; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-left: 15px; -webkit-transition: 0.3s; transition: 0.3s; } .reviews__link-cont-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: 30px; margin-bottom: 20px; } .reviews__link-cont-2:hover svg { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .reviews__link-cont-2:hover a:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .reviews__link-cont-2 a { font-size: 18px; color: #fad800; -webkit-transition: 0.3s; transition: 0.3s; font-weight: bold; position: relative; } .reviews__link-cont-2 a:before { content: ''; position: absolute; bottom: -3px; left: 0; right: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: 0.3s; transition: 0.3s; width: 100%; background-color: #ffc62b; height: 2px; -webkit-transform: scaleX(0); transform: scaleX(0); } .reviews__link-cont-2 svg { fill: #fad800; -webkit-transform: rotate(0); transform: rotate(0); margin-left: 15px; -webkit-transition: 0.3s; transition: 0.3s; } .reviews__link-cont-2.active svg { fill: #fad800; -webkit-transform: rotate(540deg); transform: rotate(540deg); margin-left: 15px; -webkit-transition: 0.3s; transition: 0.3s; } .reviews__link-cont-2.active:hover svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .reviews__link-cont-2.active:hover a:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .reviews__button { top: 32px; z-index: 1000000000000000; background-image: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; -webkit-transition: 0.3s; transition: 0.3s; width: 48px; height: 48px; z-index: 1000; -webkit-box-shadow: 0px 0px 17.1px 0.9px #efeefb; box-shadow: 0px 0px 17.1px 0.9px #efeefb; border-radius: 10px; } .reviews__button svg { fill: #fad800; } .reviews__button:hover { background-color: #fad800; -webkit-box-shadow: 0px 0px 17.1px 0.9px #efeefb; box-shadow: 0px 0px 17.1px 0.9px #efeefb; } .reviews__button:hover svg { fill: #fff; } .reviews .swiper-button-next { right: 10px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .reviews .swiper-button-prev { right: 65px; } .reviews__items { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } .reviews__item { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 40px; padding-top: 45px; margin-bottom: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; min-height: 355px; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 30px; cursor: pointer; } .reviews__item-min { width: 65%; } .reviews__item-big { width: 32%; } .reviews__item:hover { background-color: #025cb2; } .reviews__item:hover .reviews__item-content { color: white; } .reviews__item:hover .reviews__item-name { color: white; } .reviews__item:hover .date { color: white; } .reviews__item .date { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0 !important; margin-top: auto !important; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reviews__item-content { font-size: 18px; color: gray; font-style: italic; -webkit-transition: 0.3s; transition: 0.3s; margin-top: 20px; } .reviews__item-name { font-size: 18px; color: #15489e; font-weight: bold; margin-top: 30px; -webkit-transition: 0.3s; transition: 0.3s; margin-bottom: 25px; } .rate { background: url('../../static/img/content/rate-bg.jpg') no-repeat center center; background-size: cover; font-family: proxima; padding: 35px 0; margin-bottom: 30px; } .rate .wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media screen and (max-width: 1024px) { .rate .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .rate__caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: white; } .rate__title { font-size: 30px; color: white; font-weight: bold; line-height: 1.2; } .rate__desc { font-size: 20px; color: white; line-height: 1.2; margin-top: 11px; } .rate__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 1024px) { .rate__list { margin-top: 20px; margin-bottom: 20px; } } @media screen and (max-width: 425px) { .rate__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .rate__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-right: 2px solid #2873ba; padding-left: 40px; padding-right: 40px; } .rate__item:last-child { border: none; } @media screen and (max-width: 1024px) { .rate__item { padding-left: 20px; padding-right: 20px; margin-bottom: 20px; } .rate__item:first-child { padding-left: 0; } } @media screen and (max-width: 425px) { .rate__item { border-bottom: 1px solid #2873ba; border-right: none; padding-left: 0; padding-right: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .rate__top { font-size: 14px; font-weight: 500; color: #57a3eb; text-transform: uppercase; } .rate__bottom { font-size: 20px; color: #fad800; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; } @media screen and (max-width: 425px) { .rate__bottom { margin-top: 0; margin-left: 10px; } } .rate__bottom span { margin-right: 15px; font-size: 18px; color: white; text-decoration: line-through; line-height: 1.2; } .rate__button a { width: 270px; } @media screen and (max-width: 1400px) { .rate__button a { width: 200px; } } @media screen and (max-width: 375px) { .rate__button { width: 100%; } .rate__button a { width: 100%; } } .services { padding-top: 0px; padding-bottom: 70px; } @media screen and (max-width: 768px) { .services { padding-top: 30px; padding-bottom: 30px; } } .services .swiper-container { margin-top: 0 !important; padding-top: 70px; } .services .swiper-button-next, .services .swiper-button-prev { margin-top: 0; top: 0px; } .services .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .services .swiper-slide { background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; position: relative; background-size: cover; background-repeat: no-repeat; } .services .swiper-slide img { display: none; } .services .swiper-slide:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-gradient( linear, left bottom, left top, from(#025cb2), to(transparent) ); background-image: -webkit-linear-gradient( bottom, #025cb2 0%, transparent 100% ); background-image: linear-gradient(to top, #025cb2 0%, transparent 100%); background-repeat: no-repeat; background-position: 0 0; -webkit-transition: 0.3s; transition: 0.3s; } .services .swiper-slide:hover:before { background-position: 0 60px; } .services .direction__tabs-title { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; margin-bottom: 35px; margin-left: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 35px; } .services .direction__tabs-title:hover { text-decoration: none; } .services .direction__tabs-title:active { opacity: 1; } .train { width: 100%; overflow: hidden; } .train .wrapper { padding-top: 50px; padding-bottom: 20px; position: relative; padding-top: 0; padding-bottom: 0; overflow: hidden; } .train .m-title { margin-bottom: 35px; } .train__slider-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; overflow: hidden; } @media screen and (max-width: 768px) { .train__slider-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .train__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; z-index: 0; overflow: hidden; width: 80%; } @media screen and (max-width: 768px) { .train__container { width: 100%; } } .train .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .train__wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1200px) { .train__wrapper { width: 760px; } } @media screen and (max-width: 1100px) { .train__wrapper { width: 600px; } /* .train__slide { margin-right: 0 !important; } */ } .train__slide { border-radius: 10px; height: 355px; max-width: 33%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; cursor: pointer; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: visible; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .train__slide img { -webkit-transition: 0.3s; transition: 0.3s; } @media screen and (max-width: 1024px) { .train__slide { max-width: 420px; } } @media screen and (max-width: 768px) { .train__slide { max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* position: relative; left: 60%; */ } } .train__caption { min-width: 237px; max-width: 237px; -webkit-transition: 0.3s; transition: 0.3s; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; } @media screen and (max-width: 768px) { .train__caption { padding: 10px 0; max-width: 100%; min-height: unset; } } .train__title { font-size: 18px; color: white; font-weight: bold; text-transform: uppercase; line-height: 1.2; font-size: 18px; color: #025cb2; font-weight: bold; text-transform: uppercase; } .train__desc { font-size: 16px; color: #b1b6d3; line-height: 1.875; } .train .train__button { top: 45px; z-index: 1000000000000000; background-image: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; width: 45px; -webkit-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0px 0px 17.1px 0.9px #efeefb; box-shadow: 0px 0px 17.1px 0.9px #efeefb; height: 45px; border-radius: 50%; z-index: 1000; } .train .train__button svg { fill: #fad800; } .train .train__button:hover { background-color: #fad800; } .train .train__button:hover svg { fill: #fff; } .train__right { max-width: 240px; margin-left: 30px; } .train__content { font-size: 16px; color: gray; } .train .swiper-button-next { right: 10px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .train .swiper-button-prev { right: 65px; } .train .swiper-slide img { -webkit-transform: scale(0.9) translateY(20px); transform: scale(0.9) translateY(20px); } .train .swiper-slide-active img { -webkit-filter: blur(0px); filter: blur(0px); -webkit-transform: scale(1.1); transform: scale(1.1); } .train__main-content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 53%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .train__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .video { margin-bottom: 40px; margin-top: 40px; } .video .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .video__block { width: 100%; height: 513px; position: relative; border-radius: 10px; overflow: hidden; margin-top: 15px; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 10px; } .video__block img { display: none; } @media screen and (max-width: 1024px) { .video__block { height: 350px; } } @media screen and (max-width: 768px) { .video__block { height: 250px; } } .video__block:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: 0.3s; transition: 0.3s; background-color: #025db283; } .video__block:hover { border-radius: 30px; } .video__block:hover:before { background-color: #025db273; } .video__block:hover .video__button { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } .video__block img { top: 0; left: 0; position: absolute; z-index: -1; } .video__block-content { background-color: #025cb204; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 9; } .video__block-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .video .lg-thumb-item:not(:first-child) { display: none; } .video__button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-box-shadow: 0px 5px 17.1px 0.9px #e7e5f9; box-shadow: 0px 5px 17.1px 0.9px #e7e5f9; cursor: pointer; margin-top: 0; z-index: 101; } @media screen and (max-width: 820px) { .direction__tab:hover { -webkit-box-shadow: inset 0 -200px 159px -56px #025cb2; box-shadow: inset 0 -200px 159px -56px #025cb2; } .direction__tab:hover .m-desc { height: 0; opacity: 0; margin-top: 0; } } /* тренеры */ .container { max-width: 1200px; /*margin: 0 auto;*/ margin: 0 -25px; } .section { margin-bottom: 50px; } .section.standart { margin-top: 50px; } .section.standart h2 { color: #000; font-family: 'Montserrat', sans-serif; font-size: 5rem; font-weight: 700; line-height: 106%; /* 5.3rem */ text-transform: uppercase; margin-bottom: 25px; } .section.standart h3 { color: #000; font-family: 'Montserrat', sans-serif; font-size: 3.375rem; font-weight: 700; line-height: 107%; /* 3.61125rem */ text-transform: uppercase; margin-bottom: 30px; } @media screen and (max-width: 1300px) { .container { padding-left: 25px; padding-right: 25px; } } /*.section .container { margin-left: -25px; margin-right: -25px; }*/ .title__box { padding-top: 55px; padding-bottom: 50px; } @media screen and (max-width: 768px) { .title__box { padding-bottom: 40px; } } .title--section { font-size: 30px !important; font-weight: bold !important; color: #005ab1 !important; } @media screen and (max-width: 768px) { .title--section { font-size: 24px !important; } } .title--name { font-size: 25px; font-weight: bold; color: #fad800; } .title--position { font-size: 23px; } .text--description { font-weight: lighter; font-size: 14px; } .text--subtitle { font-size: 23px; color: #6a6a6a; } .text--modal { font-size: 20px; font-weight: lighter; text-align: left; padding-bottom: 25px; } /*.link--more { font-weight: bold; font-size: 20px; color: #818181; text-decoration: underline; width: fit-content; width: -webkit-fit-content; width: -moz-fit-content; margin: 0 auto; cursor: pointer } .link--more:hover { color: #818181; }*/ .button-modal { background: #fad800; /* border-radius: 33px; */ border-radius: 100px; color: #ffffff; font-size: 20px; font-weight: bold; /* width: 256px; */ width: 270px; max-width: 370px; /* height: 67px; */ height: 57px; -webkit-box-shadow: 0px 0px 24px 0px #fad800; box-shadow: 0px 0px 24px 0px #fad800; border: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 35px auto; font-size: 18px; } .button-modal:hover { color: #ffffff; background: #fad800; -webkit-box-shadow: none; box-shadow: none; } .img--staff { border-radius: 25px; margin: 0 auto; width: 100%; } .slider-arrows_staff { position: relative; } .arrow__box { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 3px solid transparent; border-radius: 20px; background: #fad800; width: 70px; height: 70px; top: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .arrow__box:hover { border: 3px solid #fff; background: #fff; } .arrow__box-left { right: 90px; } .arrow__box-right { right: 10px; } .arrow__left { margin: 0 0 0 25px; width: 28px; height: 28px; border-left: 3px solid #fff; border-top: 3px solid #fff; border-right: none; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .arrow__right { margin: 0 13px; width: 28px; height: 28px; border-right: 3px solid #fff; border-top: 3px solid #fff; border-left: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .arrow__box:hover .arrow__left, .arrow__box:hover .arrow__right { border-color: #fad800; } .staff__slider { width: 1200px; margin: 0 auto; } .staff__slider .slick-slide { margin: 15px; height: 755px; } .staff__card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 355px; height: 758px; padding: 12px 0 45px 0; border-radius: 40px; -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.13); -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; } .staff__card .link--more { cursor: pointer; } .staff { padding-bottom: 15px; position: relative; } .staff .slick-list.draggable { padding-bottom: 40px !important; } .staff .slick-list.draggable .slick-track { padding-bottom: 25px; } .staff_arrows { position: absolute; top: 0; right: 0; } .staff__pic { margin-bottom: 25px; padding: 12px 27px; position: relative; } .staff__content { padding: 0px 30px; } .staff__card-bottom { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .staff__card-bottom button.m-button { max-width: 340px; height: 69px; color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.5625rem; font-weight: 700; line-height: 1.375rem; text-transform: uppercase; filter: drop-shadow(11px 16px 34px rgba(24, 208, 121, 0.27)); border-radius: 11px; } .staff__name { margin-bottom: 15px; } .staff__name .title--name { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1.475rem; font-weight: 700; line-height: 1.375rem; /* 88% */ text-transform: uppercase; } .staff__experience { margin-bottom: 25px; display: flex; } .staff__experience .text--experience, .staff__experience .label--experience { font-family: 'Montserrat', sans-serif; font-size: 1.075rem; font-weight: 400; line-height: 1.375rem; /* 122.222% */ text-transform: none; } .staff__content .staff__position, .staff__description-modal, .staff__experience-modal, .staff__description { display: none; } .staff__position--modal { margin-bottom: 10px; } .staff__description-short { color: #000; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.1875rem; /* 118.75% */ } .staff__description-short .short-item { display: flex; flex-wrap: nowrap; margin-bottom: 20px; } .staff__description-short .short-item:last-child { margin-bottom: 0; } .staff__description-short .short-item .icon-badge { margin-right: 12px; } .staff__description-short .short-item .icon-badge img { max-width: 33px; } .modal__screen { display: none; width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)) ); background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); -webkit-animation-name: modalopen; animation-name: modalopen; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; z-index: 11; } .modal__screen-main { display: none; width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)) ); background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)); -webkit-animation-name: modalopen; animation-name: modalopen; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; z-index: 11; } .modal__more { position: relative; width: 982px; /* height: 600px; */ background: #ffffff; margin: 5% auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 30px; padding: 50px 80px; -webkit-box-sizing: border-box; box-sizing: border-box; } .modal__screen-main .modal__more { height: unset; } .modal__more .button-modal { margin: 0 auto; } .modal__more .staff__description { margin-bottom: 0; } .modal__more .button_modal { margin-top: auto; } .modal__close { position: absolute; right: -45px; top: -30px; font-size: 43px; line-height: 0.5; color: #ffffff; cursor: pointer; } .modal__close:hover { color: #fad800; } .modal__top { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } .modal__pic { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); border-radius: 25px; margin-right: 45px; } .modal__line { border: 1px solid #fad800; width: 100px; margin-bottom: 15px; } .modal__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: left; } @media screen and (max-width: 1200px) { .staff__slider { width: 100%; } } @media screen and (max-width: 1115px) { /* .staff__slider { width: 100%; } */ .slick-initialized .slick-slide { width: 355px; /* opacity: 0.5; */ opacity: 1; } /* .slick-initialized .slick-slide.slick-center { opacity: 1; } */ .modal__more { width: 711px; height: unset; } .modal__more .img--staff { width: 100%; height: 100%; } .modal__close { right: 0; } } @media screen and (max-width: 769px) { .slick-initialized .slick-slide { width: 318px; opacity: 0.5; } .slick-initialized .slick-slide.slick-center { opacity: 1; } .text--modal { font-size: 14px; padding: 0; } .modal__screen-main { overflow: auto; } .modal__more { width: 100%; height: 750px; margin: unset; padding: 20px 60px; border-radius: unset; } .modal__more .img--staff { width: 100%; height: 100%; } .modal__more .button-modal { margin: 30px auto; } .modal__more .staff__description { margin-bottom: 0; } .modal__close { color: #000000; top: 40px; right: 13px; } .modal__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .modal__top .modal__pic { margin: 0; } .modal__content { margin-top: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } @media screen and (max-width: 476px) { .price .m-title { padding-left: 25px; } } /* слайдер в секции направления */ /* @media screen and (max-width: 740px) { .direction .swiper-wrapper { left: 50px; } } @media screen and (max-width: 655px) { .direction .swiper-wrapper { left: 84px; } } @media screen and (max-width: 580px) { .direction .swiper-wrapper { left: 120px; } } @media screen and (max-width: 515px) { .direction .swiper-wrapper { left: 170px; } } @media screen and (max-width: 422px) { .direction .swiper-wrapper { left: 220px; } } */ @media screen and (max-width: 500px) { .direction .swiper-wrapper .tab__link { padding: 30px 8px 20px; font-size: 15px; } } /* верхний слайдер на главной */ .swiper-wrapper_slick { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-wrapper_slick.slick-initialized .slick-slide { opacity: 1; } .swiper-wrapper_slick .slick-slide .wrapper { margin-top: 125px; margin-bottom: 150px; } @media screen and (max-height: 700px) { .swiper-wrapper_slick .slick-slide .wrapper { margin-top: 130px; } } @media screen and (max-width: 780px) { .swiper-wrapper_slick .slick-slide .wrapper { margin-top: 226px; } } @media screen and (max-width: 630px) { .swiper-wrapper_slick .slick-slide .wrapper { margin-top: 25px; margin-bottom: unset; } .swiper-wrapper_slick .slick-dots { max-width: 90%; } .swiper-wrapper_slick .slick-dots { bottom: 60px; } } .swiper-wrapper_slick .slick-dots { position: relative; bottom: 200px; max-width: 1200px; margin: 0 auto; left: 0; right: 0; text-align: left; } @media screen and (max-width: 1500px) { .swiper-wrapper_slick .slick-dots { bottom: 250px; } } @media screen and (max-width: 1400px) { .swiper-wrapper_slick .slick-dots { max-width: 1200px; } } @media screen and (max-width: 1201px) { .swiper-wrapper_slick .slick-dots { max-width: 1024px; } } @media screen and (max-width: 1025px) { .swiper-wrapper_slick .slick-dots { max-width: 820px; } } @media screen and (max-width: 819px) { .swiper-wrapper_slick .slick-dots { max-width: 90%; } } @media screen and (max-width: 630px) { .swiper-wrapper_slick .slick-dots { max-width: 90%; bottom: 60px; } } .swiper-wrapper_slick .slick-dots li { width: 8px; height: 8px; margin-right: 20px; } .swiper-wrapper_slick .slick-dots li button { background: #e1e0e0; border-radius: 50%; width: 15px; height: 15px; } .swiper-wrapper_slick .slick-dots li.slick-active button { border: 2px solid #e1e0e0; background-color: #fad800; } .swiper-wrapper_slick .slick-dots li button::before { display: none; } /* блок эффективности */ .title--center { text-align: center !important; margin: unset; } .title--effect { font-size: 24px !important; font-weight: bolder !important; color: #ffffff !important; text-align: center !important; margin: unset; } .text--price { font-size: 20px !important; font-weight: bold !important; color: #025cb2 !important; margin: unset; } .text--price_num { font-size: 20px !important; font-weight: bold !important; color: #fbb72b !important; margin: unset; } .text--effect_modal { font-size: 18px !important; color: #858585 !important; margin: unset; } .section-effect { margin: 0 auto; font-family: 'proxima'; } .section-effect .container { padding: unset; } .effect { padding-top: 55px !important; } .effect__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .effect__item { width: 450px; height: 376px; } .effect__item p { text-align: center !important; } .effect__item p button { margin: 0 auto; } .effect__item:first-child { margin-right: 85px; } .effect__item:last-child { padding-left: 85px; border-left: 2px dashed #d8e3eb; box-sizing: content-box; } .effect__screen { width: 450px; height: 287px; padding: 70px 90px 0 90px; margin-bottom: 35px; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .effect__screen--film { background: url(http://billiardmsk.ru/wp-content/uploads/2020/04/Artboard-5558.png); background-size: cover; } .effect__screen--hour { background: url(http://billiardmsk.ru/wp-content/uploads/2020/04/Artboard-Copy-6.png); background-size: cover; } .effect__modal { width: 742px; /* height: 709px; */ height: unset; padding: 50px 60px 70px 60px; 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: justify; -ms-flex-pack: justify; justify-content: space-between; } .effect__modal .modal__content { text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .effect__modal .button-modal { margin-top: 50px; } .effect-modal__title { padding-bottom: 30px; } .effect-modal__descr { padding-bottom: 40px; } .effect-modal__price { display: -webkit-box; display: -ms-flexbox; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 40px; border: 2px dashed #d8e3eb; border-radius: 60px; } @media screen and (max-width: 1200px) { .container { max-width: 1140px; } .effect__item:first-child { margin-right: 20px; } .effect__item:last-child { padding-left: 20px; } } @media screen and (max-width: 1024px) { .container { max-width: 960px; } .effect__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .effect__item { margin: 0 auto; } .effect__item:first-child { margin: 0 auto; margin-bottom: 70px; } .effect__item:last-child { padding-left: 0; border: 0; } .online .section__block_01 .course__block .course__block-image img { max-width: 100%; } .section__block_05 .container { max-width: 575px; } .online .section__block_01 .course__block .course__block-text .course__block-inner { padding-top: 25px; padding-bottom: 25px; } .online .section__block_01 .course__block .course__block-text .course__block-inner .actions { flex-wrap: wrap; } .online .section__block_01 .course__block .course__block-text .course__block-inner .actions .view { margin-top: 25px; } .online .course__blocks .item .inner h4 { font-size: 1.4rem; } .online .tarif__blocks .item .inner h4 { font-size: 1.5rem; } .online .tarif__blocks .item .inner .price-block .new-price { font-size: 1.75rem; } .online .section__block_04 .program__blocks .item .inner .program__blocks-text h4 { font-size: 1.275rem; } .online .section__block_04 .program__blocks .item .inner .program__blocks-price .unit .cost { font-size: 1.5rem; } .online .standart.form { flex-direction: row; } .online .standart.form form { padding: 0 0 0 100px; } .online .section__block_metodichka .text-block .ttl { font-size: 2.5rem; } .online .section__block_metodichka .abs { left: 40%; } } @media screen and (max-width: 768px) { .wrapper.html h2 { font-size: 24px !important; } } @media screen and (max-width: 500px) { .container { max-width: 430px; } .text--price { font-size: 14px !important; } .text--price_num { font-size: 14px !important; } .text--effect_modal { font-size: 15px !important; } .effect__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .effect__screen { width: 290px; padding-top: 30px; } .effect__item { width: 290px; margin: 0 auto; } .effect__modal { width: 100%; height: 100%; display: block; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 10px 10px 10px 10px; } } .wrapper.html { padding: 50px 25px; } /* блок обучение */ .section__education { padding-top: 50px; font-family: 'proxima'; } .text--education-quote { font-size: 20px !important; font-weight: bold !important; color: #818181 !important; } .text--appointment { font-size: 18px !important; color: #858585 !important; line-height: 1.6 !important; } .text--stat_num { font-size: 55px !important; font-weight: bolder !important; color: #fbb72b !important; } .text--stat_text { font-size: 20px !important; font-weight: bold !important; color: #025cb2 !important; } .education__quote { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; } .education__quote-pic { width: 523px; height: 264px; background: url(http://billiardmsk.ru/wp-content/uploads/2020/04/Artboard-555.png); background-size: cover; background-position: center; border-radius: 10px; } .education__quote-text { position: relative; width: 682px; height: 119px; margin-left: 65px; } .education__frame { position: absolute; top: -40px; right: -30px; width: 587px; height: 200px; border-top: 9px solid #eff7ff; border-right: 9px solid #eff7ff; border-bottom: 9px solid #eff7ff; } .education__mark { position: absolute; top: 0; left: 580px; } .education__appointment { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } .education__text { margin-right: 70px; } .education__stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 40px 0 66px 0; } .education__stat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 300px; } .education__stat-num { padding-right: 10px; } .education__sponsors { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 55px 0 70px 0; border-top: 1px solid #d8e3eb; } .education__types { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .education__type { width: 410px; height: 165px; border-radius: 10px; } .education__type--russ { background: url(http://billiardmsk.ru/wp-content/uploads/2020/03/type__russ.png); background-size: cover; } .education__type--pull { background: url(http://billiardmsk.ru/wp-content/uploads/2020/03/type__pull.png); background-size: cover; } .education__type--snuker { background: url(http://billiardmsk.ru/wp-content/uploads/2020/03/type__snuker.png); background-size: cover; } .education__type--russ_group { background: url(http://billiardmsk.ru/wp-content/uploads/2020/04/group_russian_bill.png); background-size: cover; background-position: top; } .education__type--pull_group { background: url(http://billiardmsk.ru/wp-content/uploads/2020/04/group.png); background-size: cover; background-position: 26%; } .education__type--pull_child { background: url(http://billiardmsk.ru/wp-content/uploads/2020/04/children.png); background-size: cover; background-position: 19%; } @media screen and (max-width: 400px) { .education__type--pull_group { background: url(http://billiardmsk.ru/wp-content/uploads/2020/04/group.png); background-size: cover; background-position: 40%; } } .education .text--education_type { color: #fff; font-weight: bolder; font-size: 24px; position: relative; bottom: -105px; left: 30px; } .education .education__types .education__type .link--type { width: 100%; height: 100%; display: block; } .education .education__types .education__type .link--type:hover { text-decoration: none; } @media screen and (max-width: 1200px) { .education__stat { flex-direction: column; align-items: baseline; } .education__type { width: 300px; } } @media screen and (max-width: 1024px) { .section__education { margin: 0 auto; } .education { padding: 10px; } .education__frame { width: 448px; height: 245px; } .education__mark { left: 323px; } .education__appointment { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .text--stat_num { font-size: 39px !important; } .text--stat_text { font-size: 14px !important; } .img--sponsor { width: 100px; } .education__type { width: 220px; } .education .text--education_type { left: 15px; } } @media screen and (max-width: 768px) { .section__education { margin: 0 auto; padding-top: 50px; } .section__education .container { max-width: 270px; padding: 0; } .education { padding: 0; } .education__quote { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .education__quote-pic { width: 270px; /* position: relative; left: -24px; */ } .education__quote-text { -ms-flex-item-align: baseline; align-self: baseline; width: 250px; height: unset; margin-left: 0; margin-top: 36px; } .text--education-quote { font-size: 17px !important; } .text--appoinment { font-size: 17px !important; } .education__frame { width: 276px; height: 126px; top: 50px; border-top: 0; } .education__mark { left: 260px; top: 275px; } .education__appointment { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .education__text { margin-right: 0; } .text--direction { display: none; } .education__button { margin-top: 30px; } .education__stats { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .education__stat { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 35px; } .text--stat_num { font-size: 55px !important; } .text--stat_text { font-size: 20px !important; width: 245px !important; } .education__sponsors { -ms-flex-wrap: wrap; flex-wrap: wrap; } .education__types { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-direction: column; } .education__type { width: 270px; height: 125px; border-radius: 10px; margin-bottom: 20px; } .education .text--education_type { bottom: -75px; } } @media screen and (max-width: 400px) { .education__stat { width: 100%; } } .direction__tabs .direction__tabs-container { justify-content: flex-start; } .direction .swiper-wrapper { justify-content: flex-start; } .title--education_card { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 30px 20px 20px; font-size: 18px; color: #025cb2; font-weight: 700; text-transform: uppercase; line-height: 1.2; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; transition: 0.3s; } .section__education-direction { padding-top: 0; } .education__title { margin: 20px 0; } .education__direction .education__types { -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; } .education__direction .education__types .education__type { position: relative; bottom: 0; margin: 0 10px 0 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); } .education__direction .education__types .education__type:hover { -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4); bottom: 3px; } .education__direction .education__types .education__type .link--type:hover { text-decoration: none; } .video + .wrapper.html { padding: 40px 0; } .education__direction { display: block; } .direction__slider { display: none !important; } @media screen and (max-width: 1300px) { .video + .wrapper.html { padding: 40px 25px; } } @media screen and (max-width: 1200px) { .education__direction .text--education_type { left: 5px; } } @media screen and (max-width: 1024px) { .education__direction .text--education_type { bottom: -80px; left: 15px; } } @media screen and (max-width: 769px) { .video + .wrapper.html { padding: 0 25px; } .education__direction { display: none; } .direction__slider { display: block !important; } .education__direction .text--education_type { bottom: -37px; } .slick-slider .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0 auto; list-style: none; text-align: center; } .section__education-direction .container { max-width: 95vw; } .direction__slide { display: flex !important; } .section__education-direction .education__type { margin: 0 5px 0 0; } .direction__slider { margin: 65px 0 0 0 !important; } .direction__slider .slick-slide { width: 38vw !important; margin: 0 10px 0 0; } .direction__slider .slick-track { margin: 25px 0; } .direction__slider .slick-dots li { /* display: none; */ width: 30vw; margin: 0; } .direction__slider .slick-dots li:before { display: none; } .direction__slider .slick-dots li button { width: 100%; padding: 0; } .direction__slider .slick-dots li button:before { width: 100%; font-size: 18px; font-family: proxima; color: #025cb2 !important; } .direction__slider .slick-dots li.slick-active button::before { font-weight: bold; color: #fad800 !important; text-decoration: underline; } .direction__slider .slick-dots li.slick-active1 button::before { font-weight: bold; opacity: 1 !important; color: #fad800 !important; text-decoration: underline; } .direction__slider .slick-dots li:nth-child(1) { display: inline-block; } .direction__slider .slick-dots li:nth-child(1) button:before { content: 'Индивидуально'; } .direction__slider .slick-dots li:nth-child(2) { display: inline-block; margin-left: 55px; } .direction__slider .slick-dots li:nth-child(2) button:before { content: 'Группы'; } .direction__slider .slick-dots li:nth-child(3) { display: inline-block; } .direction__slider .slick-dots li:nth-child(3) button:before { content: 'Дети'; } .direction__slider .slick-dots { width: 89%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; bottom: 200px; } .direction__slider .link--type { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .direction__slider .link--type:hover { text-decoration: none !important; } .direction__slider .text--education_type { margin-left: 15px; color: #fff; font-weight: bolder; height: 160px; } } @media screen and (max-width: 768px) { .direction__slider .slick-slide.slick-active { opacity: 1 !important; } } @media screen and (max-width: 500px) { .direction__slider .slick-dots li button::before { font-size: 16px; } } /* кнопка в секции "тариф" */ .form-3__item-onBlue { background: transparent; color: #fad800; box-shadow: inset 0px 0px 20px 0px rgba(242, 185, 64, 0.6), 0px 0px 20px 0px rgba(242, 185, 64, 0.6); } .form-3__item-onBlue:hover { box-shadow: none; } /* секция тариф */ .rate.section.ratemain .wrapper { flex-wrap: wrap; justify-content: flex-start; } .rate.section.ratemain .rate__list { width: 60%; } .rate.section.ratemain .rate__caption { width: 24%; } .rate__buttonBox { display: flex; margin: 10px auto 0; } .rate.section.ratemain .rate__buttonBox .rate__button.leaseBtn { margin-left: 50px; } .rate.section.ratemain .rate__buttonBox .rate__button a { width: 270px; } @media screen and (max-width: 600px) { .rate.section.ratemain .wrapper { text-align: center; align-items: center; } .rate.section.ratemain .rate__list { width: 100%; } .rate__buttonBox { display: flex; flex-direction: column; } .rate.section.ratemain .rate__caption { width: 100%; } .rate.section.ratemain .rate__buttonBox .rate__button.leaseBtn { margin-left: 0; margin-top: 20px; } .rate.section.ratemain .rate__buttonBox .rate__button a { width: 250px; } } /* кнопки под тарифами */ /* .price__caption .m-button.price__caption-button:last-child { margin-top: 0; } */ .price__caption-buttonTop { margin-bottom: 0; } .price__caption-button-lease { margin-top: 30px; margin-bottom: 55px; max-width: 270px; width: 100%; cursor: pointer; min-height: 55px; } .modal-bozz_lease .main-form { height: auto; } .modal-promo { max-width: 680px; padding-bottom: 95px; } .modal-promo .main-form__top { max-width: 416px; margin: 0 auto; } .promo__pic { width: 60px; height: 60px; position: absolute; } .promo__horn { background-image: url("data:image/svg+xml,%3Csvg width='58' height='59' viewBox='0 0 58 59' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath opacity='0.4' d='M0 58.06H58V0.0599996H0V58.06Z' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.015625)'/%3E%3C/pattern%3E%3Cimage id='image0' width='64' height='64' xlink:href='data:image/png;base64,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'/%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; top: 60px; left: 50px; } .promo__bells { background-image: url("data:image/svg+xml,%3Csvg width='58' height='59' viewBox='0 0 58 59' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath opacity='0.4' d='M0 58.06H58V0.0599996H0V58.06Z' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.015625)'/%3E%3C/pattern%3E%3Cimage id='image0' width='64' height='64' xlink:href='data:image/png;base64,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'/%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; top: 60px; right: 50px; } .promo__eightball { background-image: url("data:image/svg+xml,%3Csvg width='58' height='59' viewBox='0 0 58 59' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath opacity='0.4' d='M0 58.06H58V0.0599996H0V58.06Z' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.015625)'/%3E%3C/pattern%3E%3Cimage id='image0' width='64' height='64' xlink:href='data:image/png;base64,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'/%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; bottom: 40px; right: 100px; } /* @media screen and (max-width:1200px) { .modal-promo { max-width: 100vw; } } */ /* pop-up */ .pop-up { position: fixed; z-index: 9; bottom: 5%; right: 5%; } .pop-up__baloon { position: absolute; display: block; top: -156px; left: -289px; width: 290px; padding: 30px 20px; background: #fff; border-radius: 10px; } .pop-up__text { font-weight: 800; padding-top: 10px; } .pop-up__btn { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: red; color: #fff; font-size: 30px; font-weight: 800; } /* pop-up END */ .d-none { display: none !important; } @media screen and (max-width: 1440px) { } @media screen and (max-width: 1370px) { .main-title { font-size: 4.8rem; } } @media screen and (max-width: 1300px) { #smi .m-title { font-size: 2.2rem; } .gladskiy__right .license { font-size: 1.25rem; } } @media screen and (max-width: 1200px) { #smi .m-title { font-size: 2rem; } } @media screen and (max-width: 1024px) { .top-menu .header-2__menu a { font-size: 15px; } .contact__item { padding: 15px; } .smi__container { flex-wrap: wrap; } .smi__wrapper { padding: 1.5rem 0 1.5rem 1.64rem; } } @media screen and (max-width: 780px) { .first { height: auto; } .reviews__item-min { width: 100%; } .reviews__item-big { width: 100%; } .shop__item { max-width: 48%; } .train .train__slide { height: auto; } .footer__menu a { font-size: 0.875rem; margin: 6px 0; } } @media screen and (max-width: 768px) { .header-2__logo { width: 125px; } .header-2__close { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 4%; right: 7%; width: auto; } .container { max-width: 720px; padding: 0; } .section { margin-bottom: 25px; } .section.standart { margin-top: 25px; } .main-title { font-size: 3.25rem; } .header-2 .wrapper:after { content: ''; height: 1px; width: 88%; background: rgba(255, 255, 255, 0.2); position: absolute; bottom: -5px; } .header-gray.header-2 .wrapper:after { background: rgba(2, 92, 178, 0.7); width: 92%; } .first-center .main-title { font-size: 3rem; } .first.page-center .wrapper.group { margin-top: 70px; justify-content: center; display: flex; gap: 15px 10px; } .page-template-template-main .first.first-center{ height: 690px; } .first.page-center .group .btn-or { margin: auto; font-size: 1.125rem; position: static; margin: 0; padding: 21px; height: 50px; font-size: 16px; } .first.page-center .group .btn-or:nth-child(2) { margin-top: 0; order: -1; } .page-id-1420 .first.page-center .first__bg { background: url('../../static/img/content/tarify_m-bg.jpg') no-repeat center top / cover !important; } .table__inner h4 { font-size: 1.5rem; line-height: 1.875rem; /* 125% */ } .table2.with-point .point:before { width: 17px; height: 17px; background-size: contain; } .table2row { flex-wrap: wrap; gap: 0; } .table__inner2 { width: 100%; margin-bottom: 30px; } .section__probnoe { margin-bottom: 0; } .section__probnoe .container { padding: 0 20px; } .section__probnoe .probnoe__type .block { flex-wrap: nowrap; } .section__probnoe .probnoe__type .block .inner { padding: 22px 15px 15px 20px; } .section__probnoe .probnoe__type .block .inner h4 { font-size: 1rem; line-height: 125%; /* 1.25rem */ margin-bottom: 9px; } .section__probnoe .probnoe__type .block .inner p { font-size: 0.875rem; line-height: 1.0625rem; /* 121.429% */ } .section__probnoe .label__wrapper { bottom: 15px; } .section__probnoe .probnoe__type .block img { max-width: 142px; } .section__probnoe .probnoe__type:last-child { margin-bottom: 0; } .probnoe .block { flex-wrap: wrap; } .probnoe .block h3 { font-size: 1.875rem; line-height: 105%; /* 1.96875rem */ margin-right: 0; } .probnoe .block h3:after { width: 44px; height: 78px; left: auto; right: 0; top: 0; background: url('data:image/svg+xml,') no-repeat left top; } .probnoe .check__list { margin-top: 18px; } .probnoe .check__list .check__list_item { margin-left: 30px; margin-bottom: 12px; } .probnoe .check__list .check__list_item:before { width: 20px; height: 20px; background-size: contain; left: -30px; } .gallery__container img { max-width: 100%; } .gallery__container img:nth-child(2), .gallery__container img:nth-child(3) { display: none; } .section__probnoe h3 { font-size: 1.875rem; line-height: 107%; /* 2.00625rem */ } .section__probnoe .probnoe { column-count: 1; } .left-sidebar { max-width: 220px; } .first { height: auto; padding-top: 100px; padding-bottom: 100px; } .first__bg { background-size: 1100px; background-position: calc(50vw - 743px) bottom; } .first__desc { margin-top: 17px; margin-bottom: 28px; } .first .swiper-container .swiper-slide .wrapper { padding-top: 0; padding-bottom: 30px; flex-wrap: wrap; } .first__social { position: relative; right: -50%; bottom: auto; margin-top: 210px; max-width: 198px; } .first__social .founder { font-size: 0.9375rem; } .first__social .competencies__list span { font-size: 0.75rem; line-height: 1rem; margin-left: 14px; } .first__social .competencies__list span:before { top: 5px; left: -14px; background-size: cover; width: 8px; height: 8px; } .first__pagination { /* left: 10px; */ left: 0; bottom: 30px; } .first .swiper-container { position: static; } .first.mainx { padding-top: 55px; padding-bottom: 0; } .adv { margin-top: -15px; } .adv__item { width: 100% !important; flex-direction: row; margin-right: 0; margin-bottom: 12px; } .adv__desc { text-align: left; font-size: 0.8125rem; line-height: 1.0625rem; /* 130.769% */ padding-left: 18px; width: 100%; } .surprise.form, .standart.form { margin-top: 55px; margin-bottom: 0; } .surprise.form:after { /*content: none;*/ width: 136px; height: 117px; right: 0; top: -45px; background: url('data:image/svg+xml,') no-repeat left top; } .surprise .form__left, .surprise.form form, .standart.form form { margin: 0; } .standart.form form { padding: 0 5px; } .surprise .m-title, .standart .m-title, .page.turniry .standart-form .m-title { font-size: 1.375rem; line-height: 1.875rem; /* 136.364% */ } .surprise .m-desc { font-size: 0.875rem; line-height: 1.125rem; /* 128.571% */ } /*.form__left img { display: none; }*/ .standart.form .inner { flex-wrap: wrap; margin-top: 15px; } .standart.form .inner .input-group { margin: 0 0 25px 0; } .standart.form .inner .input-group label { font-size: 14px; } .surprise.form .m-button, .standart.form .m-button { max-width: 100%; height: 52px; font-size: 1.125rem; line-height: 1.375rem; /* 122.222% */ } .surprise .m-action, .standart .m-action { margin-left: -25px; } .surprise .m-action img { display: flex; max-width: 110px; } .surprise .m-action-text { font-size: 1rem; line-height: 1.3125rem; /* 131.25% */ max-width: 220px; } .standart.form .privacy-agree label { display: block; } .surprise.form .m-field { margin-bottom: 1.51rem; } .standart.form .m-field { margin-bottom: 0.5rem; } .surprise.form .privacy-agree, .standart.form .privacy-agree { margin: 10px 0; justify-content: center; } .section__why-wrap { flex-wrap: wrap; padding: 0 25px; } .section__why-item { width: auto; } .section__why-item:nth-child(2n) { margin: 25px 0; } .section__why img { margin: 0 auto; } #smi { margin-bottom: 0; } .smi__container { background: url(../../static/img/content/smi_bg-m.jpg) 0px 0px / cover no-repeat; flex-wrap: wrap; border-radius: 30px; } #smi .m-title { padding: 20px 20px 0; font-size: 1.5rem; } #smi .m-title span { margin-left: -8px; transform: rotate(3.457deg); } #smi .m-title br { display: none; } .smi__wrapper { padding: 55px 0 15px 19px; flex-wrap: wrap; } .smi__item { margin-left: 0; margin-bottom: 5px; font-size: 0.85rem; height: 22px; padding-left: 6px; padding-right: 6px; } .smi__item:after { width: 5px; height: 4.5px; top: -4px; margin-left: 4px; } .smi__item:first-child { margin-right: 8px; } .smi__item img { max-height: 16px; margin-right: 5px; } #gladskiy { margin: 50px 0; } .gladskiy__container { flex-direction: column-reverse; align-items: flex-start; } .gladskiy__right { max-width: 100%; margin-top: 30px; margin-bottom: 20px; } .gladskiy__left { margin: 0; max-width: 100%; } .gladskiy__right h2 { font-size: 2.375rem; } .gladskiy__right ul { margin-top: 20px; padding-left: 23px; } .gladskiy__right ul li { font-size: 0.875rem; line-height: 1.1875rem; } .gladskiy__right ul li:before { top: 4px; left: -20px; width: 11px; height: 12px; background-size: cover; } .gladskiy__right blockquote { border-radius: 30px; padding: 14px 25px 14px 80px; margin-top: 30px; } .gladskiy__right blockquote p { font-size: 0.875rem; line-height: 1.125rem; margin-bottom: 10px; } .gladskiy__right blockquote:before { font-size: 6.5rem; top: 2.29rem; left: 0.89rem; } .gladskiy__right .license { margin-top: 27px; font-size: 0.875rem; line-height: 1.1875rem; } .gladskiy__right .license:after { width: 33px; margin-left: 15px; } .gladskiy__right .license_link img { max-width: 81px; } .gladskiy__right .license_link { bottom: -15px; right: -5px; } .gladskiy__img-cont { overflow: hidden; } .gladskiy__img-cont img { max-width: 100%; margin: 0; margin-bottom: -50px; } .ui-tabs-panel { border-radius: 30px; padding: 1.82rem 1.2rem 2.27rem 1.2rem; } .tab__elem.tab-slide { border-radius: 90px; box-shadow: 10px 4px 24px 0px rgba(0, 0, 0, 0.05); } .tab__link { font-size: 0.625rem; padding: 3px 7px; } .ui-tabs-panel { margin-top: 17px; } .tab__elem { margin-right: 11px; } .tab__elem:last-child { margin-right: 0; } .section.standart h2, .section.standart.section_table h2, .reviews .m-title { font-size: 2.375rem; } .section.standart h3 { font-size: 1.5rem; margin-bottom: 15px; } .programs .tab__inner h4 { font-size: 1.5rem; line-height: 1.875rem; margin-bottom: 1.45rem; } .table-scroll-container table { min-width: auto; } .programs .table-scroll-container, .table2 { border-radius: 20px; } .table2 th, .table2 td { font-size: 0.75rem; padding: 6px 0; } .programs #tab1:after { top: -5px; right: -30px; width: 150px; height: 80px; } #call2action { min-height: 495px; background: url('../../static/img/content/call2action-bg_m.png') no-repeat center top; align-items: flex-start; padding-top: 30px; margin-bottom: 0; } .call2action__container { width: 100%; } .call2action__container .m-title { font-size: 1.5rem; line-height: 126%; /* 1.89rem */ margin-bottom: 35px; } .call2action__container .m-button { height: 52px; max-width: 205px; font-size: 1.125rem; line-height: 116%; /* 1.305rem */ } .call2action__container .m-button.m-arrow:after { content: none; } .gladskiy__video { bottom: 15px; } .gladskiy__video .about__button { width: 110px; height: 110px; background-size: 105px; } .gladskiy__video .about__button .icon__play { width: 48px; height: 36px; } .section.standart.section-staff { margin-top: 0; } .staff, .staff .slick-list.draggable .slick-track { padding-bottom: 0; } .staff h2 { max-width: 200px; padding-left: 25px; } .staff_arrows { right: 25px; top: 30px; } .section.section__excellence { margin-top: 25px; } .section__excellence .excellence__title { margin-right: 0; margin-bottom: 15px; } .section__excellence .excellence__title span { font-size: 0.875rem; } .section__excellence .container { padding: 0 25px; } .section__excellence .excellence { column-count: 1; } .section__excellence .excellence__type .block { border-radius: 30px; } .section__excellence .excellence__type .block .inner h4 { font-size: 1.25rem; line-height: 1.5rem; /* 120% */ margin-bottom: 12px; } .section__excellence .excellence__type .block .inner p { font-size: 0.875rem; font-weight: 400; line-height: 1.125rem; /* 128.571% */ } .section__excellence .excellence__type.bg__grey .block p { max-width: 157px; } .section__excellence .excellence__type.bg__blue { position: relative; } .section__excellence .excellence__type.bg__blue:after { position: absolute; content: ''; width: ; height: ; background: #f5f5f5 url('../images/bg.jpg') no-repeat left top; } .section__excellence .excellence__type.bg__blue .block .inner { padding: 19px 31px 18px 21px; } .section__excellence .excellence__type.bg__blue .block .inner h4, .section__excellence .excellence__type.bg__blue .block .inner h4 span { font-size: 1.5rem; line-height: 1.9375rem; } .section__excellence .excellence__type.bg__blue .block img { max-width: 100%; } .section__excellence .excellence__type.bg__white .block .inner { max-width: 67%; padding: 19px 10px 0 21px; } .section__excellence .excellence__type.bg__white .block img { max-width: 33%; } .section__excellence .excellence__type.bg__img .block img { max-width: 55%; } .section__excellence .excellence__type.bg__img .block { min-height: 180px; } .section__excellence .excellence__type.bg__img .block .inner { padding: 19px 10px 0 21px; } .section__excellence .excellence__type:nth-child(4) .block { min-height: 220px; } .section__excellence .excellence__type.bg__grey .block { min-height: 212px; } .section__excellence .excellence__type.bg__grey .block .inner { padding: 19px 18px 18px 21px; } .section__excellence .excellence__type.bg__grey .block img { max-width: 80%; } .section__excellence .excellence__type.bg__grey .block h4 { max-width: 220px; } .articles-top__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .articles-top__left { margin-right: 0; max-width: 100%; } .articles-top__right { margin-top: 40px; } .contact__item { width: 49%; } .modal .main-form__title, .modal-good .m-title { font-size: 1.75rem; line-height: 2.25rem; } .modal .main-form__desc, .modal-good .m-desc { font-size: 1rem; margin-top: 10px; } .first.page-center.turniry .main-title { font-size: 1.75rem; line-height: 2.3125rem; text-align: left; } .first.page-center .wrapper { flex-wrap: wrap; } .first.page-center.turniry .first__bg { background: url(../../static/img/content//1screen_turniry_hero-m.png) no-repeat center bottom, url(../../static/img/content/1screen_turniry-m.jpg) no-repeat top center, #025cb2; } .turniry .first__button { position: relative; left: auto; margin-top: 400px; max-width: 100%; font-size: 1rem; } .first.page-center .first__left .adv__block-item img { max-width: 44px; height: auto; } .first.page-center .first__left .adv__block-item .adv__block-item_text h5 { font-size: 0.875rem; line-height: 1.0625rem; } .first.page-center .first__left .adv__block-item .adv__block-item_text p { font-size: 0.75rem; line-height: 1rem; } .turniry .go_to { display: none; } .section__what_turniry { padding-top: 70px; padding-bottom: 60px; } .section__what_turniry .container { padding: 0 25px; } .section__what_turniry .block { flex-wrap: wrap; } .section__what_turniry .block h3 { font-size: 1.5rem; max-width: none; } .section__what_turniry .block h3:after { background: url('data:image/svg+xml,') no-repeat left top; width: 127px; height: 64px; top: 0; right: 15px; left: auto; transform: rotate(0); } .section .tags { margin-top: 19px; margin-bottom: 28px; } .section .tag_item { font-size: 0.875rem; line-height: 1rem; /* 114.286% */ padding: 4px 12px; margin-left: 0; margin-right: 10px; margin-bottom: 10px; } .section__what_turniry .m-button.m-tube { font-size: 1rem; line-height: 1.375rem; /* 137.5% */ } .section__galery_turniry .m-title { font-size: 1.5rem; line-height: 117%; /* 1.755rem */ max-width: 75%; } .table__inner { padding: 25px; } .reviews { margin-top: 10px; margin-bottom: 40px; } .reviews__slide { height: 315px; } .reviews .about__button, .staff__video .about__button { width: 51px; height: 52px; background-size: 50px; } .reviews .about__button .icon__play, .staff__video .about__button .icon__play { width: 24px; height: 18px; } .modal .main-form .input-group { margin-right: 0; } .modal .main-form .privacy-agree label { margin: 0 0 0 10px; display: block; text-align: left; } .surprise.form .privacy-agree a, .standart.form .privacy-agree a, .modal .main-form .privacy-agree a { display: inline; font-size: 0.825rem; } input[type='checkbox'] { min-height: 14px; height: 14px; max-height: 15px; } .section__corporat .corporat { flex-wrap: wrap; } .section__corporat .corporat__left, .section__corporat .corporat__right { margin-right: 0; max-width: none; } .section__corporat .corporat__type .block.big_corp { height: 234px; padding: 19px 0 20px 20px; } .section__corporat .corporat__type .block.big_corp h4, .section__corporat .corporat__type .block.small_corp h4 { font-size: 1.5rem; } .section__corporat .corporat__type .block .inner p { font-size: 0.875rem; line-height: 1rem; /* 114.286% */ } .section__corporat .corporat__type .block.big_corp p { max-width: 160px; margin-top: 10px; } .section__corporat .corporat__type .block .inner { padding: 28px 0 28px 20px; } .section__corporat .corporat__type .block .inner h4 { font-size: 1.35rem; line-height: 105%; margin-bottom: 10px; } .section__corporat .corporat__type .block .inner h4 br { display: none; } .section__corporat .corporat__type .block .inner p .blue_label { font-size: 0.875rem; padding: 4px 10px; } .section__corporat .corporat__type .p_a { top: -30px; height: 143px; } .section__corporat .corporat__type .block.turnir .inner { padding: 25px 68px 20px 20px; } .section__corporat .corporat__type .block.turnir .inner h4 { margin-bottom: 10px; font-size: 1.45rem; } .section__corporat .corporat__type .block.turnir img { max-width: 100%; } .section__corporat .corporat__type .block.small_corp { height: 185px; padding: 85px 0 26px 20px; } .section__cooperative .cooperative { flex-wrap: wrap; } .section__cooperative .cooperative__type { margin-bottom: 15px; } .section__cooperative .cooperative__type .block.bb { min-height: 155px; } .section__cooperative .cooperative__type .block.bb .inner { padding: 20px 155px 22px 30px; } .section__cooperative .cooperative__type .block .inner h5 { font-size: 1.125rem; line-height: 1.375rem; margin-bottom: 7px; } .section__cooperative .cooperative__type .block .inner p { font-size: 0.875rem; line-height: 1.125rem; /* 128.571% */ } .section__cooperative .cooperative__type .p_a { right: 0; top: 0; z-index: 0; height: 150px; } .section__cooperative .cooperative__type .block.bb.blue_block { min-height: 303px; background: url(../../static/img/content/cooperative_m-bg.jpg) no-repeat center bottom / cover; } .section__cooperative .cooperative__type .block.bb.blue_block .inner { padding: 20px 25px 22px 30px; } .section__cooperative .cooperative__type .block.sb { min-height: 154px; margin-bottom: 15px; } .section__cooperative .cooperative__type .block.sb .inner { padding: 20px 25px 22px 30px; } .section__cooperative .cooperative__type .block.sb .p_a { width: 75%; height: auto; } .section__cooperative .cooperative__type .block.sb p { max-width: 246px; } .section__cooperative .cooperative__type .block .inner p br { display: none; } .galery-slider .wrapper { padding-top: 0; } .galery-slider .swiper-container { margin-top: 20px; margin-bottom: 50px; } .galery-slider .swiper-button-next, .galery-slider .swiper-button-prev { top: auto; bottom: -50px; } #corp-form { padding: 25px 0 410px; background: url('../../static/img/content/corp-form_m-bg.png') no-repeat center bottom, radial-gradient( 22.41% 55.6% at 81.69% 32.98%, rgba(153, 205, 255, 0.35) 0%, rgba(171, 214, 255, 0) 100% ), radial-gradient( 48.91% 51.27% at 3.46% 21.54%, rgba(250, 216, 0, 0.15) 0%, rgba(250, 216, 0, 0) 100% ), #025cb2; } .corp-form__container { width: 100%; } .corp-form__container .m-title, .client .m-title { font-size: 1.5rem; } .corp-form__container .standart.form .m-button { height: 52px; font-size: 1.125rem; margin-right: 0; } .label__item { font-size: 0.875rem; height: 28px; padding-left: 9px; padding-right: 9px; } .label__item img { width: 20px; } .section__excellence .excellence__type .btn_wrap { left: 20px; bottom: 13px; } .section__excellence .excellence__type .m-button, .section__excellence .excellence__type .btn-small { height: 33px; font-size: 0.75rem; padding: 0 6px; margin-right: 7px; } .section__excellence .excellence__type .btn-small.m-arrow:after, .section__excellence .excellence__type .btn-hidden.m-arrow:after { content: none; } .section__excellence .excellence__type .btn-hidden span { display: block; } #how { margin-top: 25px; } #how .m-title { font-size: 2.375rem; line-height: 108%; /* 2.565rem */ } .how__container { padding-top: 70px; } .how__slide { height: auto; flex-wrap: wrap; border-radius: 30px; align-items: stretch; } .how__slide .how__block { order: -1; padding: 26px 19px 60px 19px; } .how__block .pre-ttl { font-size: 0.8125rem; line-height: 1.375rem; /* 169.231% */ margin-bottom: 12px; } .section.standart .how__block .ttl { font-size: 1.5rem; line-height: 1.875rem; /* 125% */ margin-bottom: 12px; } .how__block p { font-size: 0.875rem; line-height: 1.0625rem; margin-bottom: 10px; } .how__slide img { max-width: 100%; } .how__container .swiper-scrollbar { left: 20px; right: auto; height: 5px; bottom: 43%; width: 90%; } .how__container .reviews__button { top: auto; bottom: 5px; } .how__video { left: 45%; top: auto; bottom: 18%; } .how__video .about__button { width: 55px; height: 55px; background-size: 52px; } .how__video .about__button .icon__play { width: 24px; height: 18px; } .staff__pic { margin-bottom: 15px; padding: 10px 20px; } .staff__video { right: 35px; bottom: 20px; } .staff__experience { margin-bottom: 15px; } .staff__experience .text--experience, .staff__experience .label--experience { font-size: 0.875rem; line-height: 1.375rem; /* 157.143% */ } .staff__description-short .short-item { margin-bottom: 15px; align-items: center; } .staff__description-short .short-item .icon-badge { margin-right: 9px; } .staff__description-short .short-item p { color: #000; font-family: 'Montserrat', sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1rem; /* 114.286% */ } .staff__card-bottom button.m-button { height: 57px; font-size: 1.125rem; margin: 20px auto; } .table__inner .table2 td .m-link { font-size: 0.75rem; text-transform: none; } .table__inner .table2 td .m-link:after { display: none; } .awaits__container { flex-wrap: wrap; } .awaits__wrapper { margin-right: 0; padding: 20px 10px 23px 20px; } .standart .awaits__container .m-title { font-size: 1.5rem; } .awaits__text { margin-top: 11px; } .awaits__text ul { padding-left: 20px; } .awaits__text li { font-size: 0.875rem; margin-bottom: 10px; } .awaits__text li:before { left: -20px; width: 11px; height: 12px; background-size: contain; } .awaits__block:first-child { width: 100%; } .awaits__img { margin-top: 10px; } .awaits__img:after { width: 210px; height: 105px; top: -40px; right: -10px; background-size: cover; } #order__corporat-form .m-title { text-align: center; font-size: 0.875rem; font-weight: 400; line-height: 1.0625rem; /* 121.429% */ text-transform: none; } #order__corporat-form .m-title span { display: block; font-size: 1.5rem; font-weight: 800; line-height: 2rem; /* 114.286% */ text-transform: uppercase; } .page.vyezdy .first.first-center { height: 699px; } .page.vyezdy .first.page-center .first__bg { background: url('../../static/img/content/vyezdy_m-bg.jpg') no-repeat center bottom !important; } .page.vyezdy .first-center .main-title { font-size: 1.8125rem; font-weight: 800; line-height: 2.3125rem; /* 127.586% */ } .page.vyezdy .first.first-center .m-desc { text-align: left; margin: 17px 0 25px; font-size: 1.125rem; } .page.vyezdy .first.first-center .action { flex-wrap: wrap; } .page.vyezdy .first.first-center .action .m-button { min-width: auto; max-width: 305px; font-size: 0.875rem; } .page.vyezdy .first.first-center .action .m-tube { margin-left: 0; margin-top: 16px; } .vyezdy .reviews { margin-bottom: 0; } .vyezdy .footer { padding-top: 30px; margin-top: 50px; } .top__block.tovary { min-height: 439px; background: url(../../static/img/content/top__block-tovary_m-bg.png) no-repeat left bottom / 104%, radial-gradient( 120.04% 58.12% at 47.62% 89.52%, rgba(104, 187, 207, 0.6) 0%, rgba(104, 160, 207, 0) 100% ), radial-gradient( 24.17% 76.4% at 86.16% 9.72%, rgba(250, 216, 0, 0.2) 0%, rgba(24, 208, 121, 0) 100% ), #025cb2; box-shadow: 24px 24px 54px 0px rgba(0, 0, 0, 0.15); backdrop-filter: blur(32px); border-radius: 30px; } .top__block-inner { padding: 21px 29px 0; max-width: none; } .top__block-inner h2 { text-align: center; font-size: 1.875rem; line-height: 2.375rem; /* 126.667% */ } .top__block-inner .subtitle { margin-top: 19px; text-align: center; font-size: 1.25rem; line-height: 1.5rem; /* 120% */ } .top__block.tovary .go2block { display: none; } .product-title.m-page-title { font-size: 1.4rem; line-height: 111%; /* 1.665rem */ } .shop .tab__elem { margin-right: 12px; } .shop .tab__link { font-size: 0.875rem; line-height: 1rem; /* 114.286% */ padding: 5px 9px; } .shop__content { margin-top: 0; } .shop__title { font-size: 0.75rem; margin: 12px 0 7px; } .shop .shop__price { text-align: center; font-size: 1.5rem; } .shop .shop__button { height: 40px; font-size: 0.875rem; } .m-desc { color: #000; font-family: 'Montserrat', sans-serif; font-size: 0.875rem; line-height: 1.2rem; margin-bottom: 25px; } .reviews.section-1 { padding-top: 0; } .reviews .m-page-title { font-size: 2.375rem; } .first.online { padding: 35px 0; } .first.page-center .first__left .adv__block { margin-right: 0; } .first.page-center.online .first__left .adv__block-item .adv__block-item_text h5 { font-size: 20px; line-height: 96%; } .online .menu-block { flex-direction: column; margin-top: 25px; } .online .reviews.section-1 { padding-top: 20px; } .online .section__block_01 { padding: 40px 25px 0; margin: 0 25px; } .online .section__block_01 .ttl { font-size: 24px; line-height: 29px; margin-bottom: 0.5rem; max-width: 75%; } .online .section__block_01 .sub-ttl { font-size: 13px; line-height: 24px; margin-bottom: 1.15rem; } .online .section__block_01 .course__block { border-radius: 30px; flex-wrap: wrap; } .online .section__block_01 .course__block .course__block-text, .online .section__block_01 .course__block .course__block-image { width: 100%; } .online .section__block_01 .course__block .course__block-text .course__block-inner { margin-left: 0; padding: 20px 22px 0; } .online .section__block_01 .course__block .course__block-text .course__block-inner h4 { font-size: 1.5rem; line-height: 1.5rem; margin-bottom: 12px; } .online .section__block_01 .course__block .course__block-text .course__block-inner p { font-size: 14px; line-height: 17px; } .online .section__block_01 .course__block .course__block-text .course__block-inner ul li { font-size: 14px; line-height: 17px; margin-bottom: 20px; } .online .section__block_01 .course__block .course__block-text .course__block-inner .actions .view { display: none; } .online .course__blocks { margin-top: 30px; flex-wrap: wrap; margin-left: -25px; margin-right: -25px; } .online .course__blocks .item { width: 100%; padding: 0 25px; margin-top: 20px; } .online .course__blocks .item .inner { border-radius: 30px; padding: 25px 0; } .online .course__blocks .item .inner h4 { font-size: 21px; line-height: 34px; padding-left: 20px; } .online .course__blocks .item .inner h4 br { display: none; } .online .course__blocks .item .inner .element { height: 63px; } .online .course__blocks .item .inner .element .element_name { font-size: 18px; line-height: 29px; } .online .course__blocks .item .inner .element .element_price { font-size: 20px; line-height: 145%; } .online .section__block_02 { padding: 30px 0 60px; } .online .section__block_02 .wrapper { /*margin: 0 25px; padding: 0;*/ } .online .section__block_02 .ttl { font-size: 30px; line-height: 35px; margin-bottom: 10px; } .online .section__block_02 .sub-ttl { font-size: 0.875rem; line-height: 1.75rem; margin-bottom: 0; } .online .tarif__blocks { flex-wrap: wrap; margin: 20px -25px 0 -25px; } .online .tarif__blocks .item { width: 100%; padding: 0 25px; margin-bottom: 25px; } .online .tarif__blocks .item .inner { margin-top: 0; border-radius: 30px; padding-top: 12px; } .online .tarif__blocks .item .inner h4 { text-align: center; font-size: 24px; line-height: 34px; } .online .tarif__blocks .item .inner .element .element_name { font-size: 14px; line-height: 15px; width: calc(100% - 24px); } .online .tarif__blocks .item .inner .element.plus:before { width: 13px; height: 13px; } .online .tarif__blocks .item .inner .price-block { margin-top: 20px; } .online .tarif__blocks .item .inner .price-block .new-price { font-size: 28px; line-height: 29px; } .online .tarif__blocks .item .inner .m-button { height: 56px; } .section__block_03 { margin: 0 25px; } .online .section__block_01, .online .section__block_01 .container, .online .section__block_02, .online .section__block_02 .container, .online .section__block_03, .online .section__block_03 .container, .online .section__block_04, .online .section__block_04 .container, .online .section__block_metodichka, .online .section__block_metodichka .container, .online .section__block_05, .online .section__block_05 .container { margin-left: 0 !important; margin-right: 0 !important; } .online .section__block_03 .ttl { font-size: 24px; line-height: 28px; margin-bottom: 15px; } .online .section__block_03 .course__block { border-radius: 30px; padding: 28px 25px 30px; } .online .section__block_03 .course__block .course__block-inner { flex-wrap: wrap; } .online .section__block_03 .course__block .course__block-inner .course__block-text, .online .section__block_03 .course__block .course__block-inner .course__block-list { width: 100%; padding-left: 0; } .online .section__block_03 .course__block .course__block-inner .course__block-text .sub-ttl { font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 1rem; } .online .section__block_03 .course__block .course__block-inner .course__block-list ul li { font-size: 0.875rem; } .online .section__block_03 .benefit__blocks { margin-top: 32px; flex-wrap: wrap; } .online .section__block_03 .benefit__blocks .item { width: 100%; padding: 0 25px; margin-bottom: 15px; } .online .benefit__blocks .item .inner h4 { font-size: 16px; line-height: 19px; } .online .benefit__blocks .item .inner .m-button { height: 44px; max-width: 185px; } .online .section__block_03 .benefit__notice { margin-top: 8px; font-size: 12px; line-height: 125%; } .online .section__block_03 .benefit__notice br { display: none; } .section__block_04 { margin: 0 25px; } .online .section__block_04 .ttl { font-size: 1.5rem; line-height: 120%; margin-bottom: 7px; } .online .section__block_04 .sub-ttl { font-size: 0.875rem; line-height: 1.125rem; margin-bottom: 13px; max-width: none; } .online .section__block_04 .course__block { border-radius: 30px; padding: 28px 25px 33px; } .online .section__block_04 .course__block .course__block-inner { flex-wrap: wrap; } .online .section__block_04 .course__block .course__block-inner .course__block-text, .online .section__block_04 .course__block .course__block-inner .course__block-list { width: 100%; padding-left: 0; } .online .section__block_04 .course__block .course__block-inner .course__block-text .sub-ttl { font-size: 1.25rem; line-height: 120%; margin-bottom: 10px; } .online .section__block_04 .course__block .course__block-inner .course__block-text .sub-text { font-size: 0.875rem; line-height: 1.125rem; margin-bottom: 15px; } .online .section__block_04 .course__block .course__block-inner .course__block-list ul li { font-size: 14px; line-height: 17px; } .online .section__block_04 .course__block .actions { flex-wrap: wrap; justify-content: center; } .online .section__block_04 .course__block .actions .view { margin-left: 0; margin-top: 24px; } .online .section__block_04 .program__blocks { margin-top: 60px; } .online .section__block_04 .program__blocks .item { width: 100%; } .online .section__block_04 .program__blocks .item .program__blocks-label h5 { font-size: 0.875rem; line-height: 1.375rem; } .online .section__block_04 .program__blocks .item .program__blocks-label p { font-size: 0.625rem; } .online .section__block_04 .program__blocks .item .inner .program__blocks-text { padding: 40px 20px 25px 25px; } .online .section__block_04 .program__blocks .item .inner .program__blocks-text h4 { font-size: 18px; line-height: 127%; margin-bottom: 12px; } .online .section__block_04 .program__blocks .item .inner .program__blocks-text ul li { font-size: 14px; line-height: 17px; } .online .section__block_04 .program__blocks .item .inner .program__blocks-price .unit .lbl { font-size: 12px; } .online .section__block_04 .program__blocks .item .inner .program__blocks-price .unit .cost { font-size: 18px; line-height: 29px; } .online .section__block_04 .program__blocks .item .inner .program__blocks-image .program__blocks-image-notice { font-size: 12px; line-height: 125%; } .online .section__block_04 .program__blocks .item .inner .program__blocks-image img { max-width: 100%; } .online .section__block_metodichka { padding-top: 30px; padding-bottom: 0; } .online .section__block_metodichka .wrapper { /*margin: 0 25px;*/ } .online .section__block_metodichka .text-block { width: 100%; } .online .section__block_metodichka .text-block .ttl { font-size: 1.5rem; } .online .section__block_metodichka .text-block .ttl:after { content: none; } .online .section__block_metodichka .text-block ul { padding-left: 29px; } .online .section__block_metodichka .text-block ul li:before { left: -29px; width: 18px; height: 18px; } .online .section__block_metodichka .text-block ul li { font-size: 0.875rem; margin-bottom: 1rem; } .online .section__block_metodichka .abs { position: relative; left: auto; width: 100%; } .section.section__block_05 { margin: 0 25px; padding: 0 25px; background: none; } .online .section__block_05 .sup-ttl { font-size: 0.875rem; line-height: 1.625rem; border: 1px solid #025cb2; padding: 2px 15px; margin-bottom: 10px; } .section__block_05 .container { max-width: 100%; } .online .section__block_05 .ttl { font-size: 1.5rem; margin-bottom: 1.1rem; } .online .section__block_05 .section__block_05-text { margin-bottom: 1.75rem; } .online .section__block_05 .section__block_05-text p { font-size: 0.875rem; line-height: 1.0625rem; margin-bottom: 1rem; } .online .standart.form { border-radius: 20px; padding: 27px 25px 5px; flex-direction: column; } .online .standart.form .form-list, .online .standart.form form { width: 100%; } .online .standart.form form { padding-left: 0; margin-top: 37px; } .online .standart.form .form-list ul li { font-size: 14px; line-height: 17px; margin-bottom: 25px; } .online .standart.form .m-field { margin-bottom: 0.25rem; } .online .standart.form .action span { font-size: 30px; } .online .standart.form .m-button { width: 185px; } .online .standart.form .privacy-agree label { display: inline-block; } .table-scroll-container table td { white-space: nowrap; } .online .tarif__blocks .item .inner .rti { right: 0; } .online .menu-block:after { right: -30px; } .online .course__blocks .item .label { left: 0; } .online .section__block_01 .course__block .course__block-text .course__block-inner .actions .m-button { font-size: 0.875rem; } } @media screen and (max-width: 700px) { .notfound__right { font-size: 100px; } } @media screen and (max-width: 630px) { /*.first .swiper-container .swiper-slide{ height: 540px; }*/ } .first .slick-dotted.slick-slider { margin-bottom: 0; } @media screen and (max-width: 600px) { .container { max-width: 570px; } .first__desc { color: #fff; font-size: 1rem; line-height: 120%; /* 1.2rem */ max-width: 305px; } .left-sidebar { max-width: 120%; margin: 0 -10px; padding: 0 10px; overflow: hidden; position: relative; z-index: -1; } .main-content__left { overflow: hidden; } .main-content__right { margin-left: 0; } .main-form { padding: 0 20px; max-width: 100%; } } @media screen and (max-width: 570px) { .contact__item { width: 100%; } } @media screen and (max-width: 501px) { .slider-arrows_staff .arrow__box { width: 50px; height: 50px; } .slider-arrows_staff .arrow__box-left { right: 60px; } .slider-arrows_staff .arrow__box-right { right: 0px; } .slider-arrows_staff .arrow__left { margin: 0 0 0 18px; width: 17px; height: 17px; } .slider-arrows_staff .arrow__right { margin: 0 0 0 11px; width: 17px; height: 17px; } .section-staff .container { padding: 0; } .staff .modal__screen-main .button-modal { width: 100%; } .staff__slider .slick-slide { height: 620px; } .modal .main-form .m-field::placeholder, .modal .main-form .m-field::-ms-input-placeholder { color: rgba(255, 255, 255, 0.34) !important; font-weight: 300 !important; } .privacy-agree input[type='checkbox'] { margin-right: 10px; } } @media screen and (max-width: 450px) { .header-2__phone-mobile a, .header__phone-mobile a { font-size: 15px; } .direction.wrapper + .wrapper .swiper-slide { flex-shrink: 1; } .modal { max-width: 93%; border-radius: 30px; } .modal-close { top: 10px; right: 11px; } } @media screen and (max-width: 420px) { .first__social { right: -42%; } .gladskiy__right .license { font-size: 0.75rem; } .programs #tab1:after { top: 55px; } .tab__elem { margin-right: 5px; } .tab__link { font-size: 0.61rem; padding: 2px 4px; } .table2 th, .table2 td { font-size: 0.65rem; padding: 2px 0; line-height: 1.4em; } .section__excellence .excellence__type .block .inner h4 { font-size: 1.1rem; line-height: 100%; margin-bottom: 5px; } .section__excellence .excellence__type .m-button, .section__excellence .excellence__type .btn-small { height: 29px; font-size: 0.65rem; padding: 0 5px; } } @media screen and (max-width: 370px) { .header__phone-mobile a, .header-2__phone-mobile a { font-size: 12px; } } #wpadminbar { top: 100% !important; } .table__inner .table2 td .v-link { display: block; color: #fad800; font-family: 'Montserrat', sans-serif; line-height: 1.375rem; text-decoration-line: underline; position: relative; bottom: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.3s ease-in-out; } .table__inner .table2 td .v-link:hover { bottom: 3px; text-decoration: none; } section.section.section__collection { width: 100%; } .triangle { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 45vh; width: 100%; border-radius: 40px; background: radial-gradient( 120.04% 58.12% at 47.62% 89.52%, rgba(104, 187, 207, 0.3) 0%, rgba(104, 160, 207, 0) 100% ), radial-gradient( 24.17% 76.4% at 86.16% 9.72%, rgba(250, 216, 0, 0.2) 0%, rgba(24, 208, 121, 0) 100% ), #025cb2; box-shadow: -6px 4px 24px 0px rgba(0, 0, 0, 0.35); backdrop-filter: blur(32px); padding: 59px 59px 67px; } .triangle_row { display: flex; justify-content: center; } .ball { width: 190px; height: 190px; border-radius: 50%; background: #fff; margin: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); font-family: 'Montserrat', sans-serif; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; text-align: center; } .ball .v-link { display: block; color: #fad800; text-decoration-line: underline; position: relative; bottom: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.3s ease-in-out; } .ball .v-link:hover { bottom: 3px; text-decoration: none; } .triangle_row:nth-of-type(1) { margin-left: 0px; } .triangle_row:nth-of-type(2) { margin-left: 0px; margin-top: -30px; } @media screen and (max-width: 1024px) { .ball { width: 150px; height: 150px; font-size: 14px; } .triangle_row:nth-of-type(2) { margin-left: 75px; } } @media screen and (max-width: 768px) { .section.standart h2 { font-size: 1.5rem; margin-bottom: 15px; } } @media screen and (max-width: 640px) { .triangle { min-height: 10vh; padding: 30px 59px 30px; } .ball { width: 100px; height: 100px; font-size: 11px; margin: 3px; text-align: center; } .triangle_row:nth-of-type(1) { margin-left: 0px; zoom: 60%; } .triangle_row:nth-of-type(2) { margin-left: 0px; margin-top: -5px; zoom: 60%; } } @media screen and (max-width: 380px) { .ball { width: 100px; height: 100px; font-size: 11px; margin: 3px; text-align: center; } .triangle_row:nth-of-type(1) { margin-left: 0; zoom: 60%; } .triangle_row:nth-of-type(2) { zoom: 60%; margin-left: 0; margin-top: 0; } } .tour { display: flex; flex-direction: row; justify-content: space-between; gap: 40px; align-content: center; flex-wrap: nowrap; align-items: flex-start; } @media screen and (min-width: 1024px) { .page.vyezdy .tour__inner { width: 28%; } .page.vyezdy .table__inner { width: 72%; } } .table-scroll-container table { min-width: 700px; table-layout: fixed; } .table-scroll-container h5 { font-size: 2.0625rem; color: #fff; font-family: 'Montserrat', sans-serif; text-align: center; margin-bottom: 20px; } @media screen and (max-width: 1024px) { .tour { flex-direction: column; } .tour__inner, .table__inner { width: 100%; } .table-scroll-container table { min-width: 100%; table-layout: fixed; } .table-scroll-container table td { white-space: normal; } .table-scroll-container h5 { font-size: 1.5rem; } } .first.mainx { height: 735px; } @media screen and (max-width: 1300px) { .first.mainx { height: 700px; } } .home .adv { margin-top: -137px; } .home .blinking-background-zero { content: ''; width: 400px; height: 150px; background: url(../../static/img/content/first_img.png) no-repeat left top; position: absolute; top: -20px; right: -60px; background-size: contain; animation: blink 3s infinite; } .home .blinking-background { content: ''; width: 150px; height: 100px; background: url(../../static/img/content/start_w.png) no-repeat left top; position: absolute; top: 170px; right: 0px; background-size: contain; } .home .blinking-background-second { content: ''; width: 399px; height: 150px; background: url(../../static/img/content/second_img.png) no-repeat left top; position: absolute; top: 300px; right: -65px; background-size: contain; animation: blink 3s infinite; } .page.vyezdy .blinking-background-zero { content: ''; width: 400px; height: 150px; background: url(../../static/img/content/first_img.png) no-repeat left top; position: absolute; top: 0px; right: -50px; background-size: contain; animation: blink 3s infinite; } .page.vyezdy .blinking-background-second { content: ''; width: 400px; height: 150px; background: url(../../static/img/content/second_img.png) no-repeat left top; position: absolute; top: 140px; right: -60px; background-size: contain; animation: blink 3s infinite; } @keyframes blink { 0% { opacity: 1; /* Полная видимость */ } 50% { opacity: 0.3; /* Полная прозрачность */ } 100% { opacity: 1; /* Возврат к полной видимости */ } } @media screen and (max-width: 1370px) { .home .adv { margin-top: -185px; margin-bottom: -50px; } } @media screen and (max-width: 768px) { .first .swiper-container .swiper-slide { min-height: 670px; padding-top: 30px; } } @media screen and (max-width: 768px) { .home .blinking-background-zero { bottom: -55%; right: 0; top: auto; width: 100%; } .home .blinking-background-second { bottom: -85%; right: 0; top: auto; width: 100%; } .home .adv { margin-top: 20px; margin-bottom: 10px; } .first.mainx { height: auto; padding-top: 0px; } #gladskiy { margin: 0; } .home .blinking-background { top: 60px; right: 10px; width: 70px; } .page.vyezdy .blinking-background { top: 420px; right: -25px; } .page.vyezdy .blinking-background-zero { top: auto; bottom: -180px; right: 30px; width: 250px; } .page.vyezdy .blinking-background-second { top: auto; bottom: -280px; right: 30px; width: 250px; } } @media (min-width: 1024px) and (max-width: 1366px) and (min-height: 768px) and (max-height: 1366px) { #gladskiy { margin-top: 50px; } } @media (min-width: 800px) and (max-width: 1280px) { .home .adv { margin-top: -145px ; margin-left: 15px; } .home .blinking-background { right: -90px; top: 150px; width: 100px; } .home .blinking-background-second { right: -70px; } } @media screen and (max-width: 1024px) { .tabs--scroll_mobile .swiper-wrapper { display: flex; flex-wrap: wrap; gap: 10px; } .tabs--scroll_mobile .swiper-wrapper .tab__link { font-size: 15px; border-radius: 60px; padding: 9px 20px; font-weight: 500; } div#tab2 td, div#tab2 th { font-size: 45% !important; } .tabs--scroll_mobile .ui-tabs-panel { margin-top: 15px; } .tabs--scroll_mobile .tab__elem { margin-right: 0; border-radius: 50px; overflow: hidden; } } @media screen and (max-width: 480px) { .tabs--scroll_mobile .tab__elem { flex: 1; flex-basis: 100%; } .tabs--scroll_mobile .swiper-wrapper .tab__link { font-size: 12px; padding: 10px; overflow: hidden; width: 100%; } .tabs--scroll_mobile .swiper-wrapper { gap: 8.5px; } .tabs--scroll_mobile .tab__elem:nth-child(2), .tabs--scroll_mobile .tab__elem:nth-child(3) { flex-basis: 100px; } } .form__right-top input { opacity: 0; position: absolute; } .learn-template-default { padding-top: 123px; } @media screen and (max-width: 862px) { .learn-template-default { padding-top: 122px; } } @media screen and (max-width: 768px) { .learn-template-default { padding-top: 80px; } .single-learn .wrapper:has(>.shop__items) { padding: 0; margin: 0 -25px; padding: 0 25px; width: 100vw; } .single-learn .wrapper> .shop__items { margin-top: 23px; overflow: auto; margin-left: -25px; margin-right: -25px; padding: 0 25px; width: 100vw; } .single-learn .wrapper> .shop__items .tabs { width: 710px; } .single-learn .wrapper> .shop__items .tabs .table-scroll-container { overflow: hidden; } } .learn-template-default .breadcrumbs { color: #fff; } .learn-template-default .breadcrumbs a { color: inherit; } .learn-template-default .breadcrumbs a:hover { color: #fad800; } html:has(.admin-bar){margin-top: 0 !important} .btn-or--parnie {position: absolute;left: 0;right: 0;max-width: 290px;margin: auto;margin-top: -90px;} .table__inner--page_tarrif { margin-bottom: 30px; } .page-id-1745 .main-content, .page-id-1751 .main-content, .page-id-1764 .main-content { width: 100%; } .page-id-1745 .main-content__right.right-sidebar, .page-id-1751 .main-content__right.right-sidebar, .page-id-1764 .main-content__right.right-sidebar { display: none; } .header-2__social, .footer__social { position: relative; } .header-2__social::before, .footer__social::before { content: ""; position: absolute; top: -3px; right: -17px; width: 12px; height: 12px; background-image: url(../../static/img/content/imeta.png); background-size: contain; background-repeat: no-repeat; z-index: 1; } .header-2__social::after, .footer__social::after { content: "– Meta Platforms Inc. (соц. сеть Instagram) признана экстремистской, её деятельность запрещена на территории России"; position: absolute; top: 15px; right: -260px; width: 230px; background-color: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 10px; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; z-index: 2; } .footer__social::after { content: "– Meta Platforms Inc. (соц. сеть Instagram) признана экстремистской, её деятельность запрещена на территории России"; position: absolute; top: -55px; right: -20px; } .header-2__social:hover::after, .footer__social:hover::after { opacity: 1; visibility: visible; } @media screen and (max-width: 768px) { .header-2__social::after { top: -55px; right: -20px; } .modal .main-form .privacy-agree label span { align-items: flex-start; align-content: center; flex-wrap: wrap; } .modal .main-form .privacy-agree label { margin: 0; } form#order__corporat-form { align-items: flex-start; } } body.page-template-default.page.page-id-929 .breadcrumbs, body.page-template-default.page.page-id-1751 .breadcrumbs, body.page-template-default.page.page-id-1764 .breadcrumbs { justify-content: center; } body.page-template-default.page.page-id-929 .breadcrumbs span, body.page-template-default.page.page-id-1751 .breadcrumbs span, body.page-template-default.page.page-id-1764 .breadcrumbs span { color: #fff; } body.page-template-default.page.page-id-929 .main-content, body.page-template-default.page.page-id-1751 .main-content, body.page-template-default.page.page-id-1764 .main-content { width: 100%; } body.page-template-default.page.page-id-929 ol li:before, body.page-template-default.page.page-id-1751 ol li:before, body.page-template-default.page.page-id-1764 ol li:before { display:none; } .privacy-agree.second, .privacy-agree.third, .privacy-agree.fourth { margin-top: 1px!important; } .privacy-agree.third a, .privacy-agree.fourth a { display: inline; } .modal .main-form .privacy-agree label span { display: flex; } .privacy-agree input { min-height: 25px!important; } .page-template-page-online .modal.modal-sign.visible .privacy-agree.third, .page-template-template-main .modal.modal-sign.visible .privacy-agree.third, .page-id-1414 .modal.modal-sign.visible .privacy-agree.fourth { display: none; } .page-id-1414 .modal.modal-sign.visible .privacy-agree.third { display: flex; } .modal .main-form .privacy-agree, .modal .main-form .privacy-agree a { font-size: 11px; } .modal .main-form .privacy-agree { width: 100%; text-align: left; margin-left: 30px; } #my-form-shop3 .modal__centerx input { min-height: auto!important; } #my-form-shop3 .modal__centerx .privacy-agreel { min-height: 25px; font-weight: 500; color: #000; } .modal .main-form .privacy-agree label { font-weight: 500; color: #000; }