/* Start:/local/templates/melannett_new/nativejs/css/google-translate.css?17109168381004*/ /* Виджет назначает height: 100% , что может привести к непредксказуемому результату, если вы этого не планировали */ html { height: auto !important; } /* Фиксируем позицию body, которую меняет панель гугла */ body { top: 0 !important; position: static !important; } /* Прячем панель гугла */ .skiptranslate { display: none !important; } /* Убираем подсветку ссылок и текста при наведении */ .goog-text-highlight, font > font { background-color: transparent !important; box-shadow: none !important; box-sizing: inherit; } /* language */ .language { position: fixed; left: 10px; top: 50%; transform: translateY(-50%); z-index: 999; display: flex; flex-direction: column; } .language__img { margin: 2px; cursor: pointer; opacity: 0.5; } .language__img:hover, .language__img_active { opacity: 1; } /* End */ /* Start:/local/templates/melannett_new/nativejs/css/translator.css?1710916838411*/ .language { position: unset !important; transform: unset !important; margin-left: 10px; flex-direction: row !important; } .language.fixed { margin-left: 20px; } .language.mobile { margin-left: 0; flex-direction: row !important; margin-bottom: 20px; } .language.lk-language { right: 2%; left: unset !important; top: 4% !important; flex-direction: row !important; } /* End */ /* Start:/local/templates/melannett_new/libs/normalize.css/normalize.css?16045694236052*/ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* End */ /* Start:/local/templates/melannett_new/libs/swiper/dist/css/swiper.min.css?160456942319778*/ /** * Swiper 4.4.6 * 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: December 19, 2018 */ .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;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property: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{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;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,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(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;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;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:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-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%);-ms-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:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(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);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.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,.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,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items: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%;-ms-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;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-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;-ms-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;-ms-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:.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} /* End */ /* Start:/local/templates/melannett_new/libs/fancybox/dist/jquery.fancybox.min.css?160456942312795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/melannett_new/css/styles-eea02481a1.css?1707905356198647*/ /* consts */ /* colors */ /* fonts */ @font-face { font-family: 'HelveticaNeueCyr'; font-style: normal; font-weight: 100; src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.eot'); /* IE9 Compat Modes */ src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.woff') format('woff'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeueCyr'; font-style: italic; font-weight: 100; src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalick.eot'); /* IE9 Compat Modes */ src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalick.eot?#iefix') format('embedded-opentype'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalick.eot.woff') format('woff'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalick.eot.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeueCyr'; font-style: normal; font-weight: 100; src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.eot'); /* IE9 Compat Modes */ src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.woff') format('woff'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeueCyr'; font-style: normal; font-weight: 200; src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.eot'); /* IE9 Compat Modes */ src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.woff') format('woff'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeueCyr'; font-style: normal; font-weight: 300; src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.eot'); /* IE9 Compat Modes */ src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.woff') format('woff'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeueCyr'; font-style: normal; font-weight: 400; src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.eot'); /* IE9 Compat Modes */ src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.woff') format('woff'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeueCyr'; font-style: italic; font-weight: 400; src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.eot'); /* IE9 Compat Modes */ src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.woff') format('woff'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeueCyr'; font-style: normal; font-weight: 500; src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.eot'); /* IE9 Compat Modes */ src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.woff') format('woff'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeueCyr'; font-style: italic; font-weight: 500; src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.eot'); /* IE9 Compat Modes */ src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.woff') format('woff'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeueCyr'; font-style: normal; font-weight: 700; src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.eot'); /* IE9 Compat Modes */ src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.woff') format('woff'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeueCyr'; font-style: italic; font-weight: 700; src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.eot'); /* IE9 Compat Modes */ src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.woff') format('woff'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeueCyr'; font-style: normal; font-weight: 900; src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.eot'); /* IE9 Compat Modes */ src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.woff') format('woff'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeueCyr'; font-style: italic; font-weight: 900; src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.eot'); /* IE9 Compat Modes */ src: url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.woff') format('woff'), url('/local/templates/melannett_new/css/../fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.ttf') format('truetype'); } .b24-widget-button-position-bottom-right { left: 50px; right: unset !important; } .bx-livechat-position-bottom-right { left: 53px; right: unset !important; } @media screen and (max-width: 575px) { .b24-widget-button-position-bottom-right { left: unset !important; right: 115px !important; top: 0px; bottom: unset !important; } .b24-widget-button-pulse-animate { -webkit-animation: none !important; animation: none !important; } } @media (min-width: 576px) and (max-width: 991px) { .b24-widget-button-position-bottom-right { right: unset !important; left: 145px !important; top: 0px; bottom: unset !important; } .b24-widget-button-pulse-animate { -webkit-animation: none !important; animation: none !important; } } /* wrapper */ .wrapper { position: relative; width: 1264px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 0 30px; } .wrapper--sidebar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* social */ .social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; } .social--sidebar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 73px 0 0 0; } .social--sidebar .social__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 0 44px 0; } .social--sidebar .social__title { margin: 0 0 21px 0; font-size: 20px; font-weight: 700; color: #000; line-height: 27px; } .social--review { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .social--review .social__item { position: relative; width: 388px; height: 263px; margin: 0 20px 20px 0; } .social--review .social__link { width: 100%; height: 100%; } .social--review .social__img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .social--review .social__icon-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100px; height: 100px; background-color: #e9588f; -webkit-border-radius: 50%; border-radius: 50%; } .social--review .social__icon { fill: #fff; } .social--review .social__icon--instagram { width: 60px; height: 60px; } .social--review .social__icon--youtube { width: 57px; height: 57px; } .social--review .social__icon--vk { width: 66px; height: 66px; } .social__item { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; /*margin-right: 13.42px;*/ margin-left: 20px; } .social__item:last-of-type { margin-right: 0; } .social__item:hover .social__link { background-color: #fb7cac; } .social__link { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; background-color: #e9588f; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .social__icon { width: 30px; height: 30px; fill: #fff; } .social__icon--facebook { width: 19.62px; height: 19.62px; } .social__icon--vk { width: 19.82px; height: 19.82px; } .social__icon--youtube, .social__icon--telegram { width: 17.28px; height: 17.28px; } .social__icon--instagram { width: 18px; height: 18px; } .sms-notice { width: 90%; } /* button */ .button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 50px; font-size: 18px; font-weight: 500; color: #fff; line-height: 18px; text-decoration: none; border: none; -webkit-border-radius: 25px; border-radius: 25px; background-color: #e9588f; cursor: pointer; outline: none; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } /*.call_cbaup_btn, .form__button {*/ /* width: 260px !important;*/ /*}*/ @media (max-width: 520px) { .call_cbaup_btn, .form__button { width: 100% !important; } .c-bxmaker-authuserphone_edit-default-box { text-align: center; } .form__input--reg { width: 100% !important; } .form__box--pass-forg { margin: 27px 0 0 180px !important; } .form__text--person { margin: 22px !important; text-align: center; } } .button:hover { background-color: #fb7cac; } .button--white { color: #000; background-color: #fff; } .button--white:hover { color: #fff; } .button--ghost { font-weight: 400; color: #000; border: 2px solid #e9588f; background-color: transparent; } .button--ghost:hover { color: #fff; border: 2px solid #fb7cac; } .button--top-scores-catalog-page { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); min-width: 383px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } /* list */ .list { margin: 0; padding: 0; list-style: none; } .list--features { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .list--features .list__item { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 221px; text-align: center; } .list--features .list__title { font-size: 42px; font-weight: 700; color: #e9588f; } .list--features .list__desc { margin: 15px 0 0 0; font-size: 18px; line-height: 23.8px; } .list--marathons-page { margin: 50px 0 0; } .list--marathons-page .list__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 27px 0; border-bottom: 1px solid #c4c4c4; } .list--marathons-page .list__item:last-of-type { border-bottom: none; } .list--exercise-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .list--exercise-list .list__item { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 286px; margin: 0 173px 60px 0; } .list--exercise-list .list__item:nth-child(3n) { margin-right: 0; } .list--exercise-list .list__item:last-of-type { margin-right: 0; } .list--exercise-list .list__item-num { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 82px; height: 82px; margin: 0 0 27px 0; font-size: 30px; font-weight: 700; color: #fff; line-height: 51px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #e9588f; } .list--exercise-list .list__text { font-size: 16px; font-weight: 400; line-height: 27px; color: #000; text-align: center; } .list--faq .list__icon--angle-down { width: 12px; height: 12px; margin-right: 26px; fill: #e9588f; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .list--faq .list__item { padding: 22px 0; border-bottom: 1px solid #c4c4c4; } .list--faq .list__item:last-of-type { border-bottom: none; } .list--faq .list__title { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: 700; color: #000; line-height: 27px; cursor: pointer; } .list--faq .list__title--open .list__icon--angle-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .list--faq .list__answer { display: none; margin: 14px 38px 0 38px; font-size: 16px; font-weight: 400; line-height: 27px; } /* TAB */ .tabs--top-scores .tabs__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 55px 0; } .tabs--top-scores .tabs__button { display: block; width: 25%; margin-right: 20px; text-align: center; } .tabs--top-scores .tabs__button:last-of-type { margin-right: 0; } .tabs--top-scores .tabs__button.active { color: #fff; border: 2px solid #fb7cac; background-color: #fb7cac; } .tabs--top-scores .tabs__content { position: relative; } /* form */ .form--banner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 54px 0 0; } .form--banner .form__input { width: 490px; margin-right: 30px; } .form--banner .form__button { -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 287px; padding: 0 20px; } .form--registration { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 525px; margin: 0 auto 100px auto; border: 1px solid #E9588F; box-shadow: 0px 5px 10px rgb(233 88 143 / 10%); border-radius: 5px; padding: 50px 100px; } .form--sub .form__input { width: 100%; margin-bottom: 10px; border: 2px solid #000; color: #000; } .form--sub .form__input::-webkit-input-placeholder { color: #000; } .form--sub .form__input:-ms-input-placeholder { color: #000; } .form--sub .form__input::-ms-input-placeholder { color: #000; } .form--sub .form__input::placeholder { color: #000; } .form--sub .form__button { width: 100%; } .form--sub .form__title { margin: 0 -20px; font-size: 20px; font-weight: 700; line-height: 30px; text-align: center; text-transform: uppercase; } .form--sub .form__text { margin: 11px 0 21px; font-size: 14px; line-height: 21px; } .form__input { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 18px; font-size: 18px; font-weight: 400; color: #fff; line-height: 18px; border: 2px solid #fff; -webkit-border-radius: 25px; border-radius: 25px; background-color: transparent; outline: none; } .form__input--promocode { border: 2px solid #FB7CAC; margin-top: 40px; } .form__input::-webkit-input-placeholder { color: #fff; } .form__input:-ms-input-placeholder { color: #fff; } .form__input::-ms-input-placeholder { color: #fff; } .form__input::placeholder { color: #fff; } .form__input--reg { width: 100%; font-size: 18px; color: #000; border: 2px solid #000; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .form__input--reg:focus { border: 2px solid #e9588f; } .form__input--reg::-webkit-input-placeholder { color: #000; } .form__input--reg:-ms-input-placeholder { color: #000; } .form__input--reg::-ms-input-placeholder { color: #000; } .form__input--reg::placeholder { color: #000; } .form__link { font-weight: 700; font-size: 20px; text-transform: uppercase; margin-right: 44px; color: #000; text-decoration: none; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .form__link:hover { color: #e9588f; } .form__link--curr { pointer-events: none; text-decoration: underline; text-underline-offset: 10px; color: #e9588f; } .form__link:last-of-type { margin-right: 0; } .form__link--underline { text-decoration: underline; text-underline-offset: 5px; } .form__link--underline:hover { text-decoration: none; } .form__link--reg { text-decoration-line: underline; text-transform: initial; font-weight: 400; font-size: 16px; color: #000000; margin-top: 27px; text-align: center; } .form__link--forgot { text-decoration-line: underline !important; font-weight: 550 !important; font-size: 16px !important; text-transform: initial !important; color: #E9588F !important; } .form__header { margin: 0 0 51px 0; text-align: center; } .form__text--person { margin: 22px; font-size: 16px; font-weight: 400; color: #000; line-height: 27px; } .form__text--social { margin-right: 31px; } input.button.form__button, div.form__input-box { width: 90% !important; } div.form__input-box.promo-input, input.button.form__button.pl-0.pr-0.no-margin.next-step-trigger, div.form__input-box.required.w-100, input.button.form__button.pl-0.pr-0.no-margin.prev-step-trigger.button-wrapper-popup__button { width: 100% !important; } .form__input-box { margin-bottom: 20px; } .form__input-box--required { position: relative; } .form__input-box--required:before { content: '*'; position: absolute; top: 50%; left: 19px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 8px; font-size: 18px; line-height: 20px; color: #e9588f; } .form__input-box--required .form__input { padding-left: 40px; } .form__box--social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; margin: 32px 0 41px 0; } .form__box--pass-forg { display: block; text-align: right; margin: 27px 0 0 300px; } .form__button { display: inline-block; text-align: center; } /* page */ body, .page { font-family: 'HelveticaNeueCyr', sans-serif; font-size: 16px; color: #000; font-weight: 400; font-style: normal; /* overflow-x: hidden; */ } body::after, .page::after { position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: -1; opacity: 0; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; content: ''; } body.no-scroll, .page.no-scroll { position: fixed; width: 100%; } body.no-scroll:after, .page.no-scroll:after { z-index: 0; opacity: 1; } /* header */ .header { padding: 19px 0 0 0; } .header--mobile { display: none; padding: 0; background-color: #e9588f; } .header__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header__top-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .header__top-nav--mobile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 0 0 21px 0; padding: 0 0 22px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .header__top-nav--mobile .header__link--top-nav { font-size: 16px; line-height: 50px; color: #000; } .header__top-nav--bold .header__link--top-nav { font-weight: 700; } .header__link--top-nav { margin-right: 40px; color: #000; text-decoration: none; } .header__link--top-nav:last-of-type { margin-right: 0; } .header__link--contacts { font-size: 16px; color: #000; line-height: 16px; text-decoration: none; } .header__link--nav { position: relative; font-size: 16px; color: #fff; line-height: 16px; text-decoration: none; } .header__link--nav:hover { font-weight: 700; } .header__link--nav:hover:after { opacity: 1; } .header__link--nav:before { content: attr(title); display: block; font-weight: 700; height: 0; overflow: hidden; visibility: hidden; } .header__link--nav:after { content: ''; position: absolute; bottom: -7px; left: 0; height: 2px; width: 100%; background-color: #fff; opacity: 0; } .header__link--mobile-logo { margin: 0 0 0 29px; } .header__link--profile { font-size: 16px; font-weight: 700; color: #e9588f; line-height: 50px; } .header__link--reg, .header__link--login { font-size: 16px; font-weight: 700; color: #e9588f; line-height: 50px; } .header__top-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 50px; } .header__top-buttons--mobile { margin-left: auto; } .header__top-buttons--mobile .header__button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 39px; padding: 0; font-size: 16px; font-weight: 400; line-height: 16px; color: #fff; text-decoration: none; } .header__button { margin-right: 20px; padding: 0 29px; font-size: 16px; font-weight: 400; } .header__button:last-of-type { margin-right: 0; } .header__links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 0 9px 0; } .header__logo { width: 98px; height: auto; } .header__logo--white { width: 61.43px; height: auto; } .header__contacts { margin: 0 0 0 106px; padding: 0; list-style: none; } .header__contacts-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 16px 0 12px 0; } .header__icon--contacts { width: 18.69px; height: 18.69px; margin-right: 16px; fill: #e9588f; } .header__icon--nav-btn { width: 26px; height: 26px; fill: #fff; cursor: pointer; } .header__icon--close { margin: 13px 0 0 0; width: 20px; height: 20px; fill: #e9588f; cursor: pointer; } .header__text { font-size: 16px; line-height: 16px; color: #000; } .header__social { margin: 7px 0 0 auto; } .header__nav-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 68px; background-color: #e9588f; } .header__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header__mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 70px; } .header__mobile-nav { position: fixed; z-index: 99; top: 0; left: -85.29%; width: 85.29%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 34px 54px 34px 50px; background: rgba(0, 0, 0, 0.5); overflow-y: scroll; background-color: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .header__mobile-nav--open { left: 0; } .header__mobile-nav-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 21px 0; padding: 0 0 21px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .header__mobile-nav-footer { margin: 39px 0 0 0; } .header__profile { max-width: 200px; font-size: 16px; font-weight: 700; line-height: 27px; color: #e9588f; text-align: right; } .header__profile:hover { text-decoration: none; } .header__link-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } /* banner */ .banner { position: relative; padding: 22px 0 30px; background-color: #000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .banner--all-marathon { padding: 90px 0 98px; } .banner--product { padding: 46px 0 33px; background: white; } .banner--form { padding: 97px 0 100px; } .banner--main .banner__title { margin: 0; } .banner__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; -webkit-background-size: cover; background-size: cover; background-position: center; } .banner__bg--50 { opacity: 0.5; } .banner__wrapper { position: relative; z-index: 1; } .banner__title { position: relative; max-width: 600px; font-size: 24px; font-weight: 700; color: #fff; line-height: 34px; text-transform: uppercase; } .banner__title:after { content: ''; position: absolute; bottom: -16px; left: 0; width: 44px; height: 4px; background-color: #fff; } .banner__title--all-marathon { max-width: 100%; font-size: 30px; text-align: center; letter-spacing: 0.3px; } .banner__title--all-marathon:after { left: 50%; bottom: -40px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 80px; } .banner__title--product { margin: 33px 0 23px; font-size: 31px; line-height: 44px; color: #000; letter-spacing: 0.3px; text-transform: none; } .banner__title--product:after { content: none; } .banner__title--form { max-width: 100%; font-size: 30px; font-weight: 700; color: #fff; line-height: 30px; text-align: center; text-transform: uppercase; } .banner__title--form:after { content: none; } .banner__text { max-width: 970px; margin: 29px 0 13px; font-size: 16px; font-weight: 400; line-height: 26px; color: #fff; } .banner__text--all-marathon { max-width: 100%; margin: 77px 0 34px; font-size: 18px; line-height: 25px; text-align: center; } .banner__button { padding: 0 24px 0 30px; } .banner__button--all-marathon { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 0 52px; } .banner__button--product { min-width: 244px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } .banner__icon { width: 22px; height: 22px; margin-left: 17px; fill: #fff; } .banner__product-logo { width: 132px; height: auto; } .banner__product-logo_small { width: 170px; height: auto; } /* marathons */ .marathons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: -20px; } .marathons__item { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px 0; padding: 31px 40px 25px 40px; background-color: #fff; } .marathons__title { margin: 0; font-size: 29px; font-weight: 700; line-height: 41px; } .marathons__text { margin: 25px 0 35px; line-height: 23px; } .marathons__footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .marathons__price { font-size: 30px; font-weight: 700; color: #e9588f; line-height: 43px; text-transform: uppercase; } .marathons__button { padding: 0 54px; } /* section */ .section--marathons { padding: 102px 0; -webkit-background-size: cover; background-size: cover; background-position: center; } .section--features { padding: 92px 0 108px; } .section--near-marathons { padding: 97px 0 0; } .section--top-scores { padding: 97px 0 100px; } .section--top-scores .section__title { margin: 0 0 49px 0; } .section--know { overflow: hidden; padding: 97px 0 5px; } .section--know .section__title { margin: 0 0 47px 0; } .section--products { margin: -39px 0 0; padding: 0 0 88px; } .section--products .section__title { margin: 0 0 28px; } .section--articles { padding: 108px 0 100px; } .section--articles .section__title { margin: 0 0 30px 0; } .section--articles .section__title-desc { max-width: 740px; } .section--bottom-text { overflow: hidden; padding: 100px 0 66px; } .section--top-scores-results { padding: 0 0 100px; } .section--top-scores-results .section__title { margin: 0 0 45px 0; } .section--top-scores-results .tabs__nav { margin: 0 0 50px 0; } .section--marathons-page { width: -webkit-calc(100% - 287px); width: calc(100% - 287px); } .section--marathons-page .section__title { margin: 0 0 43px 0; } .section--exercise-list { padding: 39px 0 0; } .section--exercise-list .section__title { margin: 0 0 97px 0; } .section--table { padding: 21px 0 0; } .section--table .section__title { margin: 0 0 47px 0; } .section--top-scores-catalog-page { padding: 57px 0 0; } .section--top-scores-catalog-page .section__title { margin: 0 0 45px 0; } .section--gift-certificate { padding: 96px 0 80px; } .section--sidebar { width: 287px; padding: 73px 0 0; } .section--near-marathons-catalog { width: -webkit-calc(100% - 287px); width: calc(100% - 287px); } .section--near-marathons-catalog .section__title { margin: 0 0 45px 0; } .section--catalog-text { padding: 100px 0 69px; } .section--catalog-text .section__title { margin: 0 0 37px 0; } .section--info-page, .section--faq { width: -webkit-calc(100% - 349px); width: calc(100% - 349px); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 60px 53px 0; } .section--info-page .section__title, .section--faq .section__title { margin: 0 0 36px 0; } .section--info-page .section__title--h2, .section--faq .section__title--h2 { margin: 0 0 39px 0; } .section--faq { padding: 0 60px 71px 0; } .section--faq .section__title { margin: 0 0 15px 0; } .section--sidebar-social { width: 300px; } .section--blog { width: -webkit-calc(100% - 287px); width: calc(100% - 287px); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 60px 96px 0; } .section--blog .section__title { margin: 0 0 43px 0; } .section--feedback { width: -webkit-calc(100% - 287px); width: calc(100% - 287px); -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 60px 37px 0; } .section--feedback .section__title { margin: 0 0 43px 0; } .section--social-review { padding: 0 0 80px; } .section--social-review .section__title { margin: 0 0 39px 0; } .section--social-review .section__title-desc { margin: 0 0 47px 0; } .section--article { width: -webkit-calc(100% - 287px); width: calc(100% - 287px); -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; } .section--article .section__title { margin: 0 0 42px 0; } .section--read-also { padding: 96px 0 77px; } .section--read-also .section__title { margin: 0 0 45px 0; } .section--about-top { width: 100%; } .section--about-top .section__title { margin: 0 0 45px 0; } .section--features-about { width: 100%; padding: 62px 0 0; } .section--features-about .section__title { margin: 0 0 88px 0; } .section--about-bottom { padding: 104px 0 119px; } .section__title { margin: 0 0 33px 0; font-size: 30px; font-weight: 700; color: #000; line-height: 30px; letter-spacing: 0.2px; text-transform: uppercase; } .section__title span { color: #e9588f; } .section__title--gift-certificate { margin: 0 0 39px 0; text-transform: none; line-height: 42px; } .section__title--h2 { font-size: 20px; line-height: 32px; text-transform: none; } .section__title-desc { margin: 0 0 56px 0; font-size: 16px; font-weight: 400; color: #000; line-height: 23px; } .section__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .section__img--btfl1 { position: absolute; top: 94px; left: -290px; -webkit-transform: rotate(24.23deg); -ms-transform: rotate(24.23deg); transform: rotate(24.23deg); width: 282.36px; height: 299.02px; } .section__img--btfl2 { position: absolute; right: -300px; bottom: -3px; } .section__img--btfly4 { position: absolute; top: -21px; left: -221px; width: 388px; height: 344px; } .section__img--btfly5 { position: absolute; top: -56px; right: -292px; } .section__img--btfly3-2 { position: absolute; top: 420px; left: -29px; } .section__img--btfly3-2-1 { position: absolute; top: 495px; left: 30px; } .section__img--btfly3-2-2 { position: absolute; top: 624px; left: -35px; } .section__img--btfly3-2-6 { position: absolute; top: 359px; right: 88px; } .section__img--btfly3-2-7 { position: absolute; top: 406px; right: -58px; } .section__img--btfly3-2-3 { position: absolute; top: 530px; right: 76px; } .section__img--btfly3-2-4 { position: absolute; top: 592px; right: -65px; } .section__img--btfly3-2-5 { position: absolute; top: 677px; right: 89px; } .section__bottom-text { max-width: 800px; margin: 0 auto; } .section__text-sep { width: 100%; height: 1.37px; margin: 0 0 91px; background: #c4c4c4; opacity: 0.3; } .section__text { margin: 0 0 30px; font-size: 16px; font-weight: 400; line-height: 30px; color: #000; } .section__text--catalog { line-height: 27px; } .section__text--info-page { margin: 0 0 41px; line-height: 27px; } .section__block--gift-certificate { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .section__block--gift-certificate-inner { max-width: 505px; margin: 53px 0 0 158px; } .section__icon--certificate { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 281px; height: 281px; margin: 49px 0 0 82px; fill: #e9588f; } .section__button--gift-certificate { min-width: 383px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } /* near-marathons */ .near-marathons { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 50px 0; padding: 39px 0 43px 83px; background-color: #000; } .near-marathons:last-of-type { margin: 0; } .near-marathons--catalog { max-width: 898px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 20px 20px 0; padding: 31px 0 39px 44px; } .near-marathons--catalog .near-marathons__side--left { max-width: 377px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 58px 0 0; } .near-marathons--catalog .near-marathons__side--right { padding: 32px 60px 0; } .near-marathons--catalog .near-marathons__button { min-width: 357px; } .near-marathons--catalog .near-marathons__round-button { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 24px 0 0; } .near-marathons--catalog .near-marathons__block--prev { margin: 35px 0 0 0; } .near-marathons__bg-img { -o-object-fit: cover; object-fit: cover; -o-object-position: cover; object-position: cover; font-family: 'object-fit: cover; object-position: cover'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; } .near-marathons__side { position: relative; z-index: 1; } .near-marathons__side--left { padding: 0 44px 0 0; border-right: 2px solid #fff; } .near-marathons__side--right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 0 0 0 118px; } .near-marathons__block--desc { width: 315.72px; } .near-marathons__block--desc-days-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .near-marathons__block--days-left { margin: -6px 0 0 75px; width: 200px; } .near-marathons__block--prev { width: 100%; margin: 23px 0 0 0; } .near-marathons__title { font-size: 20px; font-weight: 700; color: #fff; line-height: 20px; text-transform: uppercase; } .near-marathons__desc { margin: 25px 0 0 0; font-size: 16px; font-weight: 500; color: #fff; line-height: 22px; } .near-marathons__icons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px -20px -20px 0; } .near-marathons__icon-container { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 63px; height: 63px; margin: 0 20px 20px 0; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; } .near-marathons__icon-container:last-of-type { margin: 0; } .near-marathons__icon { width: 30px; height: 30px; fill: #000; } .near-marathons__icon--lighting { width: 30px; height: 30px; } .near-marathons__icon--bubble-speech { width: 40px; height: 40px; } .near-marathons__icon--person { width: 32px; height: 32px; } .near-marathons__icon--round-button { width: 22px; height: 22px; fill: #fff; } .near-marathons__icon--lens { width: 39px; height: 39px; } .near-marathons__icon--clouds { width: 36px; height: 36px; } .near-marathons__days-left { max-width: 180px; font-size: 30px; font-weight: 700; color: #fff; line-height: 40px; text-transform: uppercase; } .near-marathons__link--prev { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: 700; color: #fff; line-height: 25px; text-decoration: none; } .near-marathons__link--prev:hover .near-marathons__round-button { background-color: #fb7cac; } .near-marathons__round-button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 49px; height: 49px; margin-left: 30px; background-color: #e9588f; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .near-marathons__info-text--date-title, .near-marathons__info-text--date { font-size: 16px; font-weight: 700; color: #fff; line-height: 18px; } .near-marathons__info-text--date { font-size: 18px; line-height: 44px; } .near-marathons__info-text--price { margin: 0 0 14px 0; font-size: 34px; font-weight: 700; color: #fff; line-height: 37px; text-transform: uppercase; } .near-marathons__button { width: 245px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px 0; padding: 0 15px; } .near-marathons__button:last-of-type { margin: 0; } .near-marathons__buttons { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } /* top-scores */ .top-scores { /* before-and-after */ } .top-scores--catalog-page { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 100%; margin: 0 !important; } .top-scores__photo { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center'; position: relative; width: 100%; height: 400px; } /*.top-scores__photo--before {*/ /* -webkit-filter: grayscale(100%);*/ /* filter: grayscale(100%);*/ /*}*/ .top-scores .swiper-slide { height: 400px; -webkit-background-size: cover; background-size: cover; background-position: center; } .top-scores__zoom { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; outline: none; } .top-scores__zoom:hover { background: #e9588f; } .top-scores__icon--zoom { width: 22px; height: 22px; fill: #fff; } .top-scores__icon--chevron-left, .top-scores__icon--chevron-right { width: 24px; height: 24px; fill: #000; } .top-scores__slider-nav { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 24px; } .top-scores__slider-nav .swiper-button-prev, .top-scores__slider-nav .swiper-button-next { position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: auto; height: auto; margin: 0; padding: 0; background: none; outline: none; } .top-scores__slider-nav .swiper-button-prev { left: -45px; } .top-scores__slider-nav .swiper-button-next { right: -45px; } .top-scores__slider .swiper-slide { outline: none; } .top-scores__slider .swiper-slide:hover .top-scores__zoom { opacity: 1; } .top-scores__before-and-after-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -50px; } .top-scores__before-and-after-slider { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin: 0 20px 50px 0; } .top-scores__before-and-after-slider:nth-child(2n) { margin-right: 0; } .top-scores__before-and-after-slider:last-of-type { margin-right: 0; } .top-scores__before-and-after-slider:after { content: attr(data-place); position: absolute; z-index: 1; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 50%; height: 50px; font-size: 18px; font-weight: 500; color: #fff; line-height: 25px; background-color: #e9588f; } .top-scores__before-and-after-slider .swiper-button-prev, .top-scores__before-and-after-slider .swiper-button-next, .swiper-container.afrodita-results .swiper-button-prev, .swiper-container.afrodita-results .swiper-button-next { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; background: none; background-color: #e9588f; } .top-scores__before-and-after-slider .swiper-button-prev svg, .top-scores__before-and-after-slider .swiper-button-next svg, .swiper-container.afrodita-results .swiper-button-prev svg, .swiper-container.afrodita-results .swiper-button-next svg { fill: #fff; } .top-scores__before-and-after-slider .swiper-button-prev { left: 0; } .top-scores__before-and-after-slider .swiper-button-next, .swiper-container.afrodita-results .swiper-button-next { right: 0; } .top-scores__before-and-after { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .top-scores__before, .top-scores__after { position: relative; width: 50%; height: 400px; -webkit-background-size: cover; background-size: cover; background-position: center; } .top-scores__before:hover .top-scores__zoom, .top-scores__after:hover .top-scores__zoom { opacity: 1; } .top-scores__after { position: relative; width: 50%; height: 400px; -webkit-background-size: cover; background-size: cover; background-position: center; } .top-scores__bg-img { width: 100%; height: auto; } /* know */ .know { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .know__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: -webkit-calc(33.33% - 40px); width: calc(33.33% - 40px); margin: 0 60px 90px 0; text-align: center; } .know__item:nth-child(3n) { margin-right: 0; } .know__item:last-of-type { margin-right: 0; } .know__icon { width: 55px; height: 55px; fill: #e9588f; } .know__icon--placeholder { width: 54px; height: 54px; } .know__icon--warning { width: 61px; height: 61px; } .know__icon--clock { width: 53px; height: 53px; } .know__icon--clipboard { width: 55px; height: 55px; } .know__icon--wallet { width: 55px; height: 55px; } .know__icon--meditation { width: 55px; height: 55px; } .know__icon--pregnant { width: 63px; height: 63px; } .know__icon--document { width: 55px; height: 55px; } .know__icon--support2 { width: 57px; height: 57px; } .know__icon--trophy { width: 55px; height: 55px; } .know__title { margin: 30px 0 10px; font-size: 16px; font-weight: 700; line-height: 16px; color: #000; text-transform: uppercase; } .know__text, .know__link { margin: 16px 0 0; font-size: 16px; font-weight: 400; line-height: 24px; color: #000; } .know__link { margin: 0; font-weight: 700; color: #e9588f; } /* products */ .products { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products--catalog-page .products__item { width: 100%; margin-right: 0; padding: 47px 20px 35px; } .products--catalog-page .products__item--top-block { padding: 0; } .products--catalog-page .products__button { min-width: 98px; } .products--catalog-page .products__photo { width: 100%; height: 106px; } .products--catalog-page .products__title { margin: 29px 0 20px 0; } .products__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: -webkit-calc(33.33% - 13.3px); width: calc(33.33% - 13.3px); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 20px 0 0; padding: 0 30px 35px; -webkit-box-shadow: 0 14px 14px rgba(0, 0, 0, 0.1); box-shadow: 0 14px 14px rgba(0, 0, 0, 0.1); } .products__item:nth-child(3n) { margin-right: 0; } .products__item:last-of-type { margin-right: 0; } .products__item--top-block { padding: 0; } .products__item--sub { padding: 24px 20px 28px !important; } .products__photo { -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; font-family: 'object-fit: contain; object-position: center'; height: 246px; } .products__title { overflow: hidden; height: 48px; margin: 12px 0 20px 0; font-size: 16px; line-height: 24px; color: #000; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; text-align: left; } .products__footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .products__price { font-size: 16px; font-weight: 700; line-height: 16px; color: #000; } .products__button { min-width: 176px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } .products__icon--smile { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 62px; height: 62px; margin: 0 10px 0 0; fill: #e9588f; } .products__text--top-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 32px 21px 9px 11px; font-size: 16px; font-weight: 400; color: #000; line-height: 27px; } .products__text--top-block-pink { padding: 15px 20px 14px 26px; font-size: 20px; font-weight: 700; color: #fff; line-height: 29px; background-color: #e9588f; } .products__text--top-block-bottom { padding: 11px 21px 16px 26px; font-size: 16px; font-weight: 400; color: #000; line-height: 27px; } /* articles */ .articles__items-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -20px; } .articles__item { width: -webkit-calc(33.33% - 13.3px); width: calc(33.33% - 13.3px); height: 300px; margin: 0 20px 20px 0; -webkit-background-size: cover; background-size: cover; background-position: center; text-decoration: none; } .articles__item:nth-child(3n) { margin-right: 0; } .articles__item:last-of-type { margin-right: 0; } .articles__item:hover .articles__content { background-color: #e9588f; } .articles__item:hover .articles__date { background-color: #d4447b; } .articles__content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 23px; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .articles__date { position: absolute; top: 0; right: 0; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 50px; padding: 0 26px; font-size: 18px; font-weight: 500; color: #fff; line-height: 18px; text-transform: uppercase; background-color: #e9588f; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .articles__title { margin: 42px 0 0 0; font-size: 20px; font-weight: 700; line-height: 30px; color: #fff; text-align: center; text-transform: uppercase; } .articles__button { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); min-width: 388px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 50px 0 0 0; padding: 0 20px; text-transform: uppercase; } /* footer */ .footer { padding: 0 0 33px; color: #1E1F20; } .footer__header { padding: 15px 0 33px; border-top: 1px solid #E4E5E8; } .footer__text { max-width: 970px; margin: 0 auto; font-size: 16px; font-weight: 400; line-height: 25px; color: #1E1F20; } .footer__sep { width: 100%; height: 1px; background: #E4E5E8; } .footer__sep--header { margin: 15px 0 30px; } .footer__sep--footer { margin: 0 0 31px; } .footer__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .footer__link--nav { position: relative; font-size: 16px; color: #1E1F20; line-height: 16px; text-decoration: none; } .footer__link--nav:hover { font-weight: 700; } .footer__link--nav:hover:after { opacity: 1; } .footer__link--nav:before { content: attr(title); display: block; font-weight: 700; height: 0; overflow: hidden; visibility: hidden; } .footer__link--nav:after { content: ''; position: absolute; bottom: -7px; left: 0; height: 2px; width: 100%; background-color: #fff; opacity: 0; } .footer__link--mail { margin: 24px 0 0; font-size: 16px; font-weight: 400; line-height: 16px; color: #1E1F20; text-decoration: none; } .footer__links { padding: 45px 0 46px; border-top: 1px solid #E4E5E8; } .footer__links .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .footer__logo { width: 139px; height: auto; } .footer__address { position: relative; top: 5px; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; margin: 0 0 0 169px; } .footer__address-text { font-size: 16px; font-weight: 400; line-height: 25px; color: #1E1F20; } .footer__contacts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-left: auto; } .footer__support { margin: 20px 0 0 0; font-size: 16px; font-weight: 400; line-height: 16px; color: #1E1F20; } .footer__copyright { font-size: 16px; font-weight: 400; line-height: 16px; color: #1E1F20; } @media (max-width: 767px) { .footer__copyright { text-align: center; } } .footer__left-side { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .footer__social { margin: 9px 0 0 0; } /* breadcrumbs */ .breadcrumbs { width: 100%; margin: 48px 0 38px 0; } .breadcrumbs__inner-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs__item { position: relative; margin: 0 55px 11px 0; font-size: 16px; font-weight: 400; color: #b3b3b3; line-height: 16px; text-decoration: none; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .breadcrumbs__item:after { content: '>'; position: absolute; top: 50%; right: -33px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; font-weight: 400; color: #b3b3b3; line-height: 16px; pointer-events: none; } .breadcrumbs__item:last-of-type { margin-right: 0; } .breadcrumbs__item:last-of-type:after { content: none; } .breadcrumbs__item--curr { color: #000; pointer-events: none; } .breadcrumbs__item:hover { color: #000; } /* marathons-page */ .marathons-page { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .marathons-page__content { width: 100%; padding-right: 20px; } .marathons-page__sidebar { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 287px; } .marathons-page__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .marathons-page__effect-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .marathons-page__effect { font-size: 18px; font-weight: 700; color: #000; line-height: 18px; } .marathons-page__icons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 57px 0 -20px 0; } .marathons-page__icon-container { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 63px; height: 63px; margin: 0 20px 20px 0; background-color: #e9588f; -webkit-border-radius: 50%; border-radius: 50%; } .marathons-page__icon-container:last-of-type { margin: 0; } .marathons-page__icon { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 30px; height: 30px; fill: #fff; } .marathons-page__icon--lighting { width: 30px; height: 30px; } .marathons-page__icon--bubble-speech { width: 40px; height: 40px; } .marathons-page__icon--person { width: 32px; height: 32px; } .marathons-page__icon--round-button { width: 22px; height: 22px; fill: #fff; } .marathons-page__icon--lens { width: 39px; height: 39px; } .marathons-page__icon--clouds { width: 36px; height: 36px; } .marathons-page__icon--placeholder { width: 35px; height: 35px; fill: #000; } .marathons-page__icon--clock { width: 30px; height: 30px; fill: #000; } .marathons-page__icon--list { width: 34px; height: 34px; fill: #000; } .marathons-page__icon--small-calendar { width: 32px; height: 32px; fill: #000; } .marathons-page__icon--wallet { width: 32px; height: 32px; fill: #000; } .marathons-page__icon--baby-girl { width: 33px; height: 33px; fill: #000; } .marathons-page__icon--edit { width: 28px; height: 28px; fill: #000; } .marathons-page__icon--support2 { width: 28px; height: 28px; fill: #000; } .marathons-page__icon--trophy { width: 26px; height: 26px; fill: #000; } .marathons-page__buy-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: auto; } .marathons-page__price { margin: 0 0 23px 0; font-size: 50px; font-weight: 700; line-height: 50px; color: #e9588f; text-transform: uppercase; } .marathons-page__button { min-width: 285px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } .marathons-page__desc-container { margin: 48px 0 0; } .marathons-page__desc-title { font-size: 16px; line-height: 16px; font-weight: 700; color: #000; } .marathons-page__desc { margin: 26px 0 0; font-size: 16px; font-weight: 400; color: #000; line-height: 27px; } .marathons-page__list-item-title { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 305px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 50px 0 0; font-size: 16px; font-weight: 700; color: #000; line-height: 27px; } .marathons-page__list-item-title span { margin-left: 13px; } .marathons-page__text--list { font-size: 16px; font-weight: 400; color: #000; line-height: 27px; } /* table */ .table { width: 100%; border-collapse: collapse; } .table__tbody .table__tr:last-of-type .table__td { border: none; } .table__th { height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-weight: 500; line-height: 16px; color: #fff; background-color: #e9588f; text-align: center; } .table__th:first-of-type { text-align: left; padding-left: 37px; } .table__td { padding: 38px 0 41px; font-size: 16px; font-weight: 400; color: #000; line-height: 27px; border-bottom: 1px solid #c4c4c4; text-align: center; } .table__td--title { width: 238px; padding-left: 37px; font-weight: 700; text-align: left; } .table__td--start { width: 237px; } .table__td--finish { width: 238px; } .table__td--price { width: 227px; } .table__button { min-width: 176px; } /* blog */ .blog__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .blog__img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center'; width: 290px; height: 315px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .blog__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 33px 0 0 38px; } .blog__title { font-size: 20px; font-weight: 700; line-height: 23px; color: #000; } .blog__date { margin: 26px 0 21px; font-size: 16px; font-weight: 700; line-height: 24px; color: #000; } .blog__desc { margin: 0; font-size: 16px; line-height: 24px; } .blog__link { margin: 30px 0 0 auto; font-size: 16px; font-weight: 700; line-height: 24px; color: #e9588f; } .blog__link:hover { text-decoration: none; } /* pagination */ .pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin: 54px -41px 0 0; } .pagination__page { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; margin-right: 1px; font-size: 16px; font-weight: 400; color: #fff; line-height: 16px; text-decoration: none; background-color: #e9588f; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .pagination__page:last-of-type { margin-right: 0; } .pagination__page:hover { background-color: #fb7cac; } .pagination__icon { width: 12px; height: 12px; fill: #fff; } /* feedback */ .feedback__item { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 37px; } .feedback__item:after { content: ''; position: absolute; bottom: 0; left: 0; width: -webkit-calc(100% - 101px); width: calc(100% - 101px); height: 1px; border-bottom: 2px solid #c4c4c4; } .feedback__item:last-of-type:after { content: none; } .feedback__img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center'; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 106px; height: 106px; -webkit-border-radius: 50%; border-radius: 50%; } .feedback__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-left: 30px; } .feedback__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: -7px 0 0; } .feedback__name { margin-right: 30px; font-weight: 700; font-size: 16px; color: #000; line-height: 16px; } .feedback__text { margin: 17px 0 0; font-size: 16px; line-height: 27px; } .feedback__more { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; width: auto !important; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; margin: 10px 0 15px; font-size: 16px; font-weight: 700; color: #e9588f; line-height: 27px; } /* article */ .article__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 0 45px; } .article__date { font-size: 16px; font-weight: 400; color: #000; line-height: 16px; } .article__social-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .article__social-text { margin-right: 20px; font-size: 16px; font-weight: 400; color: #000; line-height: 16px; } .article__text { margin: 0 0 40px; font-size: 16px; font-weight: 400; color: #000; line-height: 27px; } .article__title--h2 { margin: 89px 0 44px; font-size: 20px; font-weight: 700; color: #000; line-height: 20px; } .article__title--h3 { margin: 94px 0 43px; font-size: 16px; font-weight: 700; color: #000; line-height: 16px; } .article__slider { width: 100%; margin: 44px 0 0; } .article__slider .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .article__slider .swiper-button-prev, .article__slider .swiper-button-next { top: -webkit-calc(50% - 30px); top: calc(50% - 30px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; background: none; } .article__slider .swiper-button-prev { left: 0; } .article__slider .swiper-button-next { right: 0; } .article__slider-img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center'; width: 695px; height: 341px; margin: 0 auto 0; } .article__slider-text { margin: 22px 0 0; font-size: 16px; font-weight: 400; color: #000; line-height: 27px; } .article__list { margin: 48px 0 0 0; padding: 0 0 0 11px; list-style: none; } .article__list-item { position: relative; margin: 0 0 22px; } .article__list-item:after { content: ''; position: absolute; top: 50%; left: -10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 5px; height: 1.2px; background-color: #e9588f; } .article__footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 50px 0 0; } .article__button { min-width: 285px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } /* read-also */ .read-also { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .read-also__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 285px; margin: 0 20px 19px 0; } .read-also__item:nth-child(4n) { margin-right: 0; } .read-also__item:last-of-type { margin-right: 0; } .read-also__img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center'; width: 100%; height: 220px; } .read-also__link { margin: 20px 0 0; font-size: 16px; color: #000; line-height: 24px; text-decoration: none; } .read-also__link:hover { text-decoration: underline; } /* about */ .about__block--about-me { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .about__block--my-history { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 64px 0 0; } .about__block--my-history .about__text-side { margin: 0; padding: 0 80px 0 0; } .about__img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center'; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 286px; height: 286px; -webkit-border-radius: 50%; border-radius: 50%; } .about__text-side { margin: 0 0 0 57px; } .about__title { margin: 0 0 36px; font-size: 18px; font-weight: 700; color: #000; text-transform: uppercase; } .about__text { margin: 0 0 28px; font-size: 16px; font-weight: 400; color: #000; line-height: 27px; } .about__slider { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 596px; height: 341px; margin: 67px 0 0; } .about__slider .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .about__slider .swiper-button-prev, .about__slider .swiper-button-next { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; margin: 0; background: none; } .about__slider .swiper-button-prev { left: 0; } .about__slider .swiper-button-next { right: 0; } .about__slider-img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center'; width: 388px; height: 100%; } .about__sep { width: 49px; height: 5px; margin: 46px 0 42px; background-color: #e9588f; } .about__icon--slider { width: 24px; height: 24px; fill: #000; } @media (max-width: 1319.98px) { /* wrapper */ .wrapper { width: 960px; padding: 0 19px; } /* header */ .header__button { margin-right: 10px; padding: 0 20px; height: 40px; } .header__top-buttons { height: 40px; } .header__link--top-nav { margin-right: 20px; font-size: 14px; } /* section */ .section--features { padding: 50px 0; } .section--marathons { padding: 50px 0; } .section--near-marathons { padding: 50px 0 0; } .section--top-scores { padding: 50px 0 100px; } .section--top-scores .section__title { margin: 0 0 30px 0; } .section--know { padding: 60px 0 5px; } .section--products { padding: 0 0 50px; } .section--articles { padding: 50px 0; } .section--bottom-text { padding: 50px 0; } .section--marathons-page { width: 100%; } .section--sidebar { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; padding: 0 0 50px; } .section--sidebar-catalog { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; width: 100%; padding: 40px 0 50px; } .section--near-marathons-catalog { width: 100%; } .section--blog { width: 100%; padding-right: 0; } .section--sidebar-review { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; width: 287px; } .section--sidebar-review .products__item--sub { width: 100% !important; } .section--article { width: 100%; padding-right: 0; } .section__title { margin: 0 0 20px 0; line-height: 50px; } .section__title-desc { margin: 0 0 30px 0; } .section__butterflies { opacity: 0.2; } .section__text-sep { margin: 0 0 40px; } /* list */ .list--features { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 -50px 0; } .list--features .list__item { width: 33.33%; margin: 0 0 50px 0; } .list--exercise-list .list__item { margin: 0 32px 60px 0; } /* near-marathons */ .near-marathons { padding: 30px; } .near-marathons--catalog { max-width: 100%; } .near-marathons__side--left { padding: 0 30px 0 0; } .near-marathons__side--right { padding: 0 0 0 30px; } .near-marathons__block--desc { width: 242px; } /* tabs */ .tabs--top-scores .tabs__button { margin-right: 10px; padding: 0; font-size: 17px; } .tabs--top-scores .tabs__nav { margin: 0 0 30px 0; } /* top-scores */ .top-scores__slider-nav .swiper-button-prev { left: -26px; } .top-scores__slider-nav .swiper-button-next { right: -26px; } /* banner */ .banner--all-marathon { padding: 60px 0; } .banner__title--product { font-size: 27px; line-height: 38px; } /* products */ .products--catalog-page .products__item { width: -webkit-calc(33% - 8px); width: calc(33% - 8px); margin-right: 16px; } .products--catalog-page .products__item:nth-child(3n) { margin-right: 0; } .products--catalog-page .products__item:last-of-type { margin-right: 0; } .products--catalog-page .products__item--top-block { width: 100%; margin-right: 0; margin-bottom: 20px; } .products__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .products__price { margin-bottom: 20px; } .products__text--top-block-pink, .products__text--top-block, .products__text--top-block-bottom { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } /* know */ .know__item { margin: 0 60px 60px 0; } /* marathons-page */ .marathons-page__content { padding: 0; } /* table */ .table__td--title { padding-left: 15px; } .table__td--button { padding-right: 15px; } /* pagination */ .pagination { margin: 54px 0 0; } /* read-also */ .read-also__item:nth-child(4n) { margin-right: 20px; } .read-also__item:nth-child(3n) { margin-right: 0; } /* about */ .about__block--my-history { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .about__block--my-history .about__text-side { padding-right: 0; } .about__slider { width: 100%; margin: 30px 0 0; } .about__slider-img { max-width: 1000px; width: auto; } } @media (max-width: 991.98px) { /* wrapper */ .wrapper { width: 100%; } /* header */ .header--desktop { display: none; } .header--mobile { display: block; } .header__contacts { margin: 0; } .header__link--contacts { font-weight: 700; line-height: 70px; } .header__text--contacts { font-weight: 700; line-height: 60px; } .header__social { margin: 0; } .header__contacts-item { margin: 0; } /* section */ .section--features { padding: 41px 0 46px; } .section--marathons { padding: 20px 0 0; } .section--near-marathons { padding: 59px 0 0; } .section--top-scores { padding: 40px 0 50px; } .section--top-scores .section__title { margin: 0 0 22px 0; } .section--know { padding: 39px 0 5px; } .section--know .section__title { margin: 0 0 18px 0; line-height: 40px; } .section--products { margin: 0; padding: 67px 35px 50px; } .section--products .section__title { margin: 0 0 20px; } .section--articles { padding: 46px 0 50px; } .section--articles .section__title { margin: 0 0 18px 0; } .section--bottom-text { padding: 50px 0 12px; } .section--top-scores-results { padding: 0 0 30px; } .section--top-scores-results .section__title { margin: 0 0 38px 0; } .section--marathons-page .section__title { margin: 0 0 36px 0; } .section--exercise-list .section__title { margin: 0 0 55px 0; } .section--table { padding: 31px 0 0; } .section--table .section__title { margin: 0 0 15px 0; } .section--top-scores-catalog-page { width: 100%; padding: 0; } .section--top-scores-catalog-page .section__title { margin: 0 0 23px 0; } .section--gift-certificate { padding: 42px 0 46px; } .section--gift-certificate .section__title { font-size: 24px; line-height: 34px; } .section--gift-certificate .section__title--gift-certificate { margin: 22px 0 38px 0; font-size: 30px; line-height: 45.5px; } .section--near-marathons-catalog .section__title { margin: 0 0 43px 0; } .section--sidebar-catalog { padding: 16px 0 50px; } .section--catalog-text { padding: 13px 0 12px; } .section--catalog-text .section__title { font-size: 30px; line-height: 30px; } .section--info-page { width: 100%; padding: 0; } .section--info-page .section__title--h2 { margin: 0 0 44px 0; } .section--sidebar-social { width: 100%; margin: -5px 0 0 0; padding: 0 0 8px; } .section--faq { width: 100%; padding-right: 0; } .section--feedback { width: 100%; padding: 0; } .section--sidebar-review { width: 100%; padding: 0 0 32px; } .section--sidebar-review .products__item--sub { padding: 18px 0 0 !important; -webkit-box-shadow: none; box-shadow: none; } .section--social-review { padding: 0 0 30px; } .section--social-review .section__title { margin: 0 0 21px 0; line-height: 33px; } .section--social-review .section__title-desc { margin: 0 0 18px 0; line-height: 27px; } .section--article .section__title { margin: 0 0 36px 0; } .section--read-also { padding: 35px 0 41px; } .section--read-also .section__title { margin: 0 0 8px 0; } .section--features-about { padding: 39px 0 0; } .section--features-about .section__title { margin: 0 0 21px 0; font-size: 30px; line-height: 45px; } .section--about-bottom { padding: 34px 0 15px; } .section--about-bottom .section__title { margin: 0 0 30px 0; font-size: 30px; line-height: 45px; } .section__title { margin: 0 0 13px 0; font-size: 24px; line-height: 40px; } .section__title--h2 { font-size: 20px; line-height: 20px; } .section__title-desc { margin: 0 0 24px 0; } .section__img--btfl1 { top: 228px; left: -116px; width: 195.88px; height: 200.5px; opacity: 0.2; } .section__img--btfl2 { right: -287px; bottom: -96px; width: 514px; height: 460px; opacity: 0.2; } .section__img--btfly4 { top: 149px; left: -129px; width: 243px; height: 215px; } .section__img--btfly5 { top: -4px; right: -200px; width: 311px; height: 276px; } .section__img--btfly3-2 { top: 444px; left: -7px; } .section__img--btfly3-2-1 { top: 516px; left: 55px; } .section__img--btfly3-2-2 { top: 649px; left: -13px; } .section__img--btfly3-2-6 { top: 428px; right: 156px; } .section__img--btfly3-2-7 { top: 476px; right: 10px; } .section__img--btfly3-2-3 { top: 598px; right: 142px; } .section__img--btfly3-2-4 { top: 661px; right: 2px; } .section__img--btfly3-2-5 { top: 746px; right: 157px; } .section__text-sep { width: -webkit-calc(100% + 38px); width: calc(100% + 38px); margin: 0 -19px 40px; } .section__block--gift-certificate { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .section__block--gift-certificate-inner { max-width: 100%; margin: 0; } .section__icon--certificate { margin: 35px auto 0; } .section__button { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /* list */ .list--marathons-page { margin: 40px 0 0; } .list--marathons-page .list__item { padding: 17px 0; } .list--exercise-list { margin-bottom: -44px; } .list--exercise-list .list__item { width: -webkit-calc(50% - 8px); width: calc(50% - 8px); margin: 0 16px 28px 0; } .list--exercise-list .list__item:nth-child(2n) { margin-right: 0; } .list--exercise-list .list__item:last-of-type { margin-right: 0; } /* near-marathons */ .near-marathons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 0 20px 0; padding: 18px 20px 10px 20px; } .near-marathons--catalog { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 34px 20px 43px 44px; } .near-marathons--catalog .near-marathons__desc { margin: 22px 0 0 0; } .near-marathons--catalog .near-marathons__side--left { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 331px; padding: 0 17px 0 0; border-bottom: none; border-right: 2px solid #fff; } .near-marathons--catalog .near-marathons__side--right { width: 100%; padding: 0 0 25px 17px; } .near-marathons--catalog .near-marathons__icons { margin: 20px 0 0 0; } .near-marathons--catalog .near-marathons__link--prev { font-size: 16px; font-weight: 400; line-height: 23px; } .near-marathons--catalog .near-marathons__block--prev { margin: 20px 0 0 0; } .near-marathons--catalog .near-marathons__round-button { position: relative; top: 7px; margin: 0; } .near-marathons--catalog .near-marathons__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0; } .near-marathons--catalog .near-marathons__button { min-width: 0; width: 100%; } .near-marathons--catalog .near-marathons__info-text--price { margin: 32px 0 0 0; } .near-marathons__side--left { padding: 0 0 23px 0; border: none; border-bottom: 1px solid #fff; } .near-marathons__side--right { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 28px 0 0 0; } .near-marathons__buttons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 16px 0 0 0; } .near-marathons__button { width: -webkit-calc(50% - 7.5px); width: calc(50% - 7.5px); } .near-marathons__desc { margin: 21px 0 0 0; } .near-marathons__days-left { font-size: 20px; line-height: 38px; } .near-marathons__block--desc { width: 316px; } .near-marathons__block--days-left { margin: -12px 0 0 90px; } .near-marathons__block--prev { margin: -11px 0 0 0; } .near-marathons__icons { margin: 21px 0 0 4px; } .near-marathons__info-text--price { margin: 16px 0 0 129px; } /* tabs */ .tabs--top-scores .tabs__nav { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 11px; } .tabs--top-scores .tabs__button { width: -webkit-calc(50% - 8px); width: calc(50% - 8px); margin: 0 16px 19px 0; } .tabs--top-scores .tabs__button:nth-child(2n) { margin-right: 0; } .tabs--top-scores-results .tabs__nav { margin-bottom: 32px; } /* top-scores */ .top-scores--catalog-page { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-scores__slider-nav { z-index: 1; height: 0; } .top-scores__slider-nav .swiper-button-prev, .top-scores__slider-nav .swiper-button-next { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; background-color: #e9588f; } .top-scores__slider-nav .swiper-button-prev { left: 0; } .top-scores__slider-nav .swiper-button-next { right: 0; } .top-scores__icon--chevron-left, .top-scores__icon--chevron-right { fill: #fff; } .top-scores__zoom { -webkit-animation: zoomBlink 3s infinite ease-in-out; animation: zoomBlink 3s infinite ease-in-out; } .top-scores .swiper-slide:hover .top-scores__zoom { -webkit-animation: none; animation: none; opacity: 1; } .top-scores__before-and-after { width: 100%; } .top-scores__before-and-after-container { margin-bottom: 0; } .top-scores__before-and-after-slider { width: 100%; margin-right: 0; margin-bottom: 20px; } @-webkit-keyframes zoomBlink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } @keyframes zoomBlink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } /* banner */ .banner--main { padding: 45px 0 71px; } .banner--all-marathon { padding: 42px 0 50px; } .banner--product { padding: 33px 0 33px; } .banner--form { padding: 0 0 51px; } .banner__title { font-size: 31px; line-height: 43px; } .banner__title:after { bottom: -48px; } .banner__title--all-marathon { max-width: 480px; margin: 0 auto; font-size: 24px; line-height: 34px; } .banner__title--all-marathon:after { bottom: -27px; } .banner__title--product { max-width: 330px; margin: 29px 0 34px; font-size: 19.2703px; line-height: 27px; } .banner__title--form { padding: 36px 0 0; font-size: 24px; } .banner__text { margin: 85px 0 46px; } .banner__text--all-marathon { margin: 46px 0 31px; line-height: 22px; } .banner__button { padding: 0 91px 0 96px; } .banner__button--all-marathon { min-width: 357px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } .banner__button--product { padding: 0 20px; } .banner__wrapper--product { padding: 0 54px; } /* products */ .products--catalog-page .products__item { width: -webkit-calc(50% - 8px); width: calc(50% - 8px); margin-right: 16px; padding: 14px 25px 35px; } .products--catalog-page .products__item:nth-child(3n) { margin-right: 0; } .products--catalog-page .products__item:nth-child(2n) { margin-right: 16px; } .products--catalog-page .products__item:nth-child(2n+1) { margin-right: 0; } .products--catalog-page .products__item--top-block { width: 100%; padding: 0; } .products--catalog-page .products__footer { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .products--catalog-page .products__photo { height: 134px; } .products--catalog-page .products__title { margin: 17px 0 20px 0; } .products--catalog-page .products__price { margin: 0; } .products--catalog-page .products__button { min-width: 121.22px; } .products__item { width: -webkit-calc(50% - 8px); width: calc(50% - 8px); margin-right: 16px; padding: 37px 20px 30px; } .products__item:nth-child(2n) { margin-right: 0; } .products__item:last-of-type { margin-right: 0; } .products__item--sub { width: 100% !important; } .products__photo { height: 182px; } .products__title { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; text-align: center; } .products__price { margin-bottom: 28px; } .products__button { min-width: 100%; } .products__icon--smile { margin: 0 19px 0 0; } .products__text--top-block { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 32px 21px 20px 11px; } .products__text--top-block-pink { text-align: center; } .products__text--top-block-bottom { padding: 17px 21px 20px 20px; } /* know */ .know__item { width: -webkit-calc(50% - 8px); width: calc(50% - 8px); margin: 0 16px 16px 0; } .know__item:nth-child(2n) { margin-right: 0; } .know__icon { width: 55px; height: 55px; } /* marathons */ .marathons__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: -webkit-calc(50% - 8px); width: calc(50% - 8px); margin: 0 0 20px 0; padding: 23px 30px 30px; } .marathons__title { font-size: 20px; line-height: 28px; text-align: center; } .marathons__text { margin: 18px 0 15px; line-height: 23px; } .marathons__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: auto; } .marathons__button { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 19px 0 0 0; } /* articles */ .articles__item { width: -webkit-calc(50% - 8px); width: calc(50% - 8px); margin-right: 16px; } .articles__item:nth-child(3n) { margin-right: 16px; } .articles__item:nth-child(2n) { margin-right: 0; } .articles__date { padding: 0 27px; font-size: 16px; } .articles__button { min-width: 357px; margin: 20px 0 0 0; } /* form */ .form--banner { margin: 17px 0 0; } .form--banner .form__input, .form--banner .form__button { width: 357px; } .form--banner .form__input { margin-right: 16px; } .form--registration { padding: 27px 0 51px; } .form--sub { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form--sub .form__input, .form--sub .form__button { width: -webkit-calc(50% - 8px); width: calc(50% - 8px); margin-right: 16px; } .form--sub .form__input:last-of-type, .form--sub .form__button:last-of-type { margin-right: 0; } .form--sub .form__title { margin: 0; } .form--sub .form__text { margin: 16px 0 24px; } .form__header { margin: 0 0 46px 0; } .form__text--social { margin-right: 30px; } .form__box--social { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* footer */ .footer { padding: 0 0 29px; } .footer__left-side { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__address { margin: 11px 0 0; } .footer__logo { width: 105.07px; height: auto; } .footer__links { padding: 22px 0 27px; } .footer__link--logo { padding-left: 76px; } .footer__link--mail { margin: 22px 0 0; } .footer__address-text { font-size: 15px; line-height: 23px; } .footer__contacts { margin-right: 45px; } .footer__social { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin: 58px 0 0 0; } .footer__support { margin: 10px 0 0 0; } /* breadcrumbs */ .breadcrumbs { margin: 48px 0 41px 0; } /* marathons-page */ .marathons-page { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .marathons-page__buy-container { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin: 2px 0 0 auto; } .marathons-page__button { min-width: 357px; } /* table */ .table__td { padding-top: 46px; padding-bottom: 33px; } .table__td--title { padding-left: 21px; line-height: 16px; } .table__th:first-of-type { padding-left: 21px; } .table__button { min-width: 105px; } /* button */ .button--top-scores-catalog-page { min-width: 357px; } /* social */ .social--sidebar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding: 0; } .social--sidebar .social__item { width: -webkit-calc(50% - 8px); width: calc(50% - 8px); margin-right: 16px; } .social--sidebar .social__item:nth-child(2n) { margin-right: 0; } .social--sidebar .social__item:last-of-type { margin-right: 0; } .social--review .social__item { width: -webkit-calc(50% - 8px); width: calc(50% - 8px); margin-right: 16px; } .social--review .social__item:nth-child(2n) { margin-right: 0; } .social--review .social__item:last-of-type { margin-right: 0; } /* pagination */ .pagination { margin: 30px 0 0; } /* blog */ .blog__img { width: 263px; height: 286px; } .blog__item { margin-bottom: 30px; } .blog__content { padding: 31px 0 0 17px; } .blog__link { margin: 5px 0 0 auto; } /* feedback */ .feedback__item { margin: 0 0 29px; padding: 7px 0 0 8px; } .feedback__item:after { width: 100%; } .feedback__more { margin: 10px 0 23px; } /* read-also */ .read-also__item { width: -webkit-calc(50% - 12.5px); width: calc(50% - 12.5px); margin: 0 25px 16px 0; } .read-also__item:nth-child(3n) { margin-right: 25px; } .read-also__item:nth-child(4n) { margin-right: 0; } .read-also__item:nth-child(2n) { margin-right: 0; } /* article */ .article__title--h2 { margin: 43px 0 15px; } .article__title--h3 { margin: 44px 0 14px; } .article__slider-img { width: 100%; } .article .swiper-button-prev, .article .swiper-button-next { top: -webkit-calc(50% - 4px); top: calc(50% - 4px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; background-color: #e9588f; } .article__slider-text { margin: 11px 0 0; } .article__list { margin: 42px 0 0 0; } .article__button { min-width: 355px; } /* about */ .about__block--about-me { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .about__block--my-history { margin: 15px 0 0; } .about__img { margin: 0 auto 40px; } .about__text-side { margin: 0; } .about__slider { margin: 17px 0 0; } .about__slider .swiper-button-prev, .about__slider .swiper-button-next { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; background: #e9588f; } .about__slider .swiper-button-prev svg, .about__slider .swiper-button-next svg { fill: #fff; } .about__slider .swiper-button-prev { left: 0; } .about__slider .swiper-button-next { right: 0; } .about__slider-img { width: 100%; } .about__sep { margin: 28px 0 33px; } } @media (max-width: 767.98px) { /* list */ .list--features .list__item { width: 50%; } /* near-marathons */ .near-marathons--catalog { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 30px 20px; } .near-marathons--catalog .near-marathons__side--left { max-width: 100%; padding: 0 0 22px 0; border-right: none; border-bottom: 2px solid #fff; } .near-marathons--catalog .near-marathons__side--right { margin: 30px 0 0 0; padding: 0; } .near-marathons--catalog .near-marathons__round-button { top: 0; margin-left: 20px; } .near-marathons--catalog .near-marathons__info-text--price { margin: 0 0 20px 0; } /* banner */ .banner__wrapper--product { padding: 0 19px; } /* products */ .products--catalog-page .products__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .products--catalog-page .products__price { margin-bottom: 20px; } /* marathons */ .marathons__button { padding: 0 10px; } /* footer */ .footer__nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer__link--nav { margin-bottom: 30px; } .footer__link--nav:last-of-type { margin-bottom: 0; } .footer__link--logo { padding: 0; } /* marathons-page */ .marathons-page__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .marathons-page__list-item-title { width: 250px; padding: 0 20px 0 0; } /* blog */ .blog__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 46px; } .blog__img { width: 100%; } .blog__content { padding: 23px 0 0 0; } .blog__desc { line-height: 27px; } .blog__link { margin: 17px 0 0 auto; } /* article */ .article__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .article__social-container { margin-top: 25px; } } @media (max-width: 575.98px) { /* header */ .header__top-buttons--mobile { display: none; } .header__mobile { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header__mobile-nav { padding: 20px; } /* section */ .section--features { padding: 45px 0 57px; } .section--marathons { padding: 20px 0 18px; } .section--near-marathons { padding: 48px 0 0; } .section--near-marathons .section__title { font-size: 18px; line-height: 18px; } .section--near-marathons .section__title-desc { margin: 0 0 15px 0; } .section--top-scores { padding: 44px 0 50px; } .section--top-scores .section__title { margin: 0 0 15px 0; font-size: 18px; line-height: 27px; } .section--know { padding: 44px 0 5px; } .section--know .section__title { margin: 0 0 43px 0; font-size: 18px; line-height: 27px; } .section--products { padding: 12px 0 50px; } .section--products .section__title { margin: 0 0 15px 0; font-size: 18px; line-height: 27px; } .section--articles { padding: 8px 0 50px; } .section--articles .section__title { margin: 0 0 15px 0; font-size: 18px; line-height: 27px; } .section--articles .section__title-desc { margin: 0 0 18px 0; } .section--top-scores-results { padding: 0; } .section--top-scores-results .section__title { margin: 0 0 17px 0; font-size: 18px; line-height: 27px; } .section--marathons-page .section__title { margin: 0 0 8px 0; font-size: 18px; } .section--exercise-list { padding: 10px 0 0; } .section--exercise-list .section__title { margin: 0 0 47px 0; font-size: 18px; line-height: 28px; } .section--top-scores-catalog-page .section__title { margin: 0 0 16px 0; font-size: 18px; line-height: 30px; } .section--gift-certificate { padding: 42px 0 0; } .section--gift-certificate .section__title { margin: 0 0 -27px 0; font-size: 18px; line-height: 30px; } .section--gift-certificate .section__title--gift-certificate { margin: 6px 0 20px 0; font-size: 20px; line-height: 34px; } .section--sidebar { padding: 23px 0 50px; } .section--sidebar-catalog { padding: 23px 0 9px; } .section--table { width: 100%; padding: 37px 0 0; } .section--table .section__title { margin: 0 0 -10px 0; font-size: 18px; line-height: 30px; } .section--top-scores-catalog-page { padding: 12px 0 0; } .section--near-marathons-catalog { width: -webkit-calc(100% + 38px); width: calc(100% + 38px); margin: 0 -19px; } .section--near-marathons-catalog .section__title { margin: 0 19px 41px 19px; font-size: 18px; line-height: 30px; } .section--catalog-text .section__title { margin: 0 0 8px 0; font-size: 18px; } .section--info-page .section__title, .section--faq .section__title { margin: -13px 0 35px; font-size: 18px; } .section--info-page .section__title--h2, .section--faq .section__title--h2 { font-size: 20px; margin: 0 0 15px; } .section--faq { padding: 0; } .section--faq .section__title { margin: -13px 0 5px; } .section--sidebar-social { margin: 0; padding: 18px 0 8px; } .section--blog { padding-bottom: 0; } .section--blog .section__title { font-size: 18px; line-height: 27px; } .section--feedback .section__title { font-size: 18px; line-height: 27px; } .section--sidebar-review { padding: 18px 0 22px; } .section--social-review .section__title { margin: 0 0 11px 0; font-size: 18px; line-height: 30px; } .section--article .section__title { margin: 0 0 17px 0; font-size: 18px; font-weight: 700; color: #000; line-height: 27px; } .section--read-also { margin: 0 0 -53px; padding: 35px 0 0; } .section--about-top .section__title { margin: -7px 0 41px 0; font-size: 18px; line-height: 30px; } .section--features-about .section__title { margin: 0 0 21px 0; font-size: 18px; line-height: 30px; } .section--about-bottom { padding: 55px 0 15px; } .section--about-bottom .section__title { margin: 0 0 9px 0; font-size: 18px; line-height: 30px; } .section__img--btfl1, .section__img--btfl2, .section__img--btfly4, .section__img--btfly3-2, .section__img--btfly3-2-1, .section__img--btfly3-2-2 { display: none; } .section__img--btfly5 { top: 25px; right: -175px; } .section__img--btfly3-2-6 { top: 457px; right: 181px; } .section__img--btfly3-2-7 { top: 505px; right: 33px; } .section__img--btfly3-2-3 { top: 630px; right: 165px; } .section__img--btfly3-2-4 { top: 694px; right: 27px; } .section__img--btfly3-2-5 { top: 779px; right: 179px; } .section__button--gift-certificate { min-width: 0; width: 100%; } .section__title--no-section { font-size: 22px; line-height: 27px; } .section__text--info-page { margin: 0 0 21px; } /* list */ .list--features .list__item { width: 100%; } .list--marathons-page { margin: 19px 0 0; } .list--marathons-page .list__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; margin: 0 0 10px; } .list--exercise-list .list__item { width: 100%; margin: 0 0 43px 0; } .list--exercise-list .list__text { margin: 0; } .list--exercise-list .list__item-num { margin: 0 0 17px 0; } .list--faq .list__answer { margin: 14px 20px 0 38px; } .list__icon--angle-down { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } /* near-marathons */ .near-marathons { margin: 0 -19px 25px; padding: 18px 20px 36px 20px; } .near-marathons:last-of-type { margin: 0 -19px; } .near-marathons--catalog { margin: 0 0 20px; padding: 29px 20px 30px 20px; } .near-marathons--catalog:last-of-type { margin: 0; } .near-marathons--catalog .near-marathons__title { font-size: 22px; text-transform: none; } .near-marathons--catalog .near-marathons__desc { margin: 21px 0 0 0; line-height: 17px; } .near-marathons--catalog .near-marathons__icons { margin: 28px 0 0 0; } .near-marathons--catalog .near-marathons__icon-container:last-of-type { margin-right: 0; } .near-marathons--catalog .near-marathons__block--prev { margin: 23px 0 0 0; } .near-marathons--catalog .near-marathons__side--left { padding: 0 0 27px 0; } .near-marathons--catalog .near-marathons__side--right { margin: 23px 0 0 0; } .near-marathons--catalog .near-marathons__info-text--price { margin: 0 0 14px 0; } .near-marathons__side--left { padding: 0 0 32px 0; } .near-marathons__block--desc { width: 100%; } .near-marathons__block--desc-days-left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .near-marathons__block--days-left { position: absolute; top: 106px; left: 0; width: 100%; margin: 0; } .near-marathons__block--prev { margin: 24px 0 0 0; } .near-marathons__desc { margin: 26px 0 0 0; } .near-marathons__icons { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 106px 0 0 -1px; } .near-marathons__days-left { max-width: 100%; line-height: 29px; } .near-marathons__link--prev { font-size: 16px; font-weight: 400; line-height: 23px; } .near-marathons__round-button { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 2px 26px 0 0; } .near-marathons__info-text--price { margin: 8px auto 0; } .near-marathons__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 23px 0 0 0; } .near-marathons__button { width: 100%; } .near-marathons__title { font-size: 18px; } /* tabs */ .tabs--top-scores .tabs__button { width: 100%; margin: 0 0 20px 0; } .tabs--top-scores .tabs__nav { margin-bottom: 5px; } /* top-scores */ .top-scores__before-and-after { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto !important; margin: 0; } .top-scores__before, .top-scores__after { width: 100%; } .top-scores__before { margin-bottom: 10px; } .top-scores__before-and-after-slider:after { width: 100%; } /* banner */ .banner--main { padding: 26px 0 30px; } .banner--all-marathon { padding: 46px 0 29px; } .banner--product { background: url(/local/templates/melannett_new/css/../imgs/banner/banner__bg--product-mobile.jpg) no-repeat center; padding: 23px 0 329px; } .banner_product { background: none; padding-bottom: 0; } .banner--form { padding: 9px 0 50px; } .banner__button { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } .banner__button--all-marathon { width: 100%; min-width: 0; font-size: 16px; padding: 0 10px; } .banner__title { font-size: 18px; line-height: 25px; } .banner__title:after { bottom: -27px; } .banner__title--all-marathon { max-width: 255px; } .banner__title--product { margin: 29px 0 39px; text-align: center; } .banner__title--form { text-align: left; } .banner__text { margin: 50px 0 68px; } .banner__text--all-marathon { margin: 50px 0 24px; font-size: 16px; line-height: 23px; } .banner__product-logo { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /* products */ .products--catalog-page .products__item { width: 100%; margin-right: 0; } .products--catalog-page .products__item:nth-child(2n) { margin-right: 0; } .products--catalog-page .products__button { min-width: 0; width: 100%; } .products__item { width: 100%; margin: 0 0 20px 0; } .products__item--top-block { -webkit-box-shadow: none; box-shadow: none; } .products__item--sub { -webkit-box-shadow: none; box-shadow: none; padding: 20px 0 0 0 !important; } .products__photo { max-height: 161px; } .products__title { margin: 12px 0 23px 0; } .products__price { margin-bottom: 32px; } .products__text--top-block { padding: 18px 0 20px 1px; } .products__text--top-block-pink { padding: 16px 30px; } .products__text--top-block-bottom { margin: 17px 0 0; padding: 0; } .products__icon--smile { margin: 0 13px 0 0; } /* know */ .know__item { width: 100%; margin: 0 0 42px 0; } .know__title { margin: 24px 0 6px; line-height: 24px; } /* marathons */ .marathons__item { width: 100%; padding: 23px 14px 30px; } /* articles */ .articles__button { width: 100%; min-width: 0; } .articles__item { width: -webkit-calc(100% + 38px); width: calc(100% + 38px); margin: 0 -19px 25px; } .articles__item:nth-child(2n), .articles__item:nth-child(3n) { margin-right: -19px; } /* form */ .form--banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 26px 0 0; } .form--banner .form__input, .form--banner .form__button { width: 100%; margin: 0 0 20px 0; } .form--banner .form__button { margin: 0; } .form--registration { width: 100%; margin: 0 auto 39px auto; } .form--sub .form__title { font-size: 18px; text-align: left; } .form--sub .form__text { margin: 8px 0 18px; line-height: 27px; } .form--sub .form__input, .form--sub .form__button { width: 100%; margin: 0 0 20px 0; } .form--sub .form__input:last-of-type, .form--sub .form__button:last-of-type { margin-bottom: 0; } .form__header { margin: 0 0 52px 0; } .form__link--forgot { text-decoration-line: underline !important; font-weight: 550 !important; font-size: 16px !important; text-transform: initial !important; color: #E9588F !important; margin-top: 8px; margin-left: 0; text-align: center; } .form__link--reg { margin-top: 22px; line-height: 27px; } .form__box--social { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 17px 0 29px 0; } .form__text--social { margin-bottom: 19px; margin-right: 0; } /* footer */ .footer__link--nav { margin-bottom: 26px; } .footer__link--logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .footer__link--mail { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin: 29px 0 0; } .footer__logo { width: 125.2px; } .footer__links { padding: 22px 0 32px; } .footer__links .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .footer__address { margin: 8px 0 0; text-align: center; } .footer__contacts { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 0; text-align: center; } .footer__social { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; margin: 28px 0 0 0; } .footer__support { margin: 21px 0 0 0; } /* breadcrumbs */ .breadcrumbs { margin: 100px 0 35px 0; } .breadcrumbs--catalog-page { margin: 48px 0 23px 0; } .breadcrumbs__item { margin: 0 36px 11px 0; } .breadcrumbs__item:after { right: -23px; } /* marathons-page */ .marathons-page__button { width: 100%; min-width: 0; } .marathons-page__effect { font-size: 16px; line-height: 22px; } .marathons-page__icons { margin: 20px 0 0 0; } .marathons-page__icon-container { margin: 0 46px 0 0; } .marathons-page__buy-container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 43px 0 0 0; } .marathons-page__price { margin: 0 0 45px 0; } .marathons-page__list-item-title { width: 100%; padding: 0 20px 15px 0; } /* table */ .table { width: -webkit-calc(100% + 38px); width: calc(100% + 38px); margin: 0 -19px; } .table__thead { display: none; } .table__tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 22px 0 30px; border-bottom: 1px solid #c4c4c4; } .table__tr:last-of-type { border: none; } .table__td { position: relative; width: 180px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 32px; padding: 27px 0 0; text-align: center; border-bottom: none; } .table__td:before { content: attr(data-title); position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 16px; font-weight: 700; line-height: 27px; color: #000; } .table__td--title { padding: 0; line-height: 27px; } .table__td--button { margin: -8px auto 0; padding: 0; } /* button */ .button--top-scores-catalog-page { min-width: 0; width: 100%; } /* social */ .social--sidebar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .social--sidebar .social__item { width: 100%; } .social--review .social__item { width: 100%; height: 205px; margin: 0 0 16px 0; } /* feedback */ .feedback { margin-bottom: -75px; } .feedback__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 0 50px; padding: 0 0 0 0; } .feedback__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 29px 0 0; } .feedback__content { margin-left: 0; } .feedback__more { margin: 18px 0 25px; } /* read-also */ .read-also__item { width: 100%; margin: 0 0 45px 0; } .read-also__item:nth-child(3n) { margin-right: 0; } /* article */ .article__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .article__button { min-width: 0; width: 100%; } .article__title--h2 { margin: 40px 0 15px; } .article__title--h3 { margin: 41px 0 14px; } .article__slider-img { height: 286px; } .article__text { margin: 0 0 20px; } .article__list { margin: 25px 0 0 0; } .article__list-item { margin: 0 0 29px; } /* about */ .about__img { width: 280px; height: 280px; } .about__title { margin: 0 0 20px; } .about__slider { height: 286px; } } .article__text { line-height: 29px; } .article__text i { font-style: italic; } .article__text b { font-weight: bold; } .article__text span.line-through { text-decoration: none; position: relative; } .article__content .big-photo { width: 100%; max-height: 450px; overflow: hidden; margin-bottom: 50px; } .article__content .big-photo img { max-width: 100%; } @media screen and (max-width: 768px) { .article__content .big-photo { height: auto; } } .article__content .several-photos { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; height: 350px; overflow: hidden; text-align: center; } .article__content .several-photos img { width: 49%; max-width: 100%; object-fit: cover; } .article__content .photo { width: 70%; text-align: center; margin: 0 auto; margin-bottom: 50px; overflow: hidden; display: block; } .article__content .photo img { max-width: 100%; object-fit: cover; } @media screen and (max-width: 768px) { .article__content .photo { height: auto; width: 100%; margin-bottom: 2vw; } } @media screen and (max-width: 768px) { .article__content .several-photos { flex-direction: column; overflow: auto; height: auto; } .article__content .several-photos img { width: 100%; margin-bottom: 30px; max-height: 40vw; } } .article__content .photo-float-left { width: 50%; height: 250px; float: left; overflow: hidden; margin: 0 30px 0px 0; display: block; } .article__content .photo-float-left img, .article__content .photo-float-right img { max-width: 100%; } .article__content .photo-float-right { width: 50%; height: 250px; float: right; overflow: hidden; margin: 0 0 0 30px; display: block; } @media screen and (max-width: 768px) { .article__content .photo-float-left, .article__content .photo-float-right { float: none; height: 40vw; margin: 0; width: 100%; margin-bottom: 40px; } .article__content .photo-float-left img, .article__content .photo-float-right img { } } .clear { clear: both; } b.pink { color: #e9588f; } .article__title--h2 { margin: 60px 0 40px; } .article__text ol li:before { content: counter(item) ". "; counter-increment: item; color: #e9588f; font-weight: bold; } .text-link { position: relative; display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; width: auto !important; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; font-size: 16px; font-weight: 700; color: #e9588f; } .article__text ul, .article__text ol { padding: 0 0 0 11px; list-style: none; margin-top: 20px; } .article__text ol { margin: 20px 0 0 0; padding: 0 0 0 5px; counter-reset: item; list-style-type: none; } .article__text ul li, .article__text ol li, .article__list .article__list-item { line-height: 29px; position: relative; margin: 0 0 22px; } .article__text ul li:after, .article__list .article__list-item:after { content: ''; position: absolute; top: 15px; left: -10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 5px; height: 1.2px; background-color: #e9588f; } .quote { padding: 30px 100px; background: #f5f5f5; font-style: italic;line-height: 29px; font-weight: 500; } .quote p { position: relative; } .quote p:before { position: absolute; content: "„"; font-size: 40px; bottom: 0; left: -50px; } .quote p:after { position: absolute; content: "“"; font-size: 40px; top: 0; right: -50px; } .banner__wrapper_product { background: url(/upload/imgcustom/23747/goods.png) no-repeat; background-position: 100% 50%; background-size: 600px auto; } @media (max-width: 1319.98px) { .banner__wrapper_product { background-size: 410px auto; } } @media (max-width: 767.98px) { .banner__wrapper_product { background-size: 180px auto; } } @media (max-width: 575.98px) { .banner__title_product { margin-bottom: 100px; margin-right: 0; max-width: 100%; } .banner__wrapper_product { background-position: 50% 77%; } } .landing-advanced { padding-bottom: 160px; color: #1E1F20; } @media (max-width: 991px) { .landing-advanced { padding-bottom: 100px; } } .landing-advanced__section { margin-bottom: 160px; } @media (max-width: 991px) { .landing-advanced__section { margin-bottom: 40px; } } .landing-advanced-head { background-color: #F6DCE6; } .landing-advanced__h1 { font-weight: bold; font-size: 45px; line-height: 114.5%; letter-spacing: 0.01em; text-transform: uppercase; color: #1E1F20; margin-bottom: 25px; } @media (max-width: 991px) { .landing-advanced__h1 { margin-bottom: 20px; font-size: 30px; line-height: 120%; } } .landing-advanced__text-pink { color: #E9588F; } .landing-advanced-head__wrapper { padding-top: 94px; margin-bottom: 40px; position: relative; z-index: 1; } @media (max-width: 1319px) { .landing-advanced-head__wrapper { padding-top: 30px; } } .landing-advanced-head__img { position: absolute; right: 0; bottom: 0; width: 669px; height: 443px; background-position: 0 0; background-size: cover; } @media (max-width: 1319px) { .landing-advanced-head__img { width: 550px; height: 373px; } } @media (max-width: 991px) { .landing-advanced-head__img { position: relative; width: 100%; height: 443px; background-position: 50% 0; } } .position-static { position: static!important; } .landing-advanced-head__inner { min-height: 450px; position: relative; } @media (max-width: 1319px) { .landing-advanced-head__inner { min-height: auto; } } .landing-advanced__subheading { font-size: 20px; line-height: 30px; margin-bottom: 25px; } @media (max-width: 1319px) { .landing-advanced-head__img-wrapper { margin-left: -19px; margin-right: -19px; } } .landing-advanced__h2 { margin-bottom: 20px; font-weight: 900; font-size: 30px; line-height: 35px; } @media (max-width: 991px) { .landing-advanced__h2 { font-size: 24px; line-height: 130%; } } .landing-advanced__text { font-size: 16px; line-height: 30px; } .landing-advanced__mini-section { margin-bottom: 100px; } @media (max-width: 991px) { .landing-advanced__mini-section { margin-bottom: 70px; } } .w-100 { width: 100%; } .landing-advanced__h3 { font-weight: bold; font-size: 24px; line-height: 120%; margin-bottom: 30px; } .landing-advanced__grey-text { color: #8B90A0; font-weight: 500; font-size: 14px; line-height: 24px; } .landing-advanced__li { font-weight: 500; font-size: 14px; line-height: 24px; position: relative; padding-left: 54px; margin-bottom: 20px; } .landing-advanced__li::before { content: ''; width: 40px; height: 4px; position: absolute; left: 0; top: 10px; background-color: #E8A2BC; border-radius: 10px; } .landing-advanced__button { background: #E9588F; border-radius: 25px; font-weight: bold; font-size: 16px; padding-top: 18px; padding-bottom: 18px; text-align: center; color: #FFFFFF; cursor: pointer; border: 0; outline: 0; transition: 0.2s; text-decoration: none; white-space: nowrap; padding-left: 10px; padding-right: 10px; } .landing-advanced__button:hover { background: #fb7cac; } .landing-advanced__buy-block-price { display: flex; align-items: center; flex-shrink: 0; margin-right: 20px; } @media (max-width: 575px) { .landing-advanced__buy-block-price { margin-bottom: 20px; } } .landing-advanced__buy-block-price-title { font-weight: 500; font-size: 16px; line-height: 24px; margin-right: 10px; align-self: flex-start; } @media (max-width: 575px) { .landing-advanced__buy-block-price-title { display: none; } } .landing-advanced__buy-block-price-num { font-weight: 900; font-size: 24px; line-height: 100%; margin-right: 10px; margin-bottom: 18px; } .landing-advanced__buy-block-price-num-old { font-weight: 300; font-size: 20px; line-height: 100%; text-decoration-line: line-through; color: #8B90A0; } .landing-advanced__buy-block { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 575px) { .landing-advanced__buy-block { flex-direction: column; align-items: flex-start; } } .flex-grow-1 { flex-grow: 1; } @media (min-width: 576px) { .w-sm-auto { width: auto!important; } } .landing-advanced-would-need__title { font-weight: 500; font-size: 24px; line-height: 24px; margin-bottom: 30px; } .landing-advanced-would-need__wrapper { display: flex; align-items: center; } @media (max-width: 767px) { .landing-advanced-would-need__wrapper { margin-bottom: 20px; } } .landing-advanced-would-need__img { width: 158px; height: 158px; margin-right: 40px; } @media (max-width: 575px) { .landing-advanced-would-need__img { width: 60px; height: 60px; margin-right: 20px; } } .landing-advanced-gray-block { background: #F6F6F6; padding-top: 80px; padding-bottom: 80px; margin-bottom: 80px; } .landing-advanced-would-need__text { font-size: 20px; line-height: 30px; } .landing-advanced-advantages { padding-top: 160px; } @media (max-width: 991px) { .landing-advanced-advantages { padding-top: 70px; } } .landing-advanced-advantages__item { margin-bottom: 22px; } .landing-advanced-advantages__img { margin-bottom: 20px; height: 50px; } .maw-100 { max-width: 100%; } .landing-advanced-about__title { font-weight: 500; font-size: 30px; line-height: 100%; text-transform: uppercase; color: #E9588F; margin-bottom: 10px; } .landing-advanced-about__text { font-weight: 500; font-size: 16px; line-height: 24px; } .landing-advanced-card__item { height: 100%; display: flex; flex-direction: column; } .landing-advanced-card__img { width: 100%; flex-shrink: 0; } .landing-advanced-card__text-block { display: flex; flex-direction: column; justify-content: space-between; height: 100%; border: 1px solid #E8E9EC; border-top: 0; padding-top: 30px; padding-bottom: 40px; padding-left: 22px; padding-right: 22px; } @media (max-width: 575px) { .landing-advanced-card__text-block { padding-left: 0; padding-right: 0; border: 0; } } .landing-advanced-card__title { font-weight: bold; font-size: 24px; line-height: 120%; margin-bottom: 30px; } .landing-advanced-card__text { font-size: 16px; line-height: 170%; } .landing-advanced-card__price-block { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 20px; } .landing-advanced-card__price { margin-right: 10px; font-weight: 500; font-size: 22px; line-height: 120%; white-space: nowrap; margin-bottom: 10px; } .landing-advanced-card__old-price { text-decoration-line: line-through; color: #8B90A0; font-weight: 300; font-size: 20px; line-height: 100%; white-space: nowrap; margin-bottom: 10px; } .block-head { background: #F5F5F5; margin-bottom: 30px; } @media (max-width: 991px) { .block-head { background-image: url(/upload/imgcustom/block-head/block-head-mobile.png); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } } .block-head__inner { position: relative; overflow: hidden; } .block-head__wrapper { padding-top: 70px; padding-bottom: 70px; z-index: 1; position: relative; } @media (max-width: 991px) { .block-head__wrapper { padding-top: 30px; padding-bottom: 30px; } } .block-head__img { position: absolute; right: -50px; top: 0; bottom: 0; background-image: url(/upload/imgcustom/block-head/block-head.png); background-repeat: no-repeat; background-size: cover; background-position: 100% 100%; height: 100%; width: 660px; } @media (max-width: 1319px) { .block-head__img { right: -240px; } } @media (max-width: 991px) { .block-head__img-wrapper { margin-left: -19px; margin-right: -19px; display: none; } .block-head__img { /*background-image: url(/upload/imgcustom/block-head/block-head.png);*/ position: relative; right: 0; height: auto; padding-bottom: 80%; background-position: 80% 0; width: 100%; display: none; } } /*@media (max-width: 767px) {*/ /* .block-head__img {*/ /* background-image: url(/upload/imgcustom/block-head/block-head-mobile.png);*/ /* background-position: 0 0;*/ /* padding-bottom: 100%;*/ /* }*/ /*}*/ .block-head__title { margin-top: 0; margin-bottom: 20px; text-transform: uppercase; font-weight: 900; font-size: 68.0528px; line-height: 130%; } @media (max-width: 991px) { .block-head__title { font-size: 30px; line-height: 100%; } } .block-head__subtitle { color: #E9588F; font-weight: 500; font-size: 22px; line-height: 130%; margin-bottom: 35px; } .block-head__ul { margin-bottom: 35px; } .block-head__li { font-size: 18px; line-height: 130%; margin-bottom: 13px; } @media (max-width: 991px) { .block-head__li { font-size: 16px; } } .block-head__link { color: #35BCAB; font-weight: bold; font-size: 18px; line-height: 160%; } .block-head__button { padding-left: 15px; padding-right: 15px; white-space: nowrap; } .pr-0 { padding-right: 0!important; } .template-head { height: 340px; overflow: hidden; position: relative; margin-bottom: 50px; } @media (max-width: 991px) { .template-head { height: auto; } } @media (max-width: 991px) { .template-head__date { text-align: center; } } .template-head__inner { padding-top: 50px; padding-bottom: 50px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 100%; max-width: 440px; } @media (max-width: 991px) { .template-head__inner { height: auto; max-width: 100%; padding-top: 0; padding-bottom: 0; display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; } } @media (max-width: 575px) { .template-head__inner { text-align: left; align-items: flex-start; } } .template-head__date { background: #E9588F; padding: 5px 10px; font-size: 20.0738px; line-height: 118.7%; color: #FFFFFF; display: inline-block; } @media (max-width: 991px) { .template-head__date { text-align: center; background: transparent; padding: 0; margin-bottom: 30px; color: #2D2E35; } } .pl-10 { padding-left: 10px; } .pr-10 { padding-right: 10px; } .h-100 { height: 100%; } .template-head__title { font-weight: 900; font-size: 46.1577px; line-height: 100%; color: #232735; margin-bottom: 15px; } @media (max-width: 991px) { .template-head__title { margin-bottom: 17px; color: #2D2E35; max-width: 400px; } .template-head__title .text-pink { color: #232735; } } @media (max-width: 575px) { .template-head__title { font-size: 34px; max-width: 350px; font-weight: 500; max-width: 300px; } } .template-head__subtitle { font-size: 18px; line-height: 118.7%; color: #232735; } @media (max-width: 991px) { .template-head__subtitle { margin-bottom: 35px; color: #2D2E35; } } .template-head__button { padding-left: 40px; padding-right: 40px; white-space: nowrap; font-weight: bold; } @media (max-width: 991px) { .template-head__button { color: #fff!important; background: #E9588F; width: auto!important; } .template-head__button:hover { color: #fff; background: #E9588F; } } .template-head__bg { right: 0; top: 0; width: 741px; height: 100%; position: absolute; background-position: 0% 15%; } @media (max-width: 1319px) { .template-head__bg { right: -220px; } } @media (max-width: 991px) { .template-head__bg { display: none; } } .template-head__bg-mobile { display: none; } .template-head__dash { padding-left: 10px; padding-right: 10px; } @media (max-width: 575px) { .template-head__dash { padding-left: 0; padding-right: 0; } } .main-head-block { height: 500px; color: #2D2E35; background-image: url(/upload/imgcustom/main-head-block/main-head-block-bg.png); background-repeat: no-repeat; background-size: cover; overflow: hidden; margin-bottom: 100px; } @media (max-width: 991px) { .main-head-block { height: auto; margin-bottom: 50px; } } .main-head-block__inner { padding-top: 80px; max-width: 754px; } @media (max-width: 1319px) { .main-head-block__inner { padding-top: 40px; max-width: 594px; } } @media (max-width: 991px) { .main-head-block__inner { padding-top: 40px; padding-bottom: 40px; max-width: 100%; } } .main-head-block__h1 { font-weight: 900; font-size: 56px; line-height: 58px; margin-bottom: 30px; margin-top: 0; } @media (max-width: 991px) { .main-head-block__h1 { margin-bottom: 25px; font-size: 37px!important; line-height: 115%!important; } } .main-head-block__subtext { font-size: 18px; line-height: 30px; margin-bottom: 30px; max-width: 550px; } @media (max-width: 991px) { .main-head-block__subtext { font-size: 16px; line-height: 23px; margin-bottom: 25px; } } .main-head-block__price { font-weight: bold; font-size: 18px; line-height: 30px; margin-bottom: 30px; } @media (max-width: 991px) { .main-head-block__price { line-height: 30px; margin-bottom: 25px; } } .main-head-block__button { white-space: nowrap; width: 282px; } .main-head-block__preloader { width: 282px; } .main-head-block__fl1 { position: absolute; left: -440px; top: -130px; } @media (max-width: 991px) { .main-head-block__fl1 { position: absolute; right: -240px; left: auto; top: -200px; transform: scale(0.3) rotate(65deg); } } .main-head-block__fl2 { position: absolute; right: -370px; bottom: 120px; } @media (max-width: 991px) { .main-head-block__fl2 { position: absolute; left: -140px; bottom: -140px; } } .main-head-block__img { position: absolute; right: -220px; bottom: 0; } @media (max-width: 1319px) { .main-head-block__img { right: -310px; } } @media (max-width: 991px) { .main-head-block__img { display: none; } } .button-wrapper-popup { display: flex; } @media (max-width: 575px) { .button-wrapper-popup { flex-direction: column; margin-bottom: 20px; } } .button-wrapper-popup__button { width: 210px!important; margin-right: 20px!important; } @media (max-width: 575px) { .button-wrapper-popup__button { width: 100%!important; margin-right: 0!important; margin-bottom: 20px!important; } } .button-wrapper-popup .preloader_button_holder { flex-shrink: 1!important; margin-right: 0!important; } .landing-head-attention { margin-top: 150px; } @media (max-width: 991px) { .landing-head-attention { margin-top: 40px; } } .landing-head-attention__title { font-weight: 900; font-size: 34px; line-height: 1; color: #E9588F; margin-bottom: 20px; } .landing-head-attention__text { font-size: 18px; line-height: 170%; color: #2B2C2E; } .fake-link-new { font-weight: 600; color: #E9588F; font-size: 18px; line-height: 170%; text-decoration: underline; } .main-head-black-friday { color: #fff; overflow: hidden; margin-bottom: 100px; background: #232735; padding-bottom: 40px; } @media (max-width: 991px) { .main-head-black-friday { margin-bottom: 50px; padding-left: 100px; padding-right: 100px; padding-top: 10px; padding-bottom: 20px; } } .footer__address .point a { color: #1E1F20!important; } @media (max-width: 767px) { .main-head-black-friday { padding-left: 0; padding-right: 0; } } .main-head-black-friday__img-1 { position: absolute; left: -500px; top: -90px; } @media (max-width: 767px) { .main-head-black-friday__img-1 { display: none; } } .main-head-black-friday__img-2 { position: absolute; right: -420px; bottom: -160px; } @media (max-width: 767px) { .main-head-black-friday__img-2 { display: none; } } .main-head-black-friday__img-3 { max-width: 100%; margin-top: 10px; margin-bottom: 40px; } @media (max-width: 575px) { .main-head-black-friday__img-3 { margin-bottom: 20px; } } .main-head-black-friday__img-3 { display: block; } .main-head-black-friday__img-3-2 { display: none; } @media (min-width: 1200px) and (max-width: 1400px) { .main-head-black-friday__img-3 { display: none; } .main-head-black-friday__img-3-2 { display: block; } } .main-head-black-friday__text { font-weight: 500; font-size: 40px; line-height: 100%; margin-bottom: 36px; position: relative; z-index: 1; } @media (max-width: 991px) { .main-head-black-friday__text { font-size: 26px; line-height: 140%; } } @media (max-width: 767px) { .main-head-black-friday__text { font-size: 24px; line-height: 130%; } } .main-head-black-friday__button { white-space: nowrap; padding-left: 20px; padding-right: 20px; } @media (max-width: 991px) { .main-head-black-friday__button { width: auto!important; } } .template-head_webinar { height: 410px; } @media (max-width: 991px) { .template-head_webinar { height: auto; } } .template-head_webinar .template-head__wrapper { background-image: url(/upload/imgcustom/template-head/img-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; height: 100%; padding-left: 80px; } @media (max-width: 991px) { .template-head_webinar .template-head__wrapper { background-image: none; background-image: unset; padding-left: 0; } } .template-head_webinar .template-head__date { background: transparent; padding: 0; } .template-head_webinar .template-head__title { color: #fff; } @media (max-width: 991px) { .template-head_webinar .template-head__title { color: #232735; max-width: 430px; margin-bottom: 30px; font-weight: 500; } } @media (max-width: 991px) { .text-pink-lg { color: #E9588F; } } .certificate-new { padding-top: 150px; padding-bottom: 150px; position: relative; } @media (max-width: 991px) { .certificate-new { padding-top: 50px; padding-bottom: 50px; text-align: center; } } .certificate-new__block { } @media (max-width: 991px) { .certificate-new__block { display: flex; align-items: center; flex-direction: column; } } .certificate-new__title { font-weight: 900; font-size: 34px; line-height: 115%; color: #2B2C2E; margin-bottom: 25px; } @media (max-width: 991px) { .certificate-new__title { font-weight: bold; font-size: 24px; line-height: 31px; text-transform: uppercase; } } .certificate-new__text { font-size: 18px; line-height: 150%; margin-bottom: 25px; max-width: 358px; } .certificate-new__img { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } @media (max-width: 1400px) { .certificate-new__img { width: 50%; } } @media (max-width: 991px) { .certificate-new__img { position: relative; right: 0; top: 0; transform: translateY(0); width: 100%; max-width: 320px; margin-bottom: 25px; } } .certificate-new__subtext { font-size: 15px; line-height: 150%; color: #8B90A0; max-width: 450px; } .certificate-new__button { width: 250px; } .template-head_new-year { height: 410px; } @media (max-width: 991px) { .template-head_new-year { height: auto; } } .template-head_new-year .template-head__date { color: #232735; font-weight: bold; font-size: 20.0738px; line-height: 118.7%; padding: 0; background-color: transparent; margin-bottom: 10px; } .template-head_new-year .template-head__inner { max-width: 460px; margin-left: 170px; padding-top: 100px; padding-bottom: 80px; } @media (max-width: 991px) { .template-head_new-year .template-head__inner { margin-left: 0; max-width: 100%; } } @media (max-width: 575px) { .template-head_new-year .template-head__inner { margin-left: 0; padding-top: 30px; padding-bottom: 30px; align-items: center; text-align: center; } } .template-head__bg-wrapper { background-image: url(/upload/imgcustom/certificates/webinar-bg.jpg); background-repeat: no-repeat; background-position: -7px; } @media (max-width: 991px) { .template-head__bg-wrapper { margin-left: -19px; margin-right: -19px; padding-left: 19px; padding-right: 19px; } } @media (max-width: 575px) { .template-head__bg-wrapper { background-position: -97px; } } .template-head_new-year .template-head__bg { background-image: url(/upload/imgcustom/certificates/img.png); } @media (max-width: 1319px) { .template-head_new-year .template-head__bg { background-image: url(/upload/imgcustom/certificates/img-lg.png); right: 0; width: 533px; } } @media (max-width: 991px) { .template-head_new-year .template-head__title .text-pink { color: #E9588F; } } @media (max-width: 991px) { .template-head_new-year .template-head__title { margin-bottom: 25px; color: #2D2E35; max-width: 530px; } } .landing-advanced__num { margin-bottom: 20px; font-weight: 500; font-size: 16px; line-height: 24px; color: #797979; } .mb-15 { margin-bottom: 15px!important; } .fw-500 { font-weight: 500; } .landing-advanced__price-block { display: flex; flex-direction: column; } @media (max-width: 767px) { .landing-advanced__price-block { flex-direction: row; } } .mb-0 { margin-bottom: 0px!important; } .landing-advanced-head__text { font-weight: bold; font-size: 20px; line-height: 30px; color: #E9588F; } .gift-float { position: absolute; right: 17px; top: 240px; z-index: 98; } @media (max-width: 991px) { .gift-float { top: 330px; } } .gift-float__inner { background-image: url(/upload/imgcustom/36681/img.png); background-repeat: no-repeat; width: 100px; height: 100px; background-size: cover; animation: pulse-new 2000ms 0ms ease-in-out infinite; cursor: pointer; display: block; position: relative; } @media (max-width: 991px) { .gift-float__inner { width: 80px; height: 80px; } } .gift-float:hover .gift-float__text { display: block; } .gift-float__text { display: none; position: absolute; right: 100px; top: 0px; font-weight: 500; font-size: 14px; line-height: 150%; color: #D8182C; background: linear-gradient(230.72deg, rgba(255, 255, 255, 0.6) 23.79%, rgba(255, 255, 255, 0) 99.19%); backdrop-filter: blur(20px); border-radius: 20px; width: 160px; padding: 10px; padding-left: 25px; } @media (max-width: 991px) { .gift-float__text { background: white; backdrop-filter: unset; } } .gift-float.fixed { position: fixed; top: 90px; } @media (max-width: 991px) { .gift-float { position: fixed; top: 90px; } } @keyframes pulse-new { 0% { opacity: 1; } 50% { opacity: 0.6; } 100% { opacity: 1; } } .buttons-container-new { display: flex; flex-wrap: wrap; } .buttons-container-new__holder { width: 220px!important; margin-right: 20px!important; } @media (max-width: 575px) { .buttons-container-new__holder { width: 100%!important; margin-right: 0!important; } } .buttons-container-new__button { padding-left: 20px; padding-right: 20px; border: 1px solid #e9588f; } @media screen and (max-width: 991px) { .buttons-container-new__button { width: 100%!important; } } .buttons-container-new__button:hover { border: 1px solid #fb7cac; } .button_ghost { background: transparent; color: #000; } .button_ghost:hover { background: transparent; } .title-link-new { font-weight: 900; font-size: 26px; margin-bottom: 20px; margin-top: 0; line-height: 1.6; width: 100%; display: inline-block; width: auto; color: #000; text-decoration: none; transition: 0.2s; } .title-link-new:hover { text-decoration: underline; color: #e9588f; } .template-webinar { margin-bottom: 50px; } @media (max-width: 991px) { .template-webinar { /*background: #F5F5F5;*/ /*padding-top: 40px;*/ /*padding-bottom: 40px;*/ } } .template-webinar__text { max-width: 627px; } @media (max-width: 1319px) { .template-webinar__text { max-width: 469px; } } @media (max-width: 991px) { .template-webinar__text { display: flex; flex-direction: column; align-items: center; max-width: 100%; } } .template-webinar__inner { background-repeat: no-repeat; background-position: 90% 100%; background-size: cover; min-height: 411px; padding-left: 80px; padding-right: 80px; padding-top: 50px; padding-bottom: 50px; color: #232735; } @media (max-width: 1319px) { .template-webinar__inner { padding-left: 30px; padding-right: 30px; background-position: 60% 100%; } } @media (max-width: 991px) { .template-webinar__inner { padding-left: 0; padding-right: 0; padding-top: 40px; padding-bottom: 40px; text-align: center; display: flex; flex-direction: column; align-items: center; background-image: url(''); min-height: auto; background: transparent!important; color: #232735; margin-left: -19px; margin-right: -19px; } } .template-webinar__date { font-size: 18px; line-height: 125%; display: inline-flex; align-items: center; flex-wrap: wrap; margin-bottom: 65px; } @media (max-width: 991px) { .template-webinar__date { margin-bottom: 25px; font-size: 16px; line-height: 118.7%; } } .long-dash { width: 76px; height: 1px; background: #232735; margin-left: 18px; margin-right: 18px; } @media (max-width: 991px) { .long-dash { width: 30px; background: #232735; } } .template-webinar__title { font-size: 41px; line-height: 105%; margin-bottom: 30px; max-width: 524px; position: relative; } .template-webinar__title:after { content: ''; width: 41px; height: 41px; position: absolute; right: 66px; bottom: 3px; /*background-image: url(/upload/imgcustom/temp/10.png);*/ background-repeat: no-repeat; } @media (max-width: 991px) { .text-lgm-pink { color: #E9588F; } } @media (max-width: 991px) { .template-webinar__title:after { width: 31px; height: 31px; background-size: contain; right: 12px; bottom: -3px; } } @media (max-width: 575px) { .template-webinar__title:after { width: 22px; height: 22px; right: 12px; bottom: -1px; } } @media (max-width: 1319px) { .template-webinar__title { font-size: 28px; padding-left: 10px; padding-right: 10px; } } @media (max-width: 991px) { .template-webinar__title { margin-bottom: 25px; font-size: 32px; line-height: 100%; max-width: 432px; } } @media (max-width: 575px) { .template-webinar__title { font-size: 24px; line-height: 100%; } } .template-webinar__subtitle { font-size: 18px; line-height: 125%; margin-bottom: 30px; max-width: 450px; } @media (max-width: 991px) { .template-webinar__subtitle { font-size: 18px; line-height: 125%; margin-bottom: 25px; } } .mw-500 { max-width: 500px; } .bx-livechat-textarea .bx-im-textarea-input { border-radius: 0; } .template-webinar__img-full-right { background-repeat: no-repeat; background-size: contain; width: 504px; height: 379px; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); } @media (max-width: 1319px) { .template-webinar__img-full-right { width: 406px; height: 305px; right: 25px; } } @media (max-width: 991px) { .template-webinar__img-full-right { display: none; } } .fixed-bottom-block { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fee7ef; color: #FFFFFF; line-height: 120%; font-weight: 500; box-sizing: border-box; background: rgba(254, 231, 239, 0.9); backdrop-filter: blur(10px); z-index: 99999; display: none; } .fixed-bottom-block * { box-sizing: border-box; } .fixed-bottom-block__container { position: relative; padding-left: 20px; padding-right: 20px; } .fixed-bottom-block__inner { max-width: 1160px; margin: auto; padding-bottom: 13px; padding-top: 17px; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 1200px) { .fixed-bottom-block__inner { flex-wrap: wrap; text-align: center; justify-content: center; } } @media (max-width: 767px) { .fixed-bottom-block__inner { flex-direction: column; } } .fixed-bottom-block__text { font-weight: 500; font-size: 32px; margin-right: 17px; line-height: 120%; color: #333333; } @media (max-width: 1200px) { .fixed-bottom-block__text { width: 100%; margin-bottom: 15px; } } @media (max-width: 767px) { .fixed-bottom-block__text { font-size: 18px; line-height: 120%; margin-bottom: 12px; margin-right: 0; padding-right: 30px; padding-left: 30px; } } .fixed-bottom-block__data { font-size: 18px; line-height: 120%; margin-right: 23px; color: #333333; } @media (max-width: 767px) { .fixed-bottom-block__data { font-size: 18px; margin-bottom: 12px; margin-right: 0; } } .fixed-bottom-block__link { background: #E9588F; color: white; border-radius: 30px; padding: 13px 67px; width: 265px; flex-shrink: 0; font-size: 18px; text-decoration: none; display: flex; justify-content: center; align-items: center; transition: 0.2s; } .fixed-bottom-block__link:hover { background: #fb7cac; } .fixed-bottom-block__link-text { display: block; margin-right: 10px; } .fixed-bottom-block__close { background-image: url(/upload/imgcustom/37818/black-close.svg); background-repeat: no-repeat; position: absolute; right: 6px; top: 6px; width: 24px; height: 24px; cursor: pointer; } .slider-wrapper-new .swiper-button-prev, .slider-wrapper-new .swiper-button-next { width: 30px; height: 30px; margin-top: -16px; background-size: contain; outline: none; } .slider-wrapper-new .swiper-button-prev { background-image: url(/upload/imgcustom/slider-arrow/left.svg); left: 0; } .slider-wrapper-new .swiper-button-next { background-image: url(/upload/imgcustom/slider-arrow/right.svg); right: 0; } .slider-wrapper-new { padding-left: 40px; padding-right: 40px; position: relative; margin-bottom: 30px; } @media (max-width: 991.98px) { .tabs--top-scores .slider-wrapper-new .tabs__button { margin-bottom: 0; } } .new-base { color: #3C4858; } .new-base__li { font-size: 18px; margin-bottom: 10px; } .new-base__button { width: 320px; text-align: center; border-radius: 10px; max-width: 100%; } @media (max-width: 575px) { .new-base__button { width: 100%; } } .new-base__text { font-size: 18px; line-height: 31px; } .new-base__title { font-size: 40px; line-height: 120%; font-weight: 900; margin-bottom: 50px; margin-top: 0; } @media (max-width: 575px) { .new-base__title { font-size: 24px; margin-bottom: 30px; } } .new-base-head__start { font-weight: 500; font-size: 18px; line-height: 170%; margin-bottom: 30px; padding-left: 48px; position: relative; color: #8B90A0; } .new-base-head__start:before { content: ''; width: 28px; height: 2px; background-color: #8B90A0; position: absolute; left: 0; top: 14px; } .new-base-head__title { font-weight: 900; font-size: 81.6577px; line-height: 105%; margin-bottom: 30px; } @media (max-width: 1319px) { .new-base-head__title { font-size: 62px; } } @media (max-width: 575px) { .new-base-head__title { font-size: 30px; } } .new-base-head__subtitle { font-weight: bold; font-size: 18px; margin-bottom: 20px; } .video-iframe {position:relative;padding-bottom:56.25%;height:0;} .video-iframe iframe {position:absolute;top:0;left:0;width:100%;height:100%;} .new-base-card { height: 100%; display: flex; flex-direction: column; justify-content: space-between; background: #F7F8FC; border-radius: 10px; min-height: 182px; padding: 30px 20px; } .new-base-card__title { color: #E9588F; font-weight: 900; font-size: 25px; line-height: 133.5%; margin-bottom: 20px; } @media (max-width: 1319px) { .new-base-card__title { font-size: 20px; } } .new-base-card__title_black { color: #3C4858; font-weight: 900; font-size: 40px; } .new-base-card__text { font-size: 18px; line-height: 155%; } .mw-100 { max-width: 100%; } .new-base-simple { align-items: center; } @media (max-width: 991px) { .new-base-simple__block-img { margin-bottom: 30px; } } .new-base-card-img__item { min-height: 174px; margin-bottom: 40px; } .new-base-card-img__card { padding: 40px; background: #F7F8FC; height: 100%; border-radius: 7px; } .new-base-card-img__title { display: flex; align-items: center; font-weight: bold; font-size: 32px; margin-bottom: 20px; } @media (max-width: 575px) { .new-base-card-img__title { font-size: 20px; } } .new-base-card-img__li-title { font-weight: bold; font-size: 20px; margin-bottom: 10px; } .new-base-card-img__li-text { font-size: 18px; line-height: 31px; } .pb-10 { padding-bottom: 10px!important; } .new-base-block-img-text { display: flex; align-items: flex-start; margin-bottom: 50px; } .new-base-block-img-text__img { margin-right: 32px; } .new-base-block-img-text__title { font-weight: bold; font-size: 21px; line-height: 125%; margin-bottom: 15px; } .new-base-block-img-text__subtext { font-size: 18px; line-height: 31px; } .new-base__subtitle { font-weight: bold; font-size: 24px; line-height: 125%; margin-bottom: 10px; } @media (max-width: 575px) { .new-base__subtitle { font-size: 20px; } } .new-base__h3 { font-weight: bold; font-size: 30px; margin-bottom: 30px; margin-top: 0; line-height: 1.2; } @media (max-width: 575px) { .new-base__h3 { font-size: 20px; } } .new-base__text-small { margin-bottom: 20px; font-size: 16px; line-height: 26px; } .new-base-price { background: #F7F8FC; border-radius: 10px; padding-left: 100px; padding-right: 100px; padding-top: 32px; padding-bottom: 32px; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 1319px) { .new-base-price { padding-left: 30px; padding-right: 30px; } } @media (max-width: 767px) { .new-base-price { flex-direction: column; align-items: flex-start; } } .new-base-price__title { font-weight: bold; font-size: 30px; line-height: 120%; margin-bottom: 10px; } @media (max-width: 767px) { .new-base-price__title { font-size: 20px; } } @media (max-width: 767px) { .new-base-price__text { margin-bottom: 20px!important; } } .new-base-price__text { margin-right: 30px; } .new-base-price__subtext { color: #8B90A0; font-size: 20px; } @media (max-width: 767px) { .new-base-price__subtext { font-size: 16px; } } .new-base-price__button { width: 320px; font-size: 18px; line-height: 27px; font-weight: bold; flex-shrink: 0; } .new-base__hr { background: #EAEAEA; height: 1px; } .new-base__hr_50 { margin-top: 50px; margin-bottom: 50px; } .new-base__hr_100 { margin-top: 100px; margin-bottom: 100px; } .new-base-info { margin-bottom: 20px; } .new-base-info:not(:last-child) { margin-right: 40px; } .new-base-info__title { margin-bottom: 10px; font-weight: 500; font-size: 24px; line-height: 100%; } .new-base-info__text { font-size: 16px; line-height: 26px; } .new-base-info-wrapper { display: flex; flex-wrap: wrap; margin-bottom: 20px; } .new-base__img { border-radius: 10px; } .new-base-icon-item { display: flex; align-items: flex-start; } .new-base-icon-item__icon { margin-right: 33px; width: 43px; } .new-base-icon-item__title { margin-bottom: 35px; font-weight: bold; font-size: 30px; line-height: 125%; } .new-base-icon-item__text { font-size: 18px; line-height: 28px; color: rgba(51, 51, 51, 0.8); } .link-pink { color: #E9588F; font-size: 18px; text-decoration-line: underline; } .link-pink:hover { text-decoration: none; } .new-base__text-grey { color: #8B90A0; font-size: 16px; line-height: 18px; } .new-base-block-invite { background: #FEE7EF; border-radius: 10px; padding-top: 45px; padding-bottom: 45px; padding-left: 100px; padding-right: 82px; } @media (max-width: 991px) { .new-base-block-invite { padding-left: 15px; padding-right: 15px; padding-bottom: 20px; padding-top: 20px; } } .new-base-block-invite__text-block { height: 100%; display: flex; flex-direction: column; justify-content: center; } .new-base-block-invite__title { font-weight: 900; font-size: 40px; margin-bottom: 20px; } @media (max-width: 991px) { .new-base-block-invite__title { font-size: 26px; } } .new-base-block-invite__text { font-size: 18px; line-height: 31px; margin-bottom: 20px; } @media (max-width: 991px) { .new-base-block-invite__img { margin-bottom: 30px; } } .new-base-prize { background: #E9588F; border-radius: 10px; padding-bottom: 100%; position: relative; color: #FFFFFF; margin-bottom: 30px; } .new-base-prize_grey { background: #F7F8FC; color: #3C4858; } .new-base-prize_grey .new-base-prize__title { } .new-base-prize__inner { text-align: center; flex-direction: column; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-top: 20px; padding-bottom: 20px; width: 100%; padding-left: 10px; padding-right: 10px; } .flex-column { flex-direction: column; } .d-flex { display: flex; } .new-base-prize__img { margin-bottom: 50px; } @media (max-width: 991px) { .new-base-prize__img { margin-bottom: 20px; width: 150px; } } .new-base-prize__title { margin-bottom: 10px; font-size: 24px; line-height: 34px; } @media (max-width: 991px) { .new-base-prize__title { font-size: 18px; line-height: 1.2; } } .new-base-prize__money { font-weight: 900; font-size: 40px; } @media (max-width: 991px) { .new-base-prize__money { font-size: 24px; } } .new-base-block-icon-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; } .new-base-icon-block { display: flex; width: 186px; align-items: flex-start; margin-bottom: 20px; } .new-base-icon-block__icon { margin-right: 10px; } .new-base-icon-block__text { font-size: 18px; line-height: 27px; } .landing-sport-table__wrapper { width: 100%; overflow-x: auto; display: block; } .landing-sport-table__tr_head .landing-sport-table__td { border-bottom: 0; font-size: 16px; line-height: 24px; color: #8B90A0; padding-bottom: 0; padding-top: 0; } .landing-sport-table__tr_head-media { display: none; } @media (max-width: 991px) { .landing-sport-table__tr_head-media { display: table-row; } .landing-sport-table__tr_head-media .landing-sport-table__td { padding-top: 20px; } } .landing-sport-table__td { border-bottom: 1px solid #EAEAEA; text-align: center; padding-top: 28px; padding-bottom: 28px; font-weight: normal; } .landing-sport-table__td_first { width: 36%; text-align: left; font-size: 16px; line-height: 20px; } .landing-sport-table__td_second { width: 32%; } .landing-sport-table__td_third { width: 32%; } .landing-sport-table__check { width: 20px; height: 16px; background-image: url(/upload/imgcustom/landing-sport/arrow.svg); background-repeat: no-repeat; background-position: 50% 50%; } .landing-sport-table__cross { width: 20px; height: 16px; background-image: url(/upload/imgcustom/landing-sport/cross.svg); background-repeat: no-repeat; background-position: 50% 50%; } .landing-sport-table__flex { display: flex; justify-content: center; } .d-none { display: none!important; } @media (min-width: 768px) { .d-md-inline { display: inline!important; } } .landing-sport-table__tr_last { vertical-align: top; } @media (max-width: 767px) { .landing-sport-table__tr_last { display: none; } } .landing-sport-table__tr_last .landing-sport-table__td_first { font-weight: 900; font-size: 24px; line-height: 130%; } .landing-sport-table__tr_last .landing-sport-table__td { border-bottom: 0; } .landing-sport-table__price { font-weight: 900; font-size: 24px; line-height: 23px; text-align: center; color: #3C4858; margin-bottom: 30px; margin-left: 10px; } .landing-sport-table__text { font-size: 14px; line-height: 18px; color: #8B90A0; text-align: center; margin-bottom: 30px; max-width: 210px; } .landing-sport-table__buy-block { display: flex; flex-direction: column; justify-content: center; align-items: center; } .landing-sport-table__media { display: none; margin-top: 40px; } @media (max-width: 767px) { .landing-sport-table__media { display: block; } } .landing-sport-table__val { font-weight: 900; font-size: 20px; line-height: 130%; margin-bottom: 20px; } .landing-sport-table__button-block .landing-sport-table__buy-block { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: left; } .landing-sport-table__button-block .landing-sport-table__price { margin-left: 0; margin-bottom: 20px; } .landing-sport-table__button-block .landing-sport-table__text { text-align: left; max-width: 100%; margin-bottom: 20px; min-height: auto; } .landing-sport-table__button-block .landing-sport-table__text { text-align: left; max-width: 100%; } .lh-160 { line-height: 1.6; } .landing-sport__button { font-weight: bold; font-size: 16px; line-height: 74%; text-align: center; color: #FFFFFF; background: #E9588F; border-radius: 10px; padding-left: 33px; padding-right: 33px; padding-top: 19px; padding-bottom: 19px; transition: 0.2s; text-decoration: none; display: inline-block; white-space: nowrap; min-width: 215px; } .landing-sport__button:hover { background-color: #fb7cac; } .landing .accordeon { list-style-type: none; margin: 0; padding: 0; width: 100%; } .landing .accordeon a { font-weight: 900; color: #e9588f; } .landing .accordeon .accordeon_item { padding: 30px; border-bottom: 2px solid #DFDFDF; position: relative; cursor: pointer; } .landing .accordeon .accordeon_item:before { content: ''; width: 16px; height: 16px; position: absolute; left: 0; top: 48px; background: url(https://melannett.ru/upload/bazoviy-imgs/plus.svg) no-repeat; } .landing .accordeon .accordeon_item.active:before { content: ''; width: 16px; height: 16px; position: absolute; left: 0; top: 55px; background: url(https://melannett.ru/upload/bazoviy-imgs/minus.svg) no-repeat; } .landing .accordeon .accordeon_item .accordeon_title { font-size: 18px; font-weight: 900; } .landing .accordeon .accordeon_item .accordeon_content p { font-size: 18px; line-height: 1.7; } .new-base-prize-block { display: flex; align-items: flex-start; flex-wrap: wrap; } .new-base-prize-block__img { margin-right: 30px; margin-bottom: 20px; flex-shrink: 0; } .new-base-prize-block__text-block { margin-bottom: 20px; } .new-base-prize-block__title { font-weight: 900; font-size: 21px; line-height: 125%; margin-bottom: 10px; } .new-base-prize-block__text { font-size: 18px; line-height: 31px; } .new-base-block-certificate .certificate-new { padding-top: 0; padding-bottom: 0; } .new-base-block-winner .section { padding-top: 0; padding-bottom: 0; } .new-base-block-winner .wrapper { padding-left: 0; padding-right: 0; } .new-base-block-winner { } .new-base-block-winner__position { color: #8B90A0; font-size: 18px; margin-bottom: 15px; } .new-base-block-winner__name { font-weight: bold; font-size: 30px; margin-bottom: 15px; } .new-base-block-winner-img { display: block; } .new-base-block-winner-img__img { width: calc(50% - 10px); max-width: 100%; border-radius: 10px; height: auto; } .new-base-block-winner-img__img:not(:last-child) { margin-right: 20px; } .footer__block { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; line-height: 1.5; } @media (max-width: 768px) { .footer__block { justify-content: center; align-items: center; } } .footer__copyright-new { margin-bottom: 20px; } .footer__copyright-new-link { color: #1E1F20; } /**/ .template-webinar__marathon { font-size: 18px; line-height: 125%; color: #A0A0A0; position: relative; padding-left: 80px; padding-right: 80px; display: inline-block; margin-bottom: 25px; } .template-webinar__marathon:before { content: ''; width: 55px; height: 1px; position: absolute; left: 0; top: 10px; background: #C4C4C4; } .template-webinar__marathon:after { content: ''; width: 55px; height: 1px; position: absolute; right: 0; top: 10px; background: #C4C4C4; } /**/ .main-head-block__14-feb { background-image: url(''); background: linear-gradient(0deg, #FAFAFA, #FAFAFA); } @media (max-width: 991px) { .main-head-block__14-feb { margin-bottom: 0; } } .main-head-block__14-feb .main-head-block__h1 { max-width: 540px; font-size: 65px; line-height: 73px; margin-bottom: 20px; } @media (max-width: 575px) { .main-head-block__14-feb .main-head-block__h1 { font-size: 34px!important; line-height: 42px!important; } } .main-head-block__14-feb .main-head-block__img { right: -10px; bottom: -160px; } @media (max-width: 1319px) { .main-head-block__14-feb .main-head-block__img { right: -210px; bottom: -280px; } } .main-head-block__14-feb .main-head-block__fl2 { transform: scale(0.5) rotate(-38deg); right: -140px; bottom: 310px; } @media (max-width: 991px) { .main-head-block__14-feb .main-head-block__fl2 { display: none; } } .main-head-block__14-feb .main-head-block__fl1 { left: 270px; bottom: -130px; top: auto; transform: scale(0.3) rotate(200deg); } @media (max-width: 1319px) { .main-head-block__14-feb .main-head-block__fl1 { left: 200px; bottom: -140px; } } @media (max-width: 991px) { .main-head-block__14-feb .main-head-block__fl1 { display: none; } } .main-head-block__14-feb .main-head-block__subtext { max-width: 340px; } .main-head-block__container { padding-top: 100px; } @media (max-width: 1319px) { .main-head-block__14-feb .main-head-block__inner { padding-top: 0; } } @media (max-width: 991px) { .main-head-block__14-feb .main-head-block__container { padding-top: 40px; } .main-head-block__14-feb .main-head-block__inner { display: flex; flex-direction: column; text-align: center; justify-content: center; padding-top: 0; } .main-head-block__14-feb .main-head-block__h1 { max-width: 100%; } .main-head-block__14-feb .main-head-block__subtext { max-width: 100%; } } .select-new { display: none; } @media (max-width: 575px) { .slider-wrapper-new { display: none; } .select-new { display: block; margin-bottom: 30px; } } .text-white { color: white!important; } .main-head-new-base { height: 500px; color: #2D2E35; background-image: url(/upload/imgcustom/temp/5.jpg); background-repeat: no-repeat; background-size: cover; background-position: 100% 0; overflow: hidden; margin-bottom: 100px; padding-top: 57px; padding-bottom: 63px; color: #333333; } @media (max-width: 1900px) { .main-head-new-base { background-position: 60% 0; } } @media (max-width: 1600px) { .main-head-new-base { background-position: 70% 0; } } @media (max-width: 1319px) { .main-head-new-base { background-position: 60% 0; } } @media (max-width: 1199px) { .main-head-new-base { background-position: 60% 0; background-image: url(/upload/imgcustom/temp/6.jpg); height: auto; } } @media (max-width: 991px) { .main-head-new-base { margin-bottom: 50px; padding-bottom: 33px; } } .main-head-new-base__date { font-weight: 500; font-size: 32px; line-height: 125%; display: flex; align-items: center; margin-bottom: 40px; } @media (max-width: 1199px) { .main-head-new-base__date { font-size: 26px; margin-bottom: 30px; } } @media (max-width: 575px) { .main-head-new-base__date { font-size: 18px; } } .main-head-new-base__slash { background: #333333; width: 100px; height: 3px; } @media (max-width: 575px) { .main-head-new-base__slash { width: 30px; height: 2px; } } .main-head-new-base__date span:not(:last-child) { margin-right: 37px; } @media (max-width: 575px) { .main-head-new-base__date span:not(:last-child) { margin-right: 15px; } } .main-head-new-base__h1 { font-weight: 500; font-size: 56px; line-height: 110%; letter-spacing: 0.02em; margin-top: 0; max-width: 681px; margin-bottom: 30px; } @media (max-width: 1199px) { .main-head-new-base__h1 { font-size: 40px; line-height: 120%; margin-bottom: 20px; max-width: 467px; } } @media (max-width: 575px) { .main-head-new-base__h1 { font-size: 24px; max-width: 383px; } } .main-head-new-base__text { font-weight: 500; font-size: 28px; line-height: 38px; margin-bottom: 30px; max-width: 720px; } @media (max-width: 575px) { .main-head-new-base__text { font-size: 18px; line-height: 140%; margin-bottom: 20px; } } .button--white_text-pink { color: #E9588F; } .main-head-mart { height: 500px; color: #1C1C1C; overflow: hidden; margin-bottom: 100px; background-size: cover; background-position: 100% 0; background-repeat: no-repeat; background-image: url(/upload/imgcustom/mart/3.jpg); } @media (max-width: 1500px) { .main-head-mart { background-position: 70% 0; } } @media (max-width: 1319px) { .main-head-mart { height: 411px; } } @media (max-width: 991px) { .main-head-mart { height: auto; padding-bottom: 20px; background-image: url(/upload/imgcustom/mart/4.jpg); } } @media (max-width: 575px) { .main-head-mart { margin-bottom: 50px; } } .main-head-mart__inner { padding-top: 36px; padding-bottom: 38px; } @media (max-width: 1319px) { .main-head-mart__inner { padding-top: 25px; padding-bottom: 0; } } @media (max-width: 575px) { .main-head-mart__inner { } } .main-head-mart__sale { font-weight: bold; font-size: 30px; line-height: 125%; letter-spacing: 0.04em; color: #E9588F; max-width: 897px; border-top: 2px solid #E9588F; margin-bottom: 105px; padding-top: 10px; } @media (max-width: 1319px) { .main-head-mart__sale { font-size: 28px; line-height: 125%; max-width: 600px; margin-bottom: 40px; } } @media (max-width: 575px) { .main-head-mart__sale { padding-top: 0; padding-bottom: 10px; border-top: 0; border-bottom: 2px solid #E9588F; margin-bottom: 30px; } } .main-head-mart__subtitle { font-weight: 500; font-size: 42px; line-height: 110%; margin-bottom: 10px; } @media (max-width: 1319px) { .main-head-mart__subtitle { font-size: 36px; } } @media (max-width: 575px) { .main-head-mart__subtitle { font-size: 20px; line-height: 120%; } } .main-head-mart__title { font-weight: 900; font-size: 50px; line-height: 110%; color: #E9588F; margin-bottom: 40px; letter-spacing: 0.04em; } @media (max-width: 1319px) { .main-head-mart__title { font-size: 40px; margin-bottom: 30px; } } @media (max-width: 575px) { .main-head-mart__title { font-size: 20px; line-height: 110%; margin-bottom: 20px; } } .main-head-mart__text-block { font-weight: 500; font-size: 18px; line-height: 30px; color: #1C1C1C; } @media (max-width: 1319px) { .main-head-mart__text-block { max-width: 471px; } } @media (max-width: 575px) { .main-head-mart__text-block { font-size: 15px; line-height: 27px; } } .main-head-mart__text-pink { color: #E9588F; } .main-head-spring { height: 500px; background-image: url(/upload/imgcustom/spring/1.jpg); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; color: #282829; overflow: hidden; } @media (max-width: 991px) { .main-head-spring { height: auto; padding-top: 50px; padding-bottom: 50px; } } .main-head-spring__text-block { max-width: 716px; padding-top: 80px; } @media (max-width: 991px) { .main-head-spring__text-block { padding-top: 0; } } .main-head-spring__date { font-size: 18px; line-height: 30px; margin-bottom: 30px; position: relative; padding-left: 110px; } @media (max-width: 991px) { .main-head-spring__date { padding-left: 60px; } } .main-head-spring__date::before { content: ''; width: 80px; height: 1px; position: absolute; left: 0; top: 15px; background: #282829; } @media (max-width: 991px) { .main-head-spring__date::before { width: 30px; } } .main-head-spring__title { font-weight: 100; font-size: 54.0707px; line-height: 115%; margin-top: 0; margin-bottom: 20px; font-family: 'HelveticaNeueCyr', sans-serif; } @media (max-width: 991px) { .main-head-spring__title { font-size: 42px; margin-bottom: 20px; } } @media (max-width: 575px) { .main-head-spring__title { font-size: 32px; } } .main-head-spring__text { font-size: 18px; line-height: 27px; max-width: 370px; margin-bottom: 30px; } .main-head-spring__img { position: absolute; right: 0; bottom: 0; } @media (max-width: 1319px) { .main-head-spring__img { right: -220px; } } @media (max-width: 991px) { .main-head-spring__img { display: none; } } @media (max-width: 400px) { .form__input--reg { width: 100% !important; } } .captcha .captcha_word { width: 180px !important; font-size: 10px !important; text-align: center; } .cbaup_row { display: flex !important; flex-direction: row !important; margin-bottom: 20px !important; } @media (max-width: 550px) { .cbaup_row { display: flex !important; flex-direction: column !important; align-items: center !important; margin-bottom: 20px !important; } .captcha img { width: 100% !important; margin-right: unset; } .captcha .captcha_word { width: 100% !important; font-size: 10px !important; text-align: center; } } /* End */ /* Start:/local/templates/melannett_new/css/bootstrap.css?173530198824938*/ .container-b { width: 100%; padding-right: 19px; padding-left: 19px; margin-right: auto; margin-left: auto; box-sizing: border-box; } .button_promocode { /*width: 260px !important;*/ margin-bottom: 0 !important; } @media (max-width: 575px) { .container-sm-b { padding-left: 0; padding-right: 0; } } .container-b *, .container-b *::before, .container-b *::after { box-sizing: inherit; } /*@media (min-width: 576px) {*/ /* .container-b {*/ /* max-width: 540px;*/ /* }*/ /*}*/ /*@media (min-width: 768px) {*/ /* .container-b {*/ /* max-width: 720px;*/ /* }*/ /*}*/ @media (min-width: 992px) { .container-b { max-width: 960px; } } @media (min-width: 1319.98px) { .container-b { max-width: 1264px; padding: 0 50px; } } .row-b { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; /*flex-direction: column;*/ /*align-items: center;*/ } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto { position: relative; /*width: 100%;*/ padding-right: 10px; padding-left: 10px; } div.col-sm-6-promocode { width: 400px; height: 55px; } div.col-sm-6-promocode-button { width: 230px; height: 55px; } @media screen and (max-width: 800px) { div.col-sm-6-promocode, div.col-sm-6-promocode-button { width: 100%; } } .col-b { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .container-b_20 .row-b { margin-right: -20px; margin-left: -20px; } .container-b_20 .col-1, .container-b_20 .col-2, .container-b_20 .col-3, .container-b_20 .col-4, .container-b_20 .col-5, .container-b_20 .col-6, .container-b_20 .col-7, .container-b_20 .col-8, .container-b_20 .col-9, .container-b_20 .col-10, .container-b_20 .col-11, .container-b_20 .col-12, .container-b_20 .col, .container-b_20 .col-auto, .container-b_20 .col-sm-1, .container-b_20 .col-sm-2, .container-b_20 .col-sm-3, .container-b_20 .col-sm-4, .container-b_20 .col-sm-5, .container-b_20 .col-sm-6, .container-b_20 .col-sm-7, .container-b_20 .col-sm-8, .container-b_20 .col-sm-9, .container-b_20 .col-sm-10, .container-b_20 .col-sm-11, .container-b_20 .col-sm-12, .container-b_20 .col-sm, .container-b_20 .col-sm-auto, .container-b_20 .col-md-1, .container-b_20 .col-md-2, .container-b_20 .col-md-3, .container-b_20 .col-md-4, .container-b_20 .col-md-5, .container-b_20 .col-md-6, .container-b_20 .col-md-7, .container-b_20 .col-md-8, .container-b_20 .col-md-9, .container-b_20 .col-md-10, .container-b_20 .col-md-11, .container-b_20 .col-md-12, .container-b_20 .col-md, .container-b_20 .col-md-auto, .container-b_20 .col-lg-1, .container-b_20 .col-lg-2, .container-b_20 .col-lg-3, .container-b_20 .col-lg-4, .container-b_20 .col-lg-5, .container-b_20 .col-lg-6, .container-b_20 .col-lg-7, .container-b_20 .col-lg-8, .container-b_20 .col-lg-9, .container-b_20 .col-lg-10, .container-b_20 .col-lg-11, .container-b_20 .col-lg-12, .container-b_20 .col-lg, .container-b_20 .col-lg-auto, .container-b_20 .col-xl-1, .container-b_20 .col-xl-2, .container-b_20 .col-xl-3, .container-b_20 .col-xl-4, .container-b_20 .col-xl-5, .container-b_20 .col-xl-6, .container-b_20 .col-xl-7, .container-b_20 .col-xl-8, .container-b_20 .col-xl-9, .container-b_20 .col-xl-10, .container-b_20 .col-xl-11, .container-b_20 .col-xl-12, .container-b_20 .col-xl, .container-b_20 .col-xl-auto, .container-b_20 .col-xxl-1, .container-b_20 .col-xxl-2, .container-b_20 .col-xxl-3, .container-b_20 .col-xxl-4, .container-b_20 .col-xxl-5, .container-b_20 .col-xxl-6, .container-b_20 .col-xxl-7, .container-b_20 .col-xxl-8, .container-b_20 .col-xxl-9, .container-b_20 .col-xxl-10, .container-b_20 .col-xxl-11, .container-b_20 .col-xxl-12, .container-b_20 .col-xxl, .container-b_20 .col-xxl-auto { position: relative; width: 100%; padding-right: 20px; padding-left: 20px; } .row-cols-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-sm-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-sm-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; /*max-width: 50%;*/ } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-md-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-md-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-lg-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-lg-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-xl-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-xl-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } @media (min-width: 1319px) { .col-xxl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-xxl-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row-cols-xxl-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .row-cols-xxl-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .row-cols-xxl-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .row-cols-xxl-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .row-cols-xxl-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xxl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xxl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xxl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xxl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xxl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xxl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xxl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xxl-first { -ms-flex-order: -1; order: -1; } .order-xxl-last { -ms-flex-order: 13; order: 13; } .order-xxl-0 { -ms-flex-order: 0; order: 0; } .order-xxl-1 { -ms-flex-order: 1; order: 1; } .order-xxl-2 { -ms-flex-order: 2; order: 2; } .order-xxl-3 { -ms-flex-order: 3; order: 3; } .order-xxl-4 { -ms-flex-order: 4; order: 4; } .order-xxl-5 { -ms-flex-order: 5; order: 5; } .order-xxl-6 { -ms-flex-order: 6; order: 6; } .order-xxl-7 { -ms-flex-order: 7; order: 7; } .order-xxl-8 { -ms-flex-order: 8; order: 8; } .order-xxl-9 { -ms-flex-order: 9; order: 9; } .order-xxl-10 { -ms-flex-order: 10; order: 10; } .order-xxl-11 { -ms-flex-order: 11; order: 11; } .order-xxl-12 { -ms-flex-order: 12; order: 12; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.333333%; } .offset-xxl-2 { margin-left: 16.666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.333333%; } .offset-xxl-5 { margin-left: 41.666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.333333%; } .offset-xxl-8 { margin-left: 66.666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.333333%; } .offset-xxl-11 { margin-left: 91.666667%; } } /* End */ /* Start:/local/css/custom.css?16564595752962*/ .mb-10 { margin-bottom: 10px!important; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .label-force-valid { top: -10px!important; font-size: 12px!important; color: #ae20c7!important; } .buy-marathon, .js-buy-certificate { visibility: hidden; opacity: 0; } .pr-0 { padding-right: 0!important; } .pl-0 { padding-left: 0!important; } .gift-block { margin-bottom: 150px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; padding-top: 96px; padding-bottom: 96px; overflow: hidden; } @media (max-width: 991px) { .gift-block { margin-bottom: 60px; padding-top: 40px; padding-bottom: 40px; } } .gift-block__inner { max-width: 500px; } @media (max-width: 991px) { .gift-block__inner { max-width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; } } .gift-block__top { display: flex; align-items: center; margin-bottom: 50px; } @media (max-width: 991px) { .gift-block__top { margin-bottom: 25px; } } .gift-block__gift { flex-shrink: 0; margin-right: 28px; } @media (max-width: 991px) { .gift-block__gift { margin-right: 15px; width: 36px; } } .gift-block__top-text { font-size: 23px; line-height: 145%; letter-spacing: 0.115em; text-transform: uppercase; color: #FFFFFF; margin-top: 10px; } @media (max-width: 991px) { .gift-block__top-text { font-size: 18px; margin-bottom: 5px; } } .gift-block__title { font-weight: 900; font-size: 45px; line-height: 115%; color: #FFFFFF; margin-bottom: 35px; } @media (max-width: 991px) { .gift-block__title { font-size: 24px; line-height: 115%; } } @media (max-width: 991px) { .gift-block__title { margin-bottom: 25px; } } .gift-block__text { font-size: 18px; line-height: 150%; color: #FFFFFF; margin-bottom: 35px; } @media (max-width: 991px) { .gift-block__text { margin-bottom: 25px; } } .gift-block__img { position: absolute; right: 0; top: 0; } .gift-block__img_fix { top: -30px; right: 200px; } @media (max-width: 1319px) { .gift-block__img { right: -200px; } .gift-block__img_fix { right: 100px; } } @media (max-width: 991px) { .gift-block__img { position: relative; max-width: 300px; right: 0; margin-bottom: 25px; } } @media (max-width: 991px) { .gift-block__img_fix { height: 200px; display: block; top: 0; right: 0; } } .pl-20 { padding-left: 20px!important; } .pr-20 { padding-right: 20px!important; } .hide { display: none; } .capcha-box{ width:160px; height:48px;float: left; position: relative; margin-right: 12px; margin-bottom: 12px; } .capcha-input{ height: 40px; width: 96px; font-size:27px; outline:none; text-transform: uppercase; } .btn_captcha_reload{ cursor: pointer; position: absolute; right: 0; bottom: 0; } /* End */ /* Start:/local/templates/melannett_new/css/custom.css?1737543378161273*/ .section--sidebar { padding: 73px 0 96px 0; } .article img { max-width: 100%; } .social__icon--ondnoklassniki { width: 19.82px; height: 19.82px; } @media (max-width: 575.98px) { .near-marathons__block--days-left { position: initial; top: initial; left: initial; margin-top: 10px; } } #section--near-marathons, #section--main-anons { padding-top: 40px; } @media (max-width: 575.98px) { .top-scores__before, .top-scores__after { width: 50%; } .top-scores__before-and-after { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 575.98px) { .table__td:before { position: relative; top: initial; left: initial; -webkit-transform: initial; transform: initial; display: block; } .table__td { padding: 0; } } .table.shedule { margin: 50px 0; } .header__profile { position: relative; } .header__profile:before { content: ""; width: 22px; height: 22px; background: url("/local/templates/melannett_new/css/../imgs/header/user-icon.svg") no-repeat; position: absolute; left: -30px; top: 3px; } .footer__copyright { float: left; line-height: 50px; } .pay-logos { float: right; width: 300px; height: 50px; background: url(/local/templates/melannett_new/css/../imgs/footer/pay-logos.png) no-repeat; background-size: contain; } .pay-logos img { max-width: 100%; } .clear { clear: both; } .footer__address { top: 0; height: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__address .point a { margin-bottom: 10px; position: relative; font-size: 16px; color: #fff; line-height: 16px; text-decoration: underline; display: block; } @media screen and (max-width: 1320px) { .footer__address { margin: 0 0 0 100px; } } @media screen and (max-width: 991px) { .footer__address { margin: 30px 0 0 0; padding-left: 76px; display: initial; height: auto; } .footer__address .point { margin-bottom: 20px; } } @media screen and (max-width: 768px) { .footer__address { padding-left: 0; } .footer__copyright, .pay-logos { float: none; } .pay-logos { width: 300px; display: block; margin: 0 auto; } } @media screen and (max-width: 575px) { .footer__address { width: 100%; } .footer__contacts { width: 100%; } } .certificate_warning { margin: 0 4vw; color: red; font-size: 23px; font-weight: 500; } /* video on main page */ .mainpagevideo { margin: 30px 0; text-align: center; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; text-align: center; } @media (min-width: 576px) { .justify-sm-content-start { justify-content: flex-start!important; } } .mainpagevideo .button { width: 245px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px 0; padding: 0 15px; } .mainpagevideo iframe { width: 100%; height: 30vw; } @media screen and (max-width: 768px) { .mainpagevideo iframe { height: 50vw; } } /* ------------------ */ .anons_button { width: 245px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px 0; padding: 0 15px; } #section--main-video .webinar_banner h2 { margin-top: 1em; } #section--main-video img.webinar_banner-img { width: 100%; } .input-radio-wrap { margin-left: 35px; margin-bottom: 15px; } .input-radio-wrap input.form__input-box--required, .input-radio-wrap input.form__input, .form__input--reg[type="radio"] { padding-left: 0; width: 20px; height: 20px; border: 1px solid #E9588F; -webkit-appearance: none; cursor: pointer; margin-bottom: 10px; margin-right: 10px; float: left; } .form__input--reg[type="radio"] + label { margin-left: 0; display: -webkit-box; } .form__input--reg[type="radio"]:checked { background: url(/local/templates/melannett_new/css/../imgs/checkmark.svg) no-repeat, #e9588f; background-size: 12px; background-position: 3px; } .form__input-box p { font-weight: bold; margin-bottom: 20px; position: relative; padding-left: 35px; } .form__input-box p.required:before { content: '*'; position: absolute; top: 40%; left: 19px; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 8px; font-size: 18px; line-height: 20px; color: #e9588f; } .clear { clear: both; } .input-checkbox-wrap { margin-left: 35px; margin-bottom: 15px; } .form__input--reg[type="checkbox"] { height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 18px; font-size: 18px; font-weight: 400; color: #fff; line-height: 18px; border: 2px solid #fff; border-radius: 0; background-color: transparent; outline: none; } .form__input--reg[type="checkbox"]:checked { background: url(/local/templates/melannett_new/css/../imgs/checkmark.svg) no-repeat, #e9588f; background-size: 12px; background-position: 3px; } @media screen and (max-width: 768px) { .near-marathons__bg-img { -o-object-position: 50% 0%; object-position: 50% 0%; } } .near-marathons__side--left { border-right: 0; } .not_bold { font-weight: normal; } .top-scores__zoom { display: none; } .card-post .card-content { word-break: break-word; } .near-marathons__days-left p { font-size: 20px; margin-top: 20px; border-top: 1px solid white; padding-top: 20px; line-height: 1.5; } .near-marathons__desc p { font-size: 18px; margin-top: 18px; line-height: 1.5; color: white; text-transform: uppercase; font-weight: 700; width: 86%; } /* Pay page */ .section-pay { width: 100%; margin-bottom: 100px; } .section-pay .buttons-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 22px; } .section-pay .buttons-wrap .point { width: 49%; } .section-pay .buttons-wrap .point input.button { width: 100%; margin-bottom: 30px; } .section-pay .buttons-wrap .point .point-bottom { 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; } .section-pay .buttons-wrap .point .point-bottom span { margin-right: 30px; font-size: 18px; font-weight: 700; } @media screen and (max-width: 768px) { .section-pay .buttons-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section-pay .buttons-wrap .point { width: 100%; margin-bottom: 50px; } } @media screen and (max-width: 768px) { .section-pay .buttons-wrap .point .point-bottom span { font-size: 16px; margin-right: 20px; } } /* ---- Pay page ----- */ .marathons-page__buy-container { margin-left: 50px; } @media screen and (max-width: 575px) { .table.shedule { width: 100%; } .section--near-marathons-catalog { margin: auto; width: 100%; } .section--near-marathons-catalog .section__title { margin-left: 0; } } .doc-img { width: 400px; display: block; margin: 0 auto 10px; text-align: center; } .doc-img img { max-width: 100%; } .doc-img a { font-size: 16px; font-weight: 700; line-height: 27px; color: #e9588f; display: block; } @media screen and (max-width: 450px) { .doc-img { width: 100%; } } /* Ссылки на странице оплаты */ .about__text span, .about__text a { font-weight: bold; color: #E9588F; text-transform: uppercase; } .about__text a { text-decoration: underline; } /* /Ссылки на странице оплаты */ /* Призовой фонд марафона */ .table.prize_pool { margin: 20px auto; width: 80%; } .table.prize_pool .table__td { padding: 15px; } .section--prize_pool { padding: 30px 0 0; } .section--prize_pool .section__title { margin: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* /Призовой фонд марафона */ @media (max-width: 575.98px) { .table__td { margin: 0 auto 0px; } .table.prize_pool .table__td { padding: 10px; } .table__tr { padding: 10px 0px 10px; } .table.prize_pool { margin: 10px auto; } } .section__title { width: 100%; display: block; } .reg-wrap, .login-wrap, .passw-recover-wrap { width: 100%; display: block; display: none; } .form__link--curr { font-weight: bold; } .show { display: block; } @media screen and (max-width: 991px) { body { margin-top: 70px; } } header { background: white; } .products__item { background: white; } .header__text--contacts a { color: #000; text-decoration: none; } .header__text--contacts a:hover { text-decoration: underline; } .textarea-wrap { overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; /* padding: 15px 15px; */ /* color: black; */ /* line-height: 24px; */ /* border: 2px solid #000; */ border-radius: 25px; background-color: transparent; outline: none; /* padding-top: 15px; */ margin-bottom: 20px; height: 200px; } textarea { overflow: auto; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; font-weight: 400; color: black; line-height: 24px; outline: none; border: 0; resize: none; background: transparent; width: 100%; border-radius: 25px; border: 2px solid #000; padding: 15px; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .textarea-wrap textarea:focus { border: 2px solid #e9588f; } .textarea-wrap textarea::-webkit-input-placeholder { color: black; } .textarea-wrap textarea:-ms-input-placeholder { color: black; } .textarea-wrap textarea::-ms-input-placeholder { color: black; } .textarea-wrap textarea::placeholder { color: black; } .feedback__item { margin: 0; padding: 30px 0; } .feedback__more { margin-bottom: 0; } .feedback__item:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #c4c4c4; } .feedback__content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 575.98px) { .feedback__item { -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; } .feedback__content { margin-left: 20px; } .feedback__header { margin: 0; } } .popup { position: fixed; background: rgba(0, 0, 0, 0.5); width: 100vw; height: 100vh; top: 0; left: 0; z-index: 10000; } .popup .popup-inner { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popup .popup-inner .popup-content, .popup .popup-inner .popup-content.subscribe-view { background: white; color: #25272f; max-width: 800px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; overflow-y: auto; -webkit-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.2); box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.2); position: relative; max-height: 97vh; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .popup .popup-inner .popup-content.subscribe-view.bg { width: 700px; height: 400px; background: url(/upload/popup-subscribe-bg.jpg) no-repeat center center; background-size: cover; } @media screen and (max-width: 991px) { .popup .popup-inner .popup-content.subscribe-view.bg { width: 90%; height: 50vw; margin-left: -20px; background-size: 100%; } .popup .popup-inner .popup-content.subscribe-view.bg { -webkit-box-shadow: none; box-shadow: none; } } .popup .popup-inner .popup-content .left { width: 260px; -ms-flex-negative: 0; flex-shrink: 0; display: none; } .popup .popup-inner .popup-content.subscribe-view .left { display: block; } .popup .popup-inner .popup-content .left img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .popup .popup-inner .popup-content .right { display: block; padding: 35px 70px 35px 45px; width: 100%; height: 95%; text-align: left; } .popup .popup-inner .popup-content .right .hide { display: none; } .popup .popup-inner .popup-content.subscribe-view .right .title { font-size: 24px; margin-bottom: 30px; font-weight: normal; line-height: 1.3; text-align: left; text-transform: uppercase; font-weight: bold; } .popup .popup-inner .popup-content.subscribe-view .right .title p { font-weight: bold; color: #E9588F; text-transform: uppercase; font-size: 32px; margin: 0; } .popup .popup-inner .popup-content.subscribe-view .right ul { margin-bottom: 40px; } .popup .popup-inner .popup-content.subscribe-view .right .text-block { margin-bottom: 40px; text-align: left; } .popup .popup-inner .popup-content.subscribe-view .right .text-block p { font-size: 16px; font-weight: normal; text-align: left; } @media screen and (max-width: 840px) { .popup .popup-inner .popup-content.subscribe-view .left { display: none; } } @media screen and (max-width: 780px) { .popup .popup-inner .popup-content.subscribe-view { width: 90%; margin-left: -20px; } } .popup .popup-inner .popup-content .right .point.sucess { 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; height: 100%; } .popup-close { width: 40px; height: 40px; background: #f23a80 url(/upload/popup-close.svg) no-repeat; background-position: center; position: absolute; top: 0px; right: 0px; cursor: pointer; border-radius: 0px 0px 0px 5px; z-index: 100; } .popup textarea { width: 100%; resize: none; padding: 20px; } .vote-answer-item { width: 100%; } .popup-button { background: #E9588F; border-radius: 25px; color: white; width: 180px; height: 50px; outline: none; border: 0; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; cursor: pointer; float: left; } .popup-button:hover { background: #f76ba1; } .popup .popup-inner .popup-content p { font-size: 20px; font-weight: bold; margin-bottom: 15px; line-height: 1.3; } .popup .popup-inner .popup-content .point ul { list-style: none; padding: 0; margin-bottom: 20px; } .popup .popup-inner .popup-content .point ul li { margin-bottom: 10px; color: black; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } .popup .popup-inner .popup-content .point ul li input[type="radio"] { width: 15px; height: 15px; border-radius: 50px; background: #C4C4C4; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .popup .popup-inner .popup-content .point ul li input[type="radio"]:checked { background: url(/upload/radio-on.svg) no-repeat; background-size: 100%; } .popup .popup-inner .popup-content .point ul li label { font-size: 16px; color: #25272f; margin-left: 10px; } .popup .popup-inner .popup-content .point ul li input[type="radio"]:checked + label { font-weight: bold; color: #e9588f; } .popup .popup-inner .popup-content .point .sucess-text label { text-align: center; font-size: 17px; display: block; margin-bottom: 30px; color: #25272f; margin-bottom: 10px; } .popup .popup-inner .popup-content .notice { font-weight: bold; text-transform: uppercase; font-size: 22px; margin-bottom: 30px; } .popup .popup-inner .popup-content .point .sucess-text p { font-size: 30px; font-weight: bold; text-align: center; } .popup .popup-inner .popup-content .point .sucess-text + input[type="button"] { margin: 0 auto; margin-top: 20px; text-decoration: none; } .popup .popup-inner .popup-content .point .text { font-size: 17px; display: block; color: #25272f; margin-top: 30px; text-align: center; font-weight: 400; } @media screen and (max-width: 780px) { .popup .popup-inner .popup-content .left { display: none; } /*.popup .popup-inner .popup-content {*/ /* width: 100%;*/ /*}*/ .preloader { min-width: auto; } .popup .popup-inner .popup-content .right { width: 100%; } } .ny-banner2 { width: 100%; height: auto; overflow: hidden; position: relative; margin-bottom: 50px; } .ny-banner2 img { max-width: 100%; } .table__td--title a, .table__td--title a:hover, .table__td--title a:active, .table__td--title a:focus, .table__td--title a:visited, .table__td--title a:link { color: #e9588f; position: relative; padding-left: 40px; display: block; } .table__td--title a:after { content: ''; position: absolute; left: 0; top: 0; width: 25px; height: 25px; background: url(/upload/link-icon.svg) no-repeat; background-size: 100%; } @media (max-width: 575.98px) { .table__td { width: auto; } .table__td--title a:after { content: ''; display: none; } .table__td--title a, .table__td--title a:hover, .table__td--title a:active, .table__td--title a:focus, .table__td--title a:visited, .table__td--title a:link { padding-left: 0; } } .banner-text-wrap { width: 100%; min-height: 310px; height: auto; background: url(/upload/banner-certificate.jpg) no-repeat; background-size: cover; color: white; padding: 40px 0px 0px 0px; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -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; position: relative; } .banner-text-wrap .flex-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 20px; position: relative; } .banner-text-wrap .flex-wrap.vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .banner-text-wrap .flex-wrap.horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .banner-text-wrap .title { text-transform: uppercase; font-weight: bold; font-size: 30px; margin-bottom: 20px; color: #f13a7f; text-align: center; position: relative; } .banner-text-wrap .text { margin-bottom: 20px; font-size: 25px; /* font-weight: bold; */ color: black; text-align: center; position: relative; } .banner-text-wrap .notice { margin-bottom: 20px; color: black; font-size: 17px; text-align: center; position: relative; font-weight: bold; -webkit-box-sizing: border-box; box-sizing: border-box; } .banner-text-wrap .notice.alert { color: #e9588f; } .banner-text-wrap .btn { width: 280px; margin-bottom: 20px; } @media screen and (max-width: 991px) { .banner-text-wrap .btn { width: 280px; margin-bottom: 20px; left: inherit; min-width: initial; -webkit-transform: translateX(0); transform: translateX(0); } .banner-text-wrap .flex-wrap { margin-right: 0; } .banner-text-wrap .flex-wrap.horizontal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .banner-text-wrap { padding-left: 20px; padding-right: 20px; width: calc(100%); padding: 30px 0px 0 0; } .banner-text-wrap .notice { padding: 10px; background: #e9588f; margin-bottom: 0; color: white; width: 100%; } .banner-text-wrap:before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; } .banner-text-wrap .title, .banner-text-wrap .text { color: white; } } .smelonet-wrap { width: 100%; position: relative; margin-top: 50px; margin-bottom: 100px; } .smelonet-wrap .videos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .smelonet-wrap .videos .point { width: 32%; margin-bottom: 30px; } .smelonet-wrap .videos .point .video { margin-bottom: 15px; } .smelonet-wrap .videos .point .video iframe { width: 100%; } .smelonet-wrap .extra { text-align: center; background: url(/upload/youtube-cover.jpg) no-repeat center center; background-size: cover; padding: 50px 20px; background-position-y: -160px; } @media screen and (max-width: 991px) { .smelonet-wrap .extra { background-position-y: 0; } } .smelonet-wrap .extra p { text-transform: uppercase; font-weight: bold; margin-bottom: 30px; font-size: 18px; color: white; line-height: 1.5; } .smelonet-wrap .extra a.button { padding-left: 40px; padding-right: 40px; } @media screen and (max-width: 768px) { .smelonet-wrap .videos .point { width: 48%; } } @media screen and (max-width: 575px) { .smelonet-wrap .videos .point { width: 100%; } } .feedback-wrap { margin: 0px 0px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .feedback-wrap .section__title, .feedback-wrap .form__input-box, .feedback-wrap .textarea-wrap { width: 100%; } .feedback-wrap .form__button { width: 200px; display: block; margin-bottom: 20px; } .textarea-wrap { height: 300px; } @media screen and (max-width: 991px) { .feedback-wrap, .feedback-wrap .form__input-box, .feedback-wrap .textarea-wrap, .feedback-wrap .form__button { width: 100%; margin-left: 0; } } .feedback-wrap { margin: 0px 0px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .feedback-wrap .section__title, .feedback-wrap .form__input-box, .feedback-wrap p, .feedback-wrap .textarea-wrap { width: 100%; } .feedback-wrap .form__button { width: 200px; display: block; margin-bottom: 20px; } .textarea-wrap { height: 300px; } @media screen and (max-width: 991px) { .feedback-wrap, .feedback-wrap .form__input-box, .feedback-wrap .textarea-wrap, .feedback-wrap .form__button { width: 100%; margin-left: 0; } } .section--near-marathons { padding: 0; margin-bottom: 100px; } .section--marathons, .know, .banner--form { margin-bottom: 100px; } .section--articles { padding: 0; } .popup { position: fixed; background: rgba(0, 0, 0, 0.5); width: 100vw; height: 100vh; top: 0; left: 0; z-index: 10000; } .popup .popup-inner { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popup .popup-inner .popup-content, .popup .popup-inner .popup-content.subscribe-view { background: white; color: #25272f; max-width: 800px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; overflow-y: auto; -webkit-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.2); box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.2); position: relative; max-height: 97vh; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .popup .popup-inner .popup-content.subscribe-view.bg { width: 700px; height: 400px; background: url(/upload/popup-subscribe-bg.jpg) no-repeat center center; background-size: cover; } @media screen and (max-width: 991px) { .popup .popup-inner .popup-content.subscribe-view.bg { width: 90%; height: 50vw; margin-left: -20px; background-size: 100%; } .popup .popup-inner .popup-content.subscribe-view.bg { -webkit-box-shadow: none; box-shadow: none; } } .popup .popup-inner .popup-content .left { width: 260px; -ms-flex-negative: 0; flex-shrink: 0; display: none; } .popup .popup-inner .popup-content.subscribe-view .left { display: block; } .popup .popup-inner .popup-content .left img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .popup .popup-inner .popup-content .right { display: block; padding: 35px 70px 35px 45px; width: 100%; height: 95%; text-align: left; } .popup .popup-inner .popup-content .right .hide { display: none; } .popup .popup-inner .popup-content.subscribe-view .right .title { font-size: 24px; margin-bottom: 30px; font-weight: normal; line-height: 1.3; text-align: left; text-transform: uppercase; font-weight: bold; } .popup .popup-inner .popup-content.subscribe-view .right .title p { font-weight: bold; color: #E9588F; text-transform: uppercase; font-size: 32px; margin: 0; } .popup .popup-inner .popup-content.subscribe-view .right ul { margin-bottom: 40px; } .popup .popup-inner .popup-content.subscribe-view .right .text-block { margin-bottom: 40px; text-align: left; } .popup .popup-inner .popup-content.subscribe-view .right .text-block p { font-size: 16px; font-weight: normal; text-align: left; } @media screen and (max-width: 840px) { .popup .popup-inner .popup-content.subscribe-view .left { display: none; } } @media screen and (max-width: 780px) { .popup .popup-inner .popup-content.subscribe-view { width: 90%; margin-left: -20px; } } .popup .popup-inner .popup-content .right .point.sucess { 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; height: 100%; } .popup-close { width: 40px; height: 40px; background: #f23a80 url(/upload/popup-close.svg) no-repeat; background-position: center; position: absolute; top: 0px; right: 0px; cursor: pointer; border-radius: 0px 0px 0px 5px; z-index: 100; } .popup textarea { width: 100%; resize: none; padding: 20px; } .vote-answer-item { width: 100%; } .popup-button { background: #E9588F; border-radius: 25px; color: white; width: 180px; height: 50px; outline: none; border: 0; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; cursor: pointer; float: left; } .popup-button:hover { background: #f76ba1; } .popup .popup-inner .popup-content p { font-size: 20px; font-weight: bold; margin-bottom: 15px; line-height: 1.3; } .popup .popup-inner .popup-content .point ul { list-style: none; padding: 0; margin-bottom: 20px; } .popup .popup-inner .popup-content .point ul li { margin-bottom: 10px; color: black; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } .popup .popup-inner .popup-content .point ul li input[type="radio"] { width: 15px; height: 15px; border-radius: 50px; background: #C4C4C4; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .popup .popup-inner .popup-content .point ul li input[type="radio"]:checked { background: url(/upload/radio-on.svg) no-repeat; background-size: 100%; } .popup .popup-inner .popup-content .point ul li label { font-size: 16px; color: #25272f; margin-left: 10px; } .popup .popup-inner .popup-content .point ul li input[type="radio"]:checked + label { font-weight: bold; color: #e9588f; } .popup .popup-inner .popup-content .point .sucess-text label { text-align: center; font-size: 17px; display: block; margin-bottom: 30px; color: #25272f; margin-bottom: 10px; } .popup .popup-inner .popup-content .notice { font-weight: bold; text-transform: uppercase; font-size: 22px; margin-bottom: 30px; } .popup .popup-inner .popup-content .point .sucess-text p { font-size: 30px; font-weight: bold; text-align: center; } .popup .popup-inner .popup-content .point .sucess-text + input[type="button"] { margin: 0 auto; margin-top: 20px; text-decoration: none; } .popup .popup-inner .popup-content .point .text { font-size: 17px; display: block; color: #25272f; margin-top: 30px; text-align: center; font-weight: 400; } @media screen and (max-width: 780px) { .popup .popup-inner .popup-content .left { display: none; } /*.popup .popup-inner .popup-content {*/ /* width: 100%;*/ /*}*/ .preloader { min-width: auto; } .popup .popup-inner .popup-content .right { width: 100%; } } .webinar_banner_container img { max-width: 100%; } /* SPLIT BANNER 09.01.2020 */ .split-maraphone-layout { 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-bottom: 50px; } .split-maraphone-layout .point { width: 48%; } .split-maraphone-layout .img-container { height: 668px; position: relative; } .split-maraphone-layout .img-container label { position: absolute; top: 20px; left: 20px; padding: 15px; background: #e9588f; color: white; } .split-maraphone-layout .img-container img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .split-maraphone-layout .text-container p { margin-bottom: 20px; margin-top: 0; line-height: 1.6; width: 100%; display: block; } .split-maraphone-layout .text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: fit-content; } .split-maraphone-layout .text-container p.name, .split-maraphone-layout .text-container p.big-price { font-weight: 900; font-size: 26px; } p.big-price { margin-bottom: 0; } .split-maraphone-layout .text-container p label { display: block; width: 100%; margin-bottom: 10px; } .split-maraphone-layout .text-container p label span { font-weight: 900; } .split-maraphone-layout .text-container .buttons-container { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .split-maraphone-layout .text-container .buttons-container .button { margin-right: 20px; width: 200px; } .split-maraphone-layout .text-container .buttons-container .button.link-btn { background: transparent; text-decoration: underline; color: black; } .split-maraphone-layout.maraphone-list-item .img-container { height: 370px; } .split-maraphone-layout.maraphone-list-item .point { width: 60%; } .split-maraphone-layout.maraphone-list-item .point.img-container { width: 35%; } .banner-layout { width: 100%; margin-bottom: 50px; position: relative; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; justify-content: space-between; } .banner-layout iframe { width: 60%; min-height: 350px; } .banner-layout .text-container { position: relative; color: black; width: 38%; } .banner-layout .text-container .name { font-weight: 900; font-size: 28px; position: relative; margin-bottom: 20px; margin-top: 0; } .banner-layout .text-container .text { font-size: 18px; width: 100%; display: block; margin-bottom: 30px; font-weight: 300; line-height: 1.5; margin-top: 0; padding-top: 0; } .banner-layout .text-container .text.width-small { width: 440px; } .banner-layout .text-container .text span.fz-bigger { font-size: 28px; font-weight: 900; display: block; text-transform: uppercase; } .banner-layout .text-container .bottom { font-weight: 300; } .banner-layout .text-container .bottom .price-wrap { font-size: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .banner-layout .text-container .bottom .price-wrap .price { margin-top: 10px; font-weight: 900; font-size: 28px; text-transform: uppercase; margin-bottom: 30px; } .banner-layout .text-container .button { padding: 5px 47px; font-weight: 900; font-size: 20px; border-radius: 100px; } @media screen and (max-width: 991px) { .split-maraphone-layout { margin-top: 50px; } .split-maraphone-layout .point, .split-maraphone-layout.maraphone-list-item .point { width: 100%; } .split-maraphone-layout .img-container { display: none; } .split-maraphone-layout .text-container p.name { color: white; background: #e9588f; text-align: center; padding: 10px 0; text-transform: uppercase; font-size: 24px; } .split-maraphone-layout .text-container p.big-price { font-size: 24px; text-align: left; } .split-maraphone-layout .text-container .buttons-container { -ms-flex-wrap: wrap; flex-wrap: wrap; } .split-maraphone-layout .text-container .buttons-container .button { margin-right: 0; width: 100%; margin-bottom: 20px; } .split-maraphone-layout .text-container .buttons-container .button.link-btn { margin-bottom: 0; } .banner-layout { padding: 30px; } .banner-layout .bg { -webkit-filter: blur(10px); filter: blur(10px); } .banner-layout .bg:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); opacity: 0.6; } .banner-layout .text-container { text-align: center; } .banner-layout .text-container .name { margin-bottom: 20px; font-size: 30px; } .banner-layout .text-container .name:before { content: ''; width: 40px; height: 6px; position: absolute; top: 25px; left: -70px; background: white; display: none; } .banner-layout .text-container .text { margin-bottom: 20px; font-size: 18px; } .banner-layout .text-container .text.width-small { width: 100%; } .banner-layout .text-container .text span.fz-bigger { font-size: 30px; } .banner-layout .text-container .bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .banner-layout .text-container .bottom .price-wrap { margin-bottom: 30px; width: 100%; } .banner-layout .text-container .bottom .price-wrap .price { font-size: 30px; } .banner-layout .text-container .button { margin-left: 0; font-size: 18px; text-transform: none; padding: 0px 0px; width: 100%; font-weight: 500; } .banner-layout { flex-wrap: wrap; padding: 0; } .banner-layout .text-container, .banner-layout iframe { width: 100%; } .banner-layout .text-container { margin-bottom: 30px; } .banner-layout iframe { min-height: 50vw; } } .disclaimer { font-weight: 900; margin-bottom: 50px; text-transform: uppercase; font-size: 14px; } .link-btn2 { text-decoration: underline; color: black; background: transparent; padding: 0; height: auto; margin-bottom: 50px; width: 100%; display: block; } .link-btn2:hover { background: transparent; color: #e9588f; } .subscription-about a.button { margin-bottom: 10px; margin-right: 10px; padding: 0 20px; height: 40px; } /* Вебинар в публичке */ .wrapper #webinar { width: 100%; } .video-subscribe-wrapper .stub iframe { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } .promocode-wrap { width: 50%; margin-bottom: 50px; } .promocode-wrap .title { font-weight: bold; } .promocode-wrap .desc { line-height: 1.5; margin-bottom: 50px; } .promocode-wrap .promocode { display: flex; margin-bottom: 50px; position: relative; } .promocode-wrap .promocode .form__input.input-invalid + p { display: block; margin: 20px 0px 0px 0px; color: #e9588f; position: absolute; bottom: -30px; } .promocode-wrap .promocode .form__input--reg { font-size: 16px; } .promocode-wrap .promocode .button { width: 250px; flex-shrink: 0; margin-left: 20px; font-size: 16px; } .promocode-wrap .promocode-result { margin-bottom: 50px; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; background: #f5f5f5; padding: 20px; box-sizing: border-box; width: 55%; } .promocode-wrap .promocode-result .code { margin-top: 0; } .promocode-wrap .promocode-result .code span { font-weight: 900; } .promocode-wrap .promocode-result .close { background: #e9588f; text-align: center; width: 30px; height: 30px; margin-top: -7px; cursor: pointer; transition: all 1.5s ease-in-out; } .promocode-wrap .promocode-result .close:hover { background: #fb7cac; } .promocode-wrap .promocode-result .close img { width: 13px; height: 13px; padding-top: 30%; } .promocode-wrap .promocode-result .discount-info { width: 100%; } .promocode-wrap .promocode-result .discount-info span { font-weight: 900; } .promocode-wrap .old-price { color: rgb(180, 180, 180); margin-bottom: 15px; font-size: 20px; } .promocode-wrap .new-price { color: black; margin-bottom: 15px; text-transform: uppercase; font-size: 24px; font-weight: 900; } .promocode-wrap .old-price span { text-decoration: line-through; } .promocode-wrap .new-price span { color: #e9588f; } @media screen and (max-width: 991px) { .promocode-wrap { width: 100%; } .promocode-wrap .promocode-result { width: 100%; } } @media screen and (max-width: 768px) { .promocode-wrap .promocode .button { width: 100%; margin-left: 0; margin-top: 20px; } .promocode-wrap .promocode { flex-wrap: wrap; } } .promocode-wrap .hide { display: none !important; } /*.input-invalid {*/ /* border: 2px solid #e9588f;*/ /*}*/ .form__input + p { display: none; } .form__input.input-invalid + p { display: block; margin: 20px 0px 0px 0px; color: #e9588f; } .form__input-box--required:before { content: '*'; position: absolute; top: 25px; left: 19px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 8px; font-size: 18px; line-height: 20px; color: #e9588f; } .form .notice { display: block; line-height: 1.5; margin-bottom: 20px; font-size: 16px; } .form .notice span { font-weight: bold; } .form .split { display: flex; align-items: center; justify-content: center; } .form .split.padding-mid { padding: 30px 0; } .form .split .button { flex: 1; margin-right: 50px; } .form .split .form__box--pass-forg { margin: 0; } @media screen and (max-width: 575px) { .form .split { flex-flow: row wrap; } .form .split .button { width: 60%; flex-shrink: 0; margin-right: 10px; } .form .split .form__box--pass-forg { width: auto; flex-shrink: 0; text-align: center; margin: 20px 0; } .form .split.padding-mid { padding: 0; } } /* Marathon shedule expand */ .view-more { width: 1205px; margin: 0 auto; margin-top: 20px; display: block; text-align: right; text-decoration: underline; font-weight: bold; color: #e9588f; cursor: pointer; } .view-more.hide { display: none; } .table.shedule { margin-bottom: 0; } /* .shedule-expand { height: 650px; overflow: hidden; transition: all .2s ease-in-out; } */ .shedule-expand.expand { height: auto; } @media screen and (max-width: 1319px) { .view-more { width: 935px; } } @media screen and (max-width: 991px) { .view-more { width: 100%; padding: 0 19px; box-sizing: border-box; } } /* @media screen and (max-width: 575px) { .shedule-expand { height: 500px; } } */ .tr-hide { display: none; } .tr-show { display: table-row; } @media (max-width: 575.98px) { .tr-show { display: block; } } .wrapper .big-banner img { max-width: 100%; } .split__wrap-margin-tb { width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; margin: 30px 0 100px 0; } .split__wrap-margin-tb .button { width: 48%; padding-left: 20px; padding-right: 20px; margin: 0px 10px; box-sizing: border-box; } @media screen and (max-width: 991px) { .split__wrap-margin-tb { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .split__wrap-margin-tb .button { padding-left: 10px; padding-right: 10px; margin-top: 0; margin-bottom: 30px; width: 100%; } } .section__title { line-height: 1.5; } .pay_preloader { min-width: 360px; 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; height: 50px; margin-bottom: 30px; } .circular { width:50px; height:50px; -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; } @-webkit-keyframes rotate { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } @keyframes rotate { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } .path { stroke-dasharray: 1,200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; stroke: #3f88f8; } @-webkit-keyframes dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89,200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89,200; stroke-dashoffset: -124; } } @keyframes dash { 0% { stroke-dasharray: 1,200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89,200; stroke-dashoffset: -35; } 100% { stroke-dasharray: 89,200; stroke-dashoffset: -124; } } @-webkit-keyframes color { 0% {stroke: #3f88f8;} 20% {stroke: #3f88f8;} 25% {stroke: #dd413b;} 45% {stroke: #dd413b;} 50% {stroke: #f6ae2e;} 70% {stroke: #f6ae2e;} 75% {stroke: #259a5d;} 95% {stroke: #259a5d;} } @keyframes color { 0% {stroke: #3f88f8;} 20% {stroke: #3f88f8;} 25% {stroke: #dd413b;} 45% {stroke: #dd413b;} 50% {stroke: #f6ae2e;} 70% {stroke: #f6ae2e;} 75% {stroke: #259a5d;} 95% {stroke: #259a5d;} } /* --------------------------------------- */ /* banner under main marathon 11.03 */ /* --------------------------------------- */ .text-banner { width: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; /* height: 350px; */ padding: 40px 0; box-sizing: border-box; overflow: hidden; position: relative; background: #f5f5f5; margin-bottom: 50px; text-decoration: none; } .text-banner:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .text-banner .img { position: absolute; bottom: 0; right: 0; height: 100%; } .text-banner .text { position: relative; z-index: 1; } .text-banner .img img { -webkit-transition: all 3s ease-in-out; transition: all 3s ease-in-out; height: 100%; } .text-banner .text .title { text-transform: uppercase; font-weight: 900; font-size: 56px; margin-bottom: 30px; border-left: 22px solid #e9588f; color: #232735; box-sizing: border-box; padding-left: 70px; text-decoration: none; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .text-banner .text .title span { color: #e9588f; font-size: 70px; } .text-banner .text .desc { font-size: 21px; color: #232735; box-sizing: border-box; padding-left: 90px; text-decoration: none; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .text-banner .text .desc span { color: #e9588f; font-weight: 900; } .text-banner .text button { background: #e9588f; color: white; width: 400px; height: 50px; border-radius: 50px; border: none; outline: none; margin-left: 90px; margin-top: 30px; font-weight: 900; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: relative; cursor: pointer; } .text-banner:hover .text button { background: #232735; color: white; } @media screen and (max-width: 768px) { .text-banner { background: #e9588f; height: auto; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-top: 0; } .text-banner .img { position: relative; -webkit-box-ordinal-group: 0; order: -1; width: 100%; height: 110vw; background: url(/upload/anna-photo-colorfull.jpg) no-repeat; background-size: 100%; margin-bottom: 30px; } .text-banner .img img { display: none; } .text-banner .text { color: white; width: 90%; margin: 0 auto; } .text-banner .text .title { color: white; border-left: none; padding: 0; margin-bottom: 20px; box-sizing: border-box; width: 100%; text-align: center; font-size: 45px; } .text-banner .text .title span { color: white; font-size: 45px; } .text-banner .text .desc { color: white; padding: 0; margin-bottom: 10px; box-sizing: border-box; width: 100%; text-align: center; } .text-banner .text .desc span { color: white; } .text-banner:hover .text .title { color: white; } .text-banner .text button { display: block; margin: 0 auto; margin-top: 20px; background: white; color: #232735; width: 100%; } .text-banner:hover .text button { background: white; color: #232735; } } @media screen and (max-width: 450px) { .text-banner .text .title, .text-banner .text .title span { font-size: 28px; } .text-banner .text .desc { font-size: 20px; } } #payment-form { width: 100%; text-align: center; margin-bottom: 20px; } /* ///////////////////////////////// */ /* ///////// results photo ///////// */ /* ///////////////////////////////// */ .top-scores__before-and-after-slider.no-place:after { display: none; } .swiper-container.full-width { width: 100%; } .top-scores__before-and-after-slider.no-place .swiper-button-next, .top-scores__before-and-after-slider.no-place .swiper-container-rtl .swiper-button-prev, .swiper-container.afrodita-results .swiper-button-next, .swiper-container.afrodita-results .swiper-button-prev { background-image: none; } .swiper-container.full-width .top-scores__before, .swiper-container.full-width .top-scores__after { width: 25%; height: auto; margin: 0px 5px; } .swiper-container.full-width .top-scores__photo { -o-object-position: top; object-position: top; max-width: 100%; } .top-scores .swiper-container.full-width .swiper-slide { width: 20% !important; margin-right: 10px; } .top-scores .swiper-container.full-width .swiper-slide a { width: 100%; } @media screen and (max-width: 991px) { .top-scores .swiper-container.full-width .swiper-slide { width: 32% !important; } .swiper-container.full-width .top-scores__photo { max-width: 100%; max-height: 100%; height: auto; width: auto; } .top-scores .swiper-container.full-width .swiper-slide a { text-align: center; } } @media screen and (max-width: 768px) { .top-scores .swiper-container.full-width .swiper-slide { width: 48% !important; } } h1 .title-text { font-weight: normal; font-size: 16px; line-height: 1.9; text-transform: none; margin: 30px 0; } .text-noticed { font-weight: bold; color: #e9588f; } .small-title { font-weight: bold; font-size: 16px; margin: 0; } .section--near-marathons .split-maraphone-layout.detskaya-estafeta p { margin-bottom: 15px; } .section--near-marathons .split-maraphone-layout.detskaya-estafeta label { margin-bottom: 5px; } .public-comments-wrap { width: 100%; } .swiper-container.afrodita-results { width: 100%; max-height: 400px; } .swiper-slide-afrodita-results { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .afrodita-results-img { max-width: 100%; } /* ////////////////////////////////////// */ /* ------- POPUP EMAIL 01.04.2020 ------- */ /* ////////////////////////////////////// */ .overlay { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); width: 100vw; height: 100vh; z-index: 100; opacity: 0; visibility: hidden; /* display: none; */ -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; z-index: 1000; } .overlay .overlay-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: inherit; height: inherit; } .overlay .overlay-content { background: white; min-width: 100px; padding: 50px 50px 50px 40px; -webkit-box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.15); box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(0px, -150px, 0px); transform: translate3d(0px, -150px, 0px); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; position: absolute; } .overlay.show .overlay-content { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .overlay .overlay-content .close { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: #E9588F; 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; cursor: pointer; } .overlay .overlay-content .close svg { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .overlay .overlay-content .close:hover svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .overlay-content .button { width: 100%; } .overlay .overlay-content form p { font-weight: bold; font-size: 18px; margin-bottom: 20px; line-height: 1.5; } .overlay .overlay-content form p span { color: #E9588F; } .show { opacity: 1; visibility: visible; /* display: block; */ } .hide { opacity: 0; visibility: hidden; /* display: none; */ } .overlay .overlay-content { position: relative; margin: 0 auto; margin-top: 10vh; width: 550px; } .overlay .overlay-inner { display: block; } @media screen and (max-width: 768px) { .overlay .overlay-inner { width: 90%; margin: 0 auto; } .overlay .overlay-content { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } } /* /////////////////////////////////////////// */ /* ------- BLOG EMAIL FORM 02.04.2020 ------- */ /* /////////////////////////////////////////// */ section.section--article .products__item { width: 100%; box-shadow: none; } /* /////////////////////////////////////////// */ /* ------- sidebar products 02.04.2020 ------- */ /* /////////////////////////////////////////// */ .products--catalog-page .products__item { margin-bottom: 20px; } @media screen and (max-width: 1319px) { .products--catalog-page .products__item { float: left; } } @media screen and (max-width: 991px) { .products__item.products__item--top-block { width: 100% !important; } .products--catalog-page .products__item:nth-child(2n+1) { margin-right: 16px; } .products--catalog-page .products__item:nth-child(2n) { margin-right: 0px; } .products--catalog-page .products__item { width: -webkit-calc(50% - 16px); width: calc(50% - 16px); } } @media screen and (max-width: 768px) { .products--catalog-page .products__item:nth-child(2n+1) { margin-right: 0; } .products--catalog-page .products__item:nth-child(2n) { margin-right: 0px; } .products--catalog-page .products__item { width: 100%; } .products--catalog-page .products__title { width: 100%; text-align: center; display: block; height: auto; } } /* /////////////////////////////////////////// */ /* ------- CLUB OR LANDING 05.04.2020 ------- */ /* /////////////////////////////////////////// */ .full-width { width: 100%; padding: 0; } .full-width .breadcrumbs__inner-container { width: 1200px; margin: 0 auto; padding: 0px 40px; box-sizing: border-box; } .landing.club { width: 100%; } .landing.club .centered { width: 1240px; display: block; margin: 0 auto; padding: 0px 20px; box-sizing: border-box; } .landing.club section { margin-bottom: 120px; width: 100%; display: block; } .landing.club h1 { font-size: 51px; line-height: 1.3; text-transform: uppercase; font-weight: 900; margin-top: 0; color: #25272f; } .landing.club h2 { font-size: 51px; line-height: 1.1; font-weight: 900; margin-top: 0; color: #25272f; margin-bottom: 70px; } .landing.club h2.light { color: white; } .landing.club h2 span { color: #e9588f; } .landing.club h3 { font-size: 20px; line-height: 1.3; color: #25272f; font-weight: bold; margin-top: 0; } .landing.club ul { margin: 0; padding: 0; } .landing.club ul li { margin-bottom: 25px; color: #e9588f; } .landing.club ul li span { color: #25272f; line-height: 1.5; font-size: 16px; } .landing.club .top-banner { width: 100%; height: 500px; background-color: #25272f; background-size: cover; background-position: right center; padding: 100px 0; box-sizing: border-box; position: relative; } .landing.club .top-banner .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .landing.club .top-banner .bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .landing.club .top-banner .banner-inner { position: relative; } .landing.club .top-banner .banner-inner h1 { margin-bottom: 30px; color: white; width: 650px; box-sizing: border-box; } .landing.club .top-banner .banner-inner .description { margin-bottom: 30px; line-height: 1.5; color: white; width: 420px; margin-top: 0; box-sizing: border-box; } .landing.club .top-banner .banner-inner a { font-weight: 900; color: white; text-transform: uppercase; background: #e9588f; font-size: 16px; height: 50px; width: 300px; padding: 0px 10px; display: block; text-align: center; line-height: 48px; text-decoration: none; border-radius: 50px; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; box-sizing: border-box; } .landing.club .top-banner .banner-inner a:hover { background: #ff7ab1; } .landing.club ul.split-list, .landing.club ul.split-list2 { margin: 0; padding: 0; list-style: none; display: grid; grid-gap: 40px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } .landing.club ul.split-list li .icon { margin-bottom: 30px; width: 40px; height: 40px; } .landing.club ul.split-list li .icon img { max-width: 100%; } .landing.club ul.split-list li h3 { position: relative; margin-bottom: 35px; padding-bottom: 35px; } .landing.club ul.split-list li h3:after { content: ''; position: absolute; left: 0; bottom: 0px; height: 3px; width: 30px; background: #e9588f; } .landing.club ul.split-list li .desc { margin: 0; line-height: 1.5; color: #25272f; font-size: 16px; } .landing.club .main-info { display: grid; grid-gap: 40px; grid-template-columns: 3fr 1fr 3fr 2fr; grid-template-areas: "a a a a""b . c c"; } .landing.club .main-info .photo { margin-bottom: 40px; grid-area: a; } .landing.club .main-info .photo img { max-width: 100%; } .landing.club .main-info .title { grid-area: b; } .landing.club .main-info .text { grid-area: c; } .landing.club .banner { padding: 75px 20px; box-sizing: border-box; position: relative; } .landing.club .banner .bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(/upload/club-imgs/banner-photo.png) no-repeat; background-size: cover; } .landing.club .banner .banner-inner { color: white; position: relative; } .landing.club .banner .banner-inner ul { margin-bottom: 40px; } .landing.club .banner .banner-inner ul.banner-list { display: grid; grid-gap: 30px; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); list-style-type: disc; } .landing.club .banner .banner-inner ul.banner-list li { color: white; font-size: 19px; line-height: 1.5; padding-right: 30px; } .landing.club .banner .banner-inner a { width: 460px; height: 50px; color: #e9588f; line-height: 50px; font-weight: 900; text-transform: uppercase; text-align: center; background: white; text-decoration: none; display: block; margin: 0 auto; border-radius: 50px; font-size: 18px; } .landing.club ul.split-list2 { grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); } .landing.club ul.split-list2 li.flexed { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; color: #25272f; padding-right: 20px; } .landing.club ul.split-list2 li.flexed h3 { margin-bottom: 10px; padding-bottom: 0; } .landing.club ul.split-list2 li.flexed h3:after { display: none; } .landing.club ul.split-list2 li.flexed .desc { line-height: 1.5; } .landing.club ul.split-list2 li.flexed .icon { margin-right: 30px; margin-bottom: 0; width: 40px; height: 40px; } .landing.club ul.split-list2 li.flexed .icon img { max-width: 100%; } .landing.club .bottom-block { text-align: center; width: 900px; display: block; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } .landing.club .bottom-block p { font-size: 18px; margin-bottom: 50px; line-height: 1.5; } .landing.club .bottom-block h2 { margin-bottom: 40px; } .landing.club .bottom-block a { width: 460px; height: 50px; background: #e9588f; color: white; text-align: center; line-height: 50px; font-weight: 900; text-decoration: none; text-transform: uppercase; display: block; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; border-radius: 50px; margin: 0 auto; } .landing.club .bottom-block a:hover { background: #ff7ab1; } .landing.club .speakers .point { display: grid; grid-gap: 100px; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); margin-bottom: 100px; } .landing.club .speakers .point .photo { height: 550px; width: 100%; } .landing.club .speakers .point .photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .landing.club .speakers .point .info { position: relative; } .landing.club .speakers .point .info .text .name { font-size: 30px; color: #25272f; line-height: 1.5; margin-bottom: 20px; } .landing.club .speakers .point .info .text .name span { color: #e9588f; } .landing.club .speakers .point .info .text .spec { COLOR: #959595; line-height: 1.5; margin-bottom: 20px; } .landing.club .speakers .point .info .text .about { color: #25272f; line-height: 1.5; margin-bottom: 50px; } .landing.club .speakers .point .info .gallery { position: absolute; bottom: 0; left: 0; width: 100%; } .landing.club .speakers .point .info .gallery .title { color: #25272f; font-size: 20px; margin-bottom: 20px; } .landing.club .speakers .point .info .gallery .title span { color: #e9588f; } .landing.club .speakers .point .info .gallery .top-scores__slider .swiper-slide { height: 170px; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.5; } @media screen and (max-width: 1200px) { .full-width .breadcrumbs__inner-container { width: 100%; } .landing .breadcrumbs__inner-container { width: 100%; } .landing.club .centered { width: 100%; } } @media screen and (max-width: 991px) { .landing.club .speakers .point { grid-gap: 30px; margin: 0; grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); grid-template-areas: "a""b"; } .landing.club .speakers .point .photo { height: auto; width: 100%; grid-area: a; } .landing.club .speakers .point .photo img { max-width: 100%; } .landing.club .speakers .point .info { margin-bottom: 50px; grid-area: b; } .landing.club .speakers .point .info.no-margin { margin: 0; } .landing.club .speakers .point .info .text .name { font-weight: 550; font-size: 30px; color: #25272f; line-height: 1.5; margin-bottom: 20px; } .landing.club .speakers .point .info .text .name span { color: #e9588f; } .landing.club .speakers .point .info .text .spec { color: #959595; line-height: 1.5; margin-bottom: 20px; } .landing.club .speakers .point .info .text .about { color: #25272f; line-height: 1.5; } .landing.club .speakers .point .info .text .about.no-margin { margin: 0; } .landing.club .speakers .point .info .gallery { position: relative; } .landing.club .speakers .point .info .gallery .title { color: #25272f; font-size: 20px; margin-bottom: 20px; font-weight: bold; } .landing.club .speakers .point .info .gallery .title span { color: #e9588f; } .landing.club .speakers .point .info .gallery .top-scores__slider .swiper-slide { height: 300px; background-position: top; } .landing.club section { margin-bottom: 50px; } .landing.club h1 { font-size: 40px; } .landing.club h2 { font-size: 32px; margin-bottom: 40px; } .landing.club h3 { font-size: 24px; margin-bottom: 40px; } .landing.club .top-banner { padding: 30px; height: auto; margin-bottom: 60px; } .landing.club .top-banner .banner-inner { padding: 0; } .landing.club .top-banner .banner-inner h1 { width: 100%; font-size: 36px; } .landing.club .top-banner .banner-inner .description { width: 100%; } .landing.club .top-banner .banner-inner a { width: 100%; } .landing.club ul.split-list, .landing.club ul.split-list2 { grid-gap: 40px; } .landing.club ul.split-list li { margin-bottom: 0; } .landing.club ul.split-list li .icon { margin-bottom: 10px; } .landing.club ul.split-list li h3 { margin-bottom: 20px; padding-bottom: 20px; } .landing.club ul.split-list2 { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } .landing.club .main-info { grid-gap: 20px; grid-template-columns: 1fr; grid-template-areas: "a""b""c"; } .landing.club .main-info .photo { margin-bottom: 0; } .landing.club .main-info h2 { margin-bottom: 0; } .landing.club .main-info .text { padding-left: 20px; } .landing.club .banner { padding: 50px 10px; } .landing.club .banner .bg { background-position: center center; background-position: right; } .landing.club .banner .banner-inner ul { margin-bottom: 0; } .landing.club .banner .banner-inner ul.banner-list { padding-left: 10px; grid-gap: 0px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } .landing.club .banner .banner-inner ul.banner-list li { padding-right: 0; font-size: 16px; } .landing.club .banner .banner-inner a { width: 100%; } .landing.club .bottom-block { width: 100%; text-align: left; } .landing.club .bottom-block p { font-size: 16px; margin-bottom: 20px; } .landing.club .bottom-block h2 { margin-bottom: 20px; } .landing.club .bottom-block a { width: 100%; } .landing.club ul.split-list2 { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .landing.club ul.split-list2 li.flexed { flex-wrap: wrap; margin: 0; padding: 0; } .landing.club ul.split-list2 li.flexed h3:after { display: none; } .landing.club ul.split-list2 li.flexed .icon { margin-bottom: 20px; } .landing.club ul.split-list2 li.flexed .text { width: 100%; } } @media screen and (max-width: 600px) { .landing.club .top-banner .bg img { -webkit-filter: blur(10px); filter: blur(10px); opacity: 0.75; -o-object-position: right; object-position: right; } } /* /////////////////////////////////////// */ /* ----------- PAY 09.04.202 ----------- */ /* /////////////////////////////////////// */ .popup .popup-inner .popup-content.default { padding: 40px; color: #25272F; display: block; max-height: 98vh; box-sizing: border-box; min-width: 500px; } .popup .popup-inner .popup-content.default .title { margin: 0; padding: 0; margin-bottom: 30px; font-size: 22px; font-weight: 900; width: 100%; text-align: left; } .popup .popup-inner .popup-content.default .title span { color: #E9588F; } .popup .popup-inner .popup-content.default .payment-notify { line-height: 22px; font-size: 16px; } .popup .popup-inner .popup-content.default .payment-notify span.colored { color: #E9588F; font-weight: 900; } .popup .popup-inner .popup-content.default .promocode-wrap { display: block; width: 100%; /*padding-bottom: 30px;*/ margin-bottom: 30px; border-bottom: 1px solid #EBEBEB; } .popup .popup-inner .popup-content.default .promocode-wrap .fake-link { font-weight: bold; color: #E9588F; height: 50px; line-height: 50px; text-decoration: underline; cursor: pointer; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; display: inline; } .popup .popup-inner .popup-content.default .promocode-wrap .fake-link:hover { color: rgb(247, 113, 164); } .popup .popup-inner .popup-content.default .promocode-wrap .form__input-box { margin-bottom: 0; } .popup .popup-inner .popup-content.default .promocode-wrap .form__input-box .promo-info { width: 100%; font-weight: bold; margin-top: 20px; } .popup .popup-inner .popup-content.default .promocode-wrap .form__input-box .promo-info span { margin: 0; padding: 0; font-size: 16px; margin-right: 20px; font-weight: bold; } .popup .popup-inner .popup-content.default .promocode-wrap .form__input-box .promo-info a { color: #e9588f; text-decoration: underline; } .form__input-box label { font-weight: bold; margin-bottom: 15px; display: block; } .popup .popup-inner .popup-content.default .sub-form { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; width: 420px; } .popup .popup-inner .popup-content.default .sub-form .form__input-box { width: 100%; /*margin-bottom: 0;*/ } .popup .popup-inner .popup-content.default .sub-form p { color: #B6B6B6; line-height: 1.5; width: 100%; font-size: 16px; font-weight: normal; margin-bottom: 0; } .popup .popup-inner .popup-content.default form .block { margin-bottom: 40px; } .popup .popup-inner .popup-content.default form .block.no-margin { margin: 0; } .popup .popup-inner .popup-content.default .split { display: -webkit-box; display: flex; margin-bottom: 30px; flex-wrap: wrap; } .popup .popup-inner .popup-content.default .split .info {} .popup .popup-inner .popup-content.default .split .info p { font-size: 14px; font-weight: 500; } .popup .popup-inner .popup-content.default .split .info p.title { font-weight: 900; margin: 0; padding: 0; margin-bottom: 10px; text-transform: none; } .popup .popup-inner .popup-content.default .split .info ol { font-size: 14px; margin: 0; padding: 0; padding-left: 20px; } .popup .popup-inner .popup-content.default .split .info ol li { font-size: 14px; margin: 0; padding: 0; margin-bottom: 10px; line-height: 1.5; font-weight: 500; } .popup .popup-inner .popup-content.default .radio-wrap { display: -webkit-box; display: flex; cursor: pointer; width: 50%; flex-shrink: 0; padding-right: 30px; box-sizing: border-box; margin-bottom: 30px; } .popup .popup-inner .popup-content.default .radio-wrap input[type=radio] { margin-right: 10px; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #D6D6D6; -moz-appearance: none; appearance: none; -webkit-appearance: none; position: relative; flex-shrink: 0; cursor: pointer; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .popup .popup-inner .popup-content.default .radio-wrap:hover input[type=radio] { border: 2px solid #e9588f; } .popup .popup-inner .popup-content.default .radio-wrap input[type=radio]:focus { outline: none; } .popup .popup-inner .popup-content.default .radio-wrap input[type=radio]+label { font-size: 16px; font-weight: normal; cursor: pointer; } .popup .popup-inner .popup-content.default .radio-wrap input[type=radio]+label.colored { color: #e9588f; font-weight: bold; } .popup .popup-inner .popup-content.default .radio-wrap input[type=radio]+label.colored p { font-size: 16px; font-weight: normal; margin-bottom: 0px; margin-top: 10px; color: #25272F; } .popup .popup-inner .popup-content.default .radio-wrap input[type=radio]+label.colored p span { font-weight: bold; } .popup .popup-inner .popup-content.default .radio-wrap input[type=radio]:checked { border: 2px solid #E9588F; } .popup .popup-inner .popup-content.default .radio-wrap input[type=radio]:checked:after { content: ''; position: absolute; top: 2px; left: 2px; width: 10px; height: 10px; background: #E9588F; border-radius: 50%; } .popup .popup-inner .popup-content.default .radio-wrap input[type=radio]:checked+label { font-weight: bold; } .popup .popup-inner .popup-content.default .radio-wrap label .img-wrap { width: 100px; margin-top: 10px; } .popup .popup-inner .popup-content.default .radio-wrap label .img-wrap img { max-width: 100%; } .popup .popup-inner .popup-content.default .total { display: -webkit-box; display: flex; font-weight: 900; color: #25272F; font-size: 20px; -webkit-box-align: end; align-items: flex-end; margin-bottom: 30px; } .popup .popup-inner .popup-content.default .total span { color: #E9588F; margin-left: 10px; } .popup .popup-inner .popup-content.default .total .old { color: #B6B6B6; text-decoration: line-through; margin-left: 30px; font-weight: 300; font-size: 18px; } .popup .popup-inner .popup-content.default .button { width: 100%; margin-bottom: 30px; } .popup .popup-inner .popup-content.default .button.no-margin { margin: 0; } .popup .popup-inner .popup-content.default .button:disabled { background: #e2e2e2; color: #25272F; } .check-wrap { display: -webkit-box; display: flex; -webkit-box-align: start; align-items: flex-start; cursor: pointer; } .check-wrap:hover input[type="checkbox"] { border: 2px solid #e9588f; } .check-wrap input[type="checkbox"] { width: 18px; height: 18px; border: 2px solid #D6D6D6; border-radius: 3px; margin-right: 10px; background: transparent; -moz-appearance: none; appearance: none; -webkit-appearance: none; position: relative; cursor: pointer; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; flex-shrink: 0; padding: unset; } .check-wrap input[type="checkbox"].alert { border: 2px solid red; } .check-wrap input[type="checkbox"]:checked { border: 2px solid #e9588f; background: #e9588f; } .check-wrap input[type="checkbox"]:checked:after { content: ''; position: absolute; background: url(/upload/check-white.svg) no-repeat; width: 12px; height: 12px; left: 1px; top: 3px; background-size: 12px; } .check-wrap input[type="checkbox"]:focus { outline: none; } .check-wrap input[type="checkbox"]+label { font-size: 14px; line-height: 1.5; display: block; cursor: pointer; } .check-wrap input[type="checkbox"]+label a { font-weight: bold; text-decoration: underline; color: #e9588f; } .popup .popup-inner .popup-content.default .form__input { position: relative; text-align: inherit; padding: 0px 30px; } /* .popup .popup-inner .popup-content.default .form__input:invalid { border: 2px solid red; } */ .popup .popup-inner .popup-content.default .form__input-box { position: relative; } .popup .popup-inner .popup-content.default .form__input-box.required:before { content: '*'; position: absolute; left: 15px; bottom: 27px; width: 10px; height: 10px; color: #e9588f; font-size: 22px; } .text-center { text-align: center; } .site-thnx-page { width: 100%; min-height: 100%; height: auto; margin-bottom: 200px; } .site-thnx-page .inner { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 0px 30px; } .site-thnx-page .text { text-align: center; margin-bottom: 30px; font-size: 18px; color: #2f2e41; line-height: 1.7; } .site-thnx-page .text .title { margin-bottom: 30px; font-size: 24px; font-weight: 900; } .site-thnx-page .text p { margin-bottom: 20px; font-size: 16px; } .site-thnx-page .text p a, .site-thnx-page .bottom a { font-weight: 900; color: #e9588f; text-decoration: underline; } .site-thnx-page .logo { margin-bottom: 30px; width: 200px; text-align: center; } .site-thnx-page .logo img { max-width: 100%; width: 100%; max-height: 100%; } @media screen and (max-width: 991px) { .popup .popup-inner .popup-content.default { max-width: 90%; max-height: 90vh; padding: 30px; } .popup .popup-inner .popup-content.default .split { flex-wrap: wrap; margin-bottom: 10px; } .popup .popup-inner .popup-content.default .radio-wrap { margin-right: 0; width: 100%; margin-bottom: 20px; } .popup .popup-inner .popup-content.default .sub-form { flex-wrap: wrap; width: unset; } .popup .popup-inner .popup-content.default .sub-form .form__input-box { width: 100%; margin-bottom: 20px; } .popup .popup-inner .popup-content.default form .block { margin-bottom: 30px; } .popup .popup-inner .popup-content.default .title { margin-bottom: 20px; } .popup .popup-inner .popup-content.default .total { flex-wrap: wrap; -webkit-box-align: end; align-items: flex-end; margin-bottom: 30px; font-size: 30px; display: block; font-size: 22px; } .popup .popup-inner .popup-content.default .total span { width: 100%; margin-left: 0; margin: 10px 0; } .popup .popup-inner .popup-content.default .total .old { width: 100%; margin-left: 0; font-size: 30px; font-size: 20px; margin-top: 10px; } .popup .popup-inner .popup-content.default .promocode-wrap .form__input-box .promo-info span { width: 90%; display: block; margin: 0 auto; text-align: center; } } .block-hide { display: none !important; } .block-show { display: block !important; } .popup .popup-inner .popup-content p.error-text, .popup .popup-inner .popup-content .exist-user-text { color: #ff0000; font-size: 16px; font-weight: normal; } /* auth disabled instagram */ .ulogin-button-instagram { filter: grayscale(1); opacity: .5; } .form__box--social { flex-wrap: wrap; } .form__box--social p.bottom-text { width: 100%; flex-shrink: 0; line-height: 1.5; color: black; margin: 0; margin-top: 20px; } .form__box--social p.bottom-text span { font-weight: bold; color: #E9588F; } .landing.club .centered.split-banner { display: grid; grid-gap: 100px; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); } .landing.club .centered.split-banner .photo { height: 500px; width: 100%; } .landing.club .centered.split-banner .photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } .landing.club .centered.split-banner .text {} .landing.club .centered.split-banner .text .imgs-wrap { display: -webkit-box; display: flex; } .landing.club .centered.split-banner .text .imgs-wrap .gift-photo { width: 33%; text-align: center; } .landing.club .centered.split-banner .text .imgs-wrap .gift-photo img { max-width: 100%; max-height: 100%; margin-bottom: 20px; } .landing.club .centered.split-banner .text .imgs-wrap .gift-photo p { border-top: 0; font-weight: normal; font-size: 18px; padding: 0; margin: 0; text-transform: none; font-size: 16px; line-height: 1.3; } .landing.club .centered.split-banner .text p.title { font-size: 35px; font-weight: 900; margin-bottom: 30px; text-transform: none; line-height: 1.2; border-top: 0; padding-top: 0; margin-top: 0; } .landing.club .centered.split-banner .text p.title span { color: #E9588F; width: 100%; display: block; margin-top: 30px; } .landing.club .centered.split-banner .text p { font-size: 16px; font-weight: 900; text-transform: uppercase; line-height: 1.5; border-top: 1px solid rgba(0, 0, 0, .2); padding-top: 30px; } @media screen and (max-width: 991px) { .landing.club .centered.split-banner { display: grid; grid-gap: 20px; grid-template-columns: 1fr; grid-template-areas: 'a' 'b'; } .landing.club .centered.split-banner .photo { grid-area: a; height: 40vw; } .landing.club .centered.split-banner .text { grid-area: b; } .landing.club .centered.split-banner .text p.title { font-size: 22px; margin-bottom: 20px; } .landing.club .centered.split-banner .text p.title span { margin-top: 20px; } .landing.club .centered.split-banner .text p { font-size: 18px; text-transform: none; line-height: 1.2; font-weight: bold; padding-top: 20px; } .landing.club .centered.split-banner .text .imgs-wrap .gift-photo p { font-size: 14px; } .landing.club .centered.split-banner .text .imgs-wrap { /* flex-wrap: wrap; */ } .landing.club .centered.split-banner .text .imgs-wrap .gift-photo { width: 100%; margin-bottom: 30px; } .landing.club .centered.split-banner .text .imgs-wrap .gift-photo img { margin-bottom: 10px; max-width: 80%; } } .preloader-wrap { width: 100%; height: 100%; margin: 0; padding: 0; position: absolute; overflow: hidden; margin: 0; padding: 0; box-sizing: border-box; z-index: 100; } .preloader-wrap .preloader-inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; } .preloader-wrap .preloader-inner .preloader { position: relative; width: 100%; max-width: 100px; margin: 0; padding: 0; height: 8px; display: flex; align-items: center; justify-content: center; } .preloader-wrap .preloader-inner .preloader div { width: 8px; height: 8px; background: #e9588f; border-radius: 50%; position: absolute; left: 0; top: 0; animation: moving .75s infinite ease-in-out; -webkit-animation: moving .75s infinite ease-in-out; } @keyframes moving { 0% { left: 0; } 50% { left: 100%; } 100% { left: 0; } } /* AJAX PRELOADER */ .preloader_button_holder { width: 200px; position: relative; flex-shrink: 0; height: 50px; margin-right: 20px; } .split-maraphone-layout .text-container .buttons-container .button { width: 100%; } .banner-text-wrap .preloader_button_holder { width: 380px; margin-bottom: 20px; } .banner-text-wrap .preloader_button_holder .btn { width: 100%; } .landing .banner-text-wrap .preloader_button_holder { width: 380px; margin-bottom: 20px; } .landing .banner-text-wrap .preloader_button_holder .btn { width: 100%; } .popup-content .preloader_button_holder { width: 100%; } .banner.banner--form .preloader_button_holder { width: 357px; } .banner.banner--form .preloader_button_holder button { width: 100%; } .section--sidebar .preloader_button_holder { margin-right: 0; width: 100%; } .form .split .preloader_button_holder { -webkit-box-flex: 1; flex: 1; width: auto; display: inherit; } @media screen and (max-width: 991px) { .preloader_button_holder { width: 100%; margin-bottom: 20px; margin-right: 0; } .banner-text-wrap .preloader_button_holder { margin-top: 20px; } .banner.banner--form .preloader_button_holder { margin-bottom: 0; } .form--banner .form__input { width: 100%; margin-right: 0; margin-bottom: 20px; } .banner.banner--form .preloader_button_holder { width: 100%; } .form--sub .form__input, .form--sub .form__button { width: 100%; } .section--sidebar .preloader_button_holder { margin-top: 20px; } } @media screen and (max-width: 480px) { .banner-text-wrap .preloader_button_holder { width: 90%; } .form .split .preloader_button_holder { -webkit-box-flex: 1; flex: 1; width: 100%; } .form .split .preloader_button_holder .button { width: 100%; } } .landing.club .top-banner .banner-inner .preloader_button_holder { width: 300px; margin: 0; padding: 0; position: relative; } .landing.club .top-banner .banner-inner .preloader_button_holder .preloader-wrap { position: absolute; left: 0; top: 0; } @media screen and (max-width: 600px) { .landing.club .top-banner .banner-inner .preloader_button_holder { width: 100%; } } .register-ok .split__wrap-margin-tb:first-of-type { margin-bottom: 20px; } .register-ok .split__wrap-margin-tb .button:last-child { margin-bottom: 0; } /* //////////////////////////////////// */ /* -------------- TARFIS -------------- */ /* //////////////////////////////////// */ .landing.club .bottom-block .preloader_button_holder { width: 450px; display: block; margin: 0 auto; } .landing.club .bottom-block .preloader_button_holder a { width: 100%; } @media screen and (max-width: 768px) { .landing.club .bottom-block .preloader_button_holder { width: 100%; } } .tarifs { color: #25272f; font-size: 16px; font-weight: normal; } .tarifs .tarif-cards { margin: 50px 0; display: block; } .tarifs .tarif-cards .tarif-grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr 20px 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; } .tarifs .tarif-cards .tarif-grid .t-card { position: relative; cursor: pointer; } .tarifs .tarif-cards .tarif-grid .t-card input[type="radio"] { width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0; padding: 0; z-index: 10; visibility: hidden; cursor: pointer; } .tarifs .tarif-cards .tarif-grid .t-card input[type="radio"]:focus { outline: none; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner { padding: 25px; border: 2px solid transparent; -webkit-box-shadow: 1px 1px 0px #EBEBEB, -1px -1px 0px #EBEBEB; box-shadow: 1px 1px 0px #EBEBEB, -1px -1px 0px #EBEBEB; border-radius: 0px; width: 100%; height: 100%; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; cursor: pointer; color: #25272f; font-size: 16px; margin: 0; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .status-off { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .status-off .icon { width: 25px; height: 25px; border: 1px solid #EBEBEB; background: transparent; margin-right: 10px; border-radius: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .status-off span { font-size: 16px; font-weight: normal; color: #25272f; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .status-on { display: none; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .tarifs .subscribe-info-inner .btn-wrap .preloader_button_holder:first-child { margin-right: 10px; } .tarifs .subscribe-info-inner .btn-wrap .preloader_button_holder:nth-child(2) { width: auto; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .status-on .icon { width: 25px; height: 25px; border: 1px solid #e9588f; background: #e9588f; margin-right: 10px; border-radius: 20px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .status-on .icon:after { content: ''; position: absolute; background-size: 80%; left: 0; bottom: 0; width: 12px; height: 10px; top: 1px; right: 0; margin: auto; background: url(/upload/check-white.svg) no-repeat; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .status-on span { font-size: 16px; font-weight: bold; } .tarifs .tarif-cards .tarif-grid .t-card input[type=radio]:checked~label .status-off { display: none; } .tarifs .tarif-cards .tarif-grid .t-card input[type=radio]:checked~label .status-on { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tarifs .tarif-cards .tarif-grid .t-card input[type=radio]:checked~label { border: 2px solid #e9588f; -webkit-box-shadow: none; box-shadow: none; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner:hover { border: 2px solid transparent; -webkit-box-shadow: 1px 1px 0px #e9588f, -1px -1px 0px #e9588f; box-shadow: 1px 1px 0px #e9588f, -1px -1px 0px #e9588f; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 24px; font-weight: bold; margin-bottom: 10px; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .title .attention { position: relative; height: 30px; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .title .attention .tooltip { opacity: 0; visibility: hidden; position: absolute; min-width: 260px; max-width: 400px; left: -135px; background: #191919; color: white; text-align: center; padding: 15px; border-radius: 5px; font-size: 16px; right: 0; top: 60px; margin: auto; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; z-index: 10; font-weight: normal; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .title .attention .tooltip:after { content: ''; position: absolute; top: -10px; left: 50%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #191919; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .title .attention:hover .tooltip { opacity: 1; visibility: visible; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .prices-wrap { margin-bottom: 25px; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .prices-wrap .price { margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .prices-wrap .price .full-price { text-decoration: line-through; color: rgb(174, 174, 174); margin-left: 15px; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .prices-wrap .price span { color: #e9588f; font-weight: bold; font-size: 18px; margin-left: 5px; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .prices-wrap .economy span { color: #25272f; font-weight: bold; font-size: 18px; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .gift-text { padding-top: 15px; margin-bottom: 15px; line-height: 1.5; border-top: 1px solid #EBEBEB; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .gift-text p { font-weight: bold; font-size: 16px; text-transform: uppercase; color: #e9588f; margin-top: 5px; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .gift-text .img-wrap { width: 200px; height: 70px; text-align: center; display: block; margin: 0 auto; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .gift-text .img-wrap img { max-width: 100%; max-height: 100%; width: auto; } .tarifs .text-wrap { line-height: 1.5; } .tarifs .text-wrap p { margin-bottom: 10px; } .tarifs .text-wrap a { text-decoration: underline; } .button.default { padding-left: 20px; padding-right: 20px; display: block; margin: 0 auto; width: 300px; } .tarifs .button { margin: 0 auto; display: block; margin-bottom: 40px; width: 200px; text-align: center; line-height: 48px; font-weight: bold; } .tarifs .tarif-cards .tarif-grid { margin-bottom: 40px; } .form.form--sub.js-form-subscribe .preloader_button_holder { width: 100%; } .landing.club .tarifs ul .ul-title { font-weight: bold; font-size: 20px; margin-bottom: 20px; color: #25272f; text-decoration: none; } .landing.club .tarifs ul .ul-title a { color: #25272f; text-decoration: underline; } .landing.club .tarifs ul .ul-title span { /* color: #E9588F; */ } .landing.club .tarifs ul li { color: #25272f; margin-left: 10px; margin-bottom: 15px; } .landing.club .tarifs ul p.gray { color: rgb(196, 196, 196); margin-top: 20px; margin-bottom: 10px; } .article__text a { font-weight: bold; color: #E9588F; } .button.disabled { pointer-events: none; cursor: default; background: #e3e3e3; color: #797979; } .text-about .title, .text-about .title a { font-size: 20px; color: #25272f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; font-weight: bold; text-decoration: none; margin-bottom: 25px; cursor: pointer; } .text-about .title:hover, .text-about .title a:hover { color: #e9588f; } .text-about .title svg { margin-left: 10px; width: 20px; height: 20px; transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; } .text-about .title svg.rotate { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .text-about .article__text { display: none; } .text-about .article__text.show { display: block; } @media screen and (max-width: 840px) { .tarifs .tarif-cards .tarif-grid { -ms-grid-columns: 1fr 20px 1fr; grid-template-columns: 1fr 1fr; } .tarifs .button { width: 100%; } } @media screen and (max-width:768px) { .tarifs .tarif-cards .tarif-grid { -ms-grid-columns: 1fr 20px 1fr; grid-template-columns: 1fr 1fr; } .tarifs.padding-bigger { padding: 30px 10px; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .gift-text .img-wrap { height: auto; } .tarifs .btn-wrap a.link-btn { margin-left: 0; } .tarifs a.question { text-decoration: none; margin-left: 0; margin-top: 10px; margin-right: 100%; } .tarifs .tarif-cards .form-group .btn { width: 100% } } @media screen and (max-width: 600px) { .tarifs .tarif-cards .tarif-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .title .attention .tooltip { left: initial; } .tarifs .tarif-cards .tarif-grid .t-card label.card-inner .title .attention .tooltip:after { right: 10px; left: initial; } } /* FORM BANNER */ .landing.club .centered.split-banner .text p.title { margin-bottom: 40px; } .landing.club .centered.split-banner .text form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .landing.club .centered.split-banner .text form .button.button-wrap { background-color: transparent; position: relative; } .landing.club .centered.split-banner .text form .button-wrap .button { width: 100%; } @media screen and (max-width: 991px) { .landing.club .centered.split-banner .text form { -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; } .landing.club .centered.split-banner .text form .form__input-box, .button { width: 49%; box-sizing: border-box; } } @media screen and (max-width: 550px) { .landing.club .centered.split-banner .text form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .landing.club .centered.split-banner .text form .form__input-box, .button { width: 100%; box-sizing: border-box; } } .smelonet-wrap .videos { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); grid-gap: 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .smelonet-wrap .videos .point { width: 100%; } /*@media (min-width: 501px) and (max-width: 991px) {*/ /* .popup .popup-inner .popup-content.default {*/ /* min-width: 90%;*/ /* }*/ /*}*/ .form-input-tel { margin-bottom: 30px; width: 420px; } @media screen and (max-width: 500px) { .popup .popup-inner .popup-content.default { max-width: 90%; max-height: 90vh; padding: 30px; min-width: 90%; } .form-input-tel { width: unset; } .popup .popup-inner .popup-content.default .split { display: flex; margin-bottom: 30px; flex-wrap: wrap; } .popup .popup-inner .popup-content.default .radio-wrap { display: flex; cursor: pointer; width: 50%; flex-shrink: 0; padding-right: 30px; box-sizing: border-box; margin-bottom: 30px; } .popup .popup-inner .popup-content.default .promocode-wrap { padding-bottom: 8px; margin-bottom: 18px; } .no-padding { padding: 0 !important; } } .grey-small-text { margin-top: 20px; font-style: normal; font-weight: normal; font-size: 12px; line-height: 22px; color: #8B90A0; } .grey-small-text__link { text-decoration: underline; color: #8B90A0; } .section.section--blog .blog__link { margin-left: 0; } .promo-info .preloader_button_holder { margin: 10px 0; text-align: center; height: auto; } .advanced-courses { width: 100%; } .advanced-courses__h1 { font-weight: 900; font-size: 34px; line-height: 33px; color: #000000; margin-top: 0; margin-bottom: 46px; } .advanced-courses__block { background-color: #FFF9F2; height: 510px; display: flex; align-items: center; padding-left: 106px; position: relative; overflow: hidden; margin-bottom: 25px; } .advanced-courses__block-text { max-width: 470px; position: relative; z-index: 2; } .advanced-courses__h2 { font-style: normal; font-weight: 500; font-size: 34px; line-height: 46px; color: #1E1F20; margin-bottom: 25px; } .advanced-courses__pink { color: #E9588F; } .advanced-courses__text { font-style: normal; font-weight: normal; font-size: 16px; line-height: 32px; color: #1E1F20; margin-bottom: 25px; } .advanced-courses__bold { font-weight: 900; font-size: 18px; line-height: 34px; color: #1E1F20; } .advanced-courses__bg { background-image: url(/upload/imgcustom/annet.jpg); background-repeat: no-repeat; background-size: contain; top: 0; right: 0; width: 612px; height: 919px; position: absolute; z-index: 1; } .advanced-courses__top-block { margin-bottom: 115px; } .advanced-courses-card__img-block { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; display: flex; align-items: center; justify-content: center; height: 238px; padding-left: 10px; padding-right: 10px; margin-bottom: 30px; border-radius: 3px; } .advanced-courses-card__img-block-text { font-weight: 900; font-size: 33px; line-height: 120%; color: #FFFFFF; text-align: center; } .advanced-courses-card__price { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; } .advanced-courses-card__new-price { font-weight: 900; font-size: 24px; line-height: 100%; color: #1E1F20; margin-right: 19px; } .advanced-courses-card__old-price { font-weight: 300; font-size: 20px; line-height: 100%; text-decoration-line: line-through; color: #8B90A0; } .advanced-courses-card__number { font-weight: bold; font-size: 16px; line-height: 100%; color: #1E1F20; margin-bottom: 20px; } .advanced-courses-card__button { font-weight: 550; font-size: 16px; line-height: 74%; padding-top: 19px; padding-bottom: 19px; padding-left: 61px; padding-right: 61px; min-width: 217px; } .advanced-courses-card { margin-bottom: 50px; } .wrapper-custom { position: relative; width: 1264px; margin: 0 auto; padding: 0 30px; box-sizing: border-box; } @media (max-width: 1319.98px) { .advanced-courses__block { padding-left: 50px; } .wrapper-custom { margin: 0 auto; box-sizing: border-box; width: 960px; max-width: 100%; padding: 0 19px; } .advanced-courses-card__img-block-text { font-size: 29px; line-height: 120%; } } @media (max-width: 991.98px) { .wrapper-custom { padding: 0; } .advanced-courses__block { height: 400px; padding-left: 20px; } .advanced-courses__bg { top: -28px; right: -67px; } .advanced-courses__h1 { font-size: 26px; line-height: 25px; } .advanced-courses__h2 { font-size: 26px; line-height: 41px; } .advanced-courses__text { font-size: 16px; line-height: 32px; } .advanced-courses__top-block { margin-bottom: 50px; } .advanced-courses-card__button { width: auto; } } @media (max-width: 767px) { .advanced-courses__h1 { font-size: 18px; line-height: 100%; } .advanced-courses__block { height: 320px; text-align: center; padding-left: 14px; padding-right: 14px; margin-bottom: 40px; } .advanced-courses__h2 { font-size: 21px; line-height: 29px; } .advanced-courses__text { line-height: 30px; } .advanced-courses__bg { filter: blur(14px); opacity: 0.5; } .advanced-courses-card__img-block { height: 155px; } .advanced-courses-card__img-block-text { font-size: 24px; line-height: 120%; } } .heading-small-text { font-weight: normal; font-size: 16px; color: #949494; padding-top: 20px; } .heading-small-text span { color: inherit !important;; } .heading-small-text.right { float: right; } @media screen and (max-width: 768px) { .heading-small-text.right { float: none; } .heading-small-text { display: block; width: 100%; padding: 0; margin: 15px 0; } } .heading-small-text { font-size: 14px; font-weight: normal; color: #B6B6B6; text-transform: none; padding-top: 10px; } .heading-small-text span { color: inherit !important; } .mb-30 { margin-bottom: 30px!important; } .form-checked { position: relative; } /*.form-tel {*/ /* max-width: 240px;*/ /*}*/ .form-checked:after { content: ""; position: absolute; right: 13px; top: 50%; transform: translateY(-50%); background-image: url(/upload/imgcustom/24575/check-pink.svg); background-repeat: no-repeat; width: 18px; height: 13px; } .form__input-tel { padding-left: 26px!important; } .form-input-tel__top { margin-bottom: 10px; } .form-input-tel__bottom { color: #A4A4A4; font-size: 16px; line-height: 24px; } .form-input-tel__button-block { display: flex; align-items: center; flex-wrap: wrap; } .form-input-tel__btn { } .preloader_button_holder_tel { /*max-width: 240px;*/ /*margin-right: 40px;*/ } .form-input-tel__skip { color: #A4A4A4; text-decoration-line: underline; font-size: 16px; line-height: 24px; } .form-input-tel__sms-block { display: flex; flex-direction: column; } .mr-20 { margin-right: 20px; } .mb-20 { margin-bottom: 20px!important; } .form-input-tel__link-repeat-send { color: #1E1F20; font-size: 15px; line-height: 100%; text-decoration-line: underline; margin-bottom: 30px; display: block; } .d-block { display: block; font-weight: 700; } .highlight-text { font-weight: 550; font-size: 20px; line-height: 120%; color: #E9588F; letter-spacing: 0.04em; text-transform: uppercase; color: #FFFFFF; padding-left: 10px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px; background-color: #E9588F; display: inline-block; } @media (max-width: 767px) { .highlight-text_media { font-size: 18px; color: #2B2C2E; letter-spacing: unset; text-transform: none; padding: 0; background-color: unset; display: block; line-height: 180%; font-weight: normal; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } } @media (max-width: 767px) { .highlight-text__media { display: none; } } .text-nowrap { white-space: nowrap; } .text-pink { color: #E9588F; } .h2-new { color: #1E1F20; font-weight: 900; font-size: 34px; line-height: 120%; margin-top: 0; margin-bottom: 0; } @media (max-width: 767px) { .h2-new { font-size: 28px; } } .h3-new { font-weight: 900; font-size: 24px; line-height: 120%; color: #1E1F20; margin-top: 0; margin-bottom: 0; } .mb-40 { margin-bottom: 40px!important; } .mb-50 { margin-bottom: 50px!important; } .mb-60 { margin-bottom: 60px!important; } .mb-70 { margin-bottom: 70px!important; } @media (min-width: 768px) { .mb-md-50 { margin-bottom: 60px!important; } .mb-md-60 { margin-bottom: 60px!important; } .mb-md-70 { margin-bottom: 70px!important; } } .preloader_button_holder_250 { width: 250px; } @media screen and (max-width: 991px) { .preloader_button_holder_250 { margin-bottom: 0; } } .text-landing { font-size: 18px; line-height: 170%; color: #1E1F20; } @media (max-width: 767px) { .text-landing { font-size: 16px; line-height: 140%; } } .font-weight-bold { font-weight: bold; } .landing-head-block-mobile { max-width: 100%; } @media (min-width: 768px) { .landing-head-block-mobile { display: none; } } .landing-head-block { padding-top: 120px; padding-bottom: 120px; background-image: url(/upload/imgcustom/landing-blossom/langing-head-block-bg.jpg); background-repeat: no-repeat; background-position: 100% 0; background-size: cover; position: relative; } @media (max-width: 1199px) { .landing-head-block { background-position: 60% 0px; } } @media (max-width: 767px) { .landing-head-block { background-image: unset; padding-top: 20px; padding-bottom: 20px; } } .landing-head-block__inner { position: relative; z-index: 2; } @media (max-width: 991px) { .landing-head-block__inner { display: flex; flex-direction: column; align-items: center; text-align: center; } } @media (max-width: 767px) { .landing-head-block__inner { text-align: left; align-items: flex-start; } } .langing-head-block__h1 { font-weight: 900; font-size: 58px; line-height: 120%; color: #1E1F20; margin-top: 0; margin-bottom: 20px; } @media (max-width: 767px) { .langing-head-block__h1 { order: -1; font-size: 38px; line-height: 120%; margin-bottom: 5px; } } @media (max-width: 575px) { .langing-head-block__h1 { font-size: 40px; margin-bottom: 16px; } } .landing-head-block__text { font-size: 20px; line-height: 29px; color: #1E1F20; margin-bottom: 38px; } @media (max-width: 767px) { .landing-head-block__text { display: none; } } .landing-head-block__sep { width: 40px; height: 3px; background: #1E1F20; } .button-block-new { display: flex; align-items: flex-start; flex-wrap: wrap; } @media (max-width: 767px) { .button-block-new { justify-content: center; flex-direction: column; } } .button-block-new__price { font-weight: bold; font-size: 38px; line-height: 120%; color: #1E1F20; margin-right: 40px; } @media (max-width: 767px) { .button-block-new__price { margin-right: 0; font-size: 27px; line-height: 120%; color: #2B2C2E; } } .button-block-new__button { font-weight: 900; font-size: 18px; line-height: 100%; color: #fff; text-transform: uppercase; padding-left: 37px; padding-right: 37px; padding-top: 18px; padding-bottom: 18px; border-radius: 123px; background: #E9588F; transition: 0.25s; text-decoration: none; display: block; } @media (max-width: 767px) { .button-block-new__button { font-size: 20px; line-height: 100%; text-transform: none; } } .button-block-new__button:hover { background: #fb7cac; } .container-video { position: relative; height: 100%; width: 100%; } .d-none { display: none!important; } .d-block { display: block!important; } @media (min-width: 992px) { .d-lg-block { display: block!important; } .d-lg-none { display: none!important; } } .landing-head-block__video { position: absolute; bottom: 20px; left: 0; right: 0; object-fit: cover; } @media (max-width: 991px) { .landing-head-block__video { position: relative; bottom: 0; max-width: 550px; } } @media (max-width: 767px) { .landing-head-block__video { max-width: 100%; } } .about-blossom { position: relative; padding-top: 150px; margin-bottom: 50px; } @media (max-width: 991px) { .about-blossom { padding-top: 60px; } } .about-blossom:before { content: ''; width: 40px; height: 5px; position: absolute; left: 0; top: 170px; background: #E9588F; } @media (max-width: 1199px) { .about-blossom:before { display: none; } } .about-blossom__text { font-size: 18px; line-height: 170%; color: #1E1F20; } @media (max-width: 767px) { .about-blossom__text { font-size: 16px; line-height: 1.4; } } .consists-blocks { margin-bottom: 150px; } @media (max-width: 991px) { .consists-blocks { margin-bottom: 30px; } } .consists-blocks__img { height: 200px; border-radius: 3px; background-repeat: no-repeat; background-position: 50% 0; margin-bottom: 15px; background-size: cover; } @media (max-width: 767px) { .consists-blocks__img { display: none; } } .consists-blocks__icon { display: none; } @media (max-width: 767px) { .consists-blocks__icon { display: block; margin-right: 10px; } } @media (max-width: 767px) { .consists-blocks__wrapper { display: flex; align-items: center; margin-bottom: 10px; } } .consists-blocks__title { color: #E9588F; font-size: 20px; line-height: 120%; font-weight: bold; margin-bottom: 10px; position: relative; } @media (max-width: 767px) { .consists-blocks__title { margin-bottom: 0; } } .consists-blocks__text { color: #1E1F20; font-size: 16px; line-height: 170%; } @media (max-width: 767px) { .consists-blocks__text { font-size: 16px; line-height: 140%; } } .img-block { border-bottom: 1px solid #EAEAEA; margin-bottom: 70px; } @media (max-width: 767px) { .img-block { margin-bottom: 0; } } .img-block__img { max-width: 100%; border-radius: 3px; margin-bottom: 70px; } @media (max-width: 767px) { .img-block__img { margin-bottom: 20px; } } .img-block__text { font-weight: 900; font-size: 39px; line-height: 54px; margin-bottom: 70px; color: #1E1F20; } @media (max-width: 767px) { .img-block__text { margin-bottom: 25px; } } @media (max-width: 767px) { .img-block__text { font-size: 20px; line-height: 1.2; } } .percent-block { margin-bottom: 100px; } @media (max-width: 767px) { .percent-block { display: none; } } .percent-block__title { font-weight: bold; font-size: 20px; line-height: 120%; color: #1E1F20; margin-bottom: 70px; } @media (max-width: 767px) { .percent-block__title { margin-bottom: 30px; } } .percent-block__percent { color: #E9588F; font-weight: 900; font-size: 41px; line-height: 120%; margin-bottom: 10px; } .percent-block__text { font-size: 18px; line-height: 170%; color: #1E1F20; } .action-block { background-image: url(/upload/imgcustom/landing-blossom/landing-img.jpg); background-repeat: no-repeat; background-size: cover; background-position: 100% 0; text-align: center; margin-bottom: 150px; position: relative; } @media (max-width: 991px) { .action-block { background-image: url(/upload/imgcustom/landing-blossom/landing-img-mobile.png); } } @media (max-width: 767px) { .action-block { margin-bottom: 60px; } } .action-block__inner { padding-top: 130px; padding-bottom: 130px; display: flex; align-items: flex-start; flex-direction: column; position: relative; z-index: 2; text-align: left; } @media (max-width: 767px) { .action-block__inner { padding-top: 60px; padding-bottom: 60px; } } .action-block__title { font-weight: bold; font-size: 44px; line-height: 120%; color: #FFFFFF; margin-bottom: 30px; } @media (max-width: 767px) { .action-block__title { font-size: 32px; } } .action-block__text { font-size: 21px; line-height: 145%; color: #FFFFFF; margin-bottom: 50px; max-width: 500px; position: relative; text-align: left; } .landing-button__price-block { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; } @media (max-width: 575px) { .landing-button__price-block { flex-direction: column; align-items: flex-start; } } .landing-button__price { margin-right: 40px; font-weight: bold; font-size: 40px; line-height: 100%; letter-spacing: 0.04em; color: #1E1F20; text-transform: uppercase; } @media (max-width: 575px) { .landing-button__price { margin-right: 0; margin-bottom: 20px; } } .action-block__price { color: #FFFFFF; } .button_padding { padding-left: 60px; padding-right: 60px; } @media screen and (max-width: 991px) { .button_padding { width: 100%; } } .what-get { margin-bottom: 100px; } @media (max-width: 767px) { .what-get { margin-bottom: 40px; } } .what-get__text-wrapper { display: flex; justify-content: center; margin-bottom: 70px; } @media (max-width: 767px) { .what-get__text-wrapper { margin-bottom: 40px; } } .what-get__img { height: 238px; border-radius: 3px; background-repeat: no-repeat; background-position: 50% 0; margin-bottom: 20px; background-size: cover; } .what-get__title { font-weight: bold; font-size: 18px; line-height: 180%; color: #1E1F20; margin-bottom: 15px; } .what-get__text { max-width: 780px; font-size: 18px; line-height: 180%; color: #1E1F20; } @media (max-width: 767px) { .what-get__text { max-width: 780px; font-size: 16px; line-height: 140%; color: #1E1F20; } } .benefit-from { margin-bottom: 100px; } .benefit-from__title { font-weight: bold; font-size: 26px; line-height: 100%; color: #1E1F20; margin-bottom: 40px; } .benefit-from__check { margin-bottom: 40px; padding-left: 50px; position: relative; } .benefit-from__check:before { content: ''; width: 30px; height: 30px; position: absolute; left: 0; top: 2px; background-image: url(/upload/imgcustom/landing-blossom/check.svg); background-repeat: no-repeat; } .list-new { list-style: none; padding-left: 0; margin-top: 0; margin-bottom: 70px; } .list-new__item { padding-left: 24px; position: relative; color: #1E1F20; font-size: 18px; line-height: 140%; } @media (max-width: 767px) { .list-new__item { font-size: 16px; line-height: 140%; } } .list-new__item:not(:last-of-type) { margin-bottom: 25px; } .list-new__item:before { content: ''; width: 8px; height: 8px; position: absolute; left: 0; top: 8px; background-color: #E9588F; border-radius: 50%; } .landing-list { margin-bottom: 150px; } @media (max-width: 767px) { .landing-list { margin-bottom: 60px; } } .landing-slider { margin-bottom: 150px; overflow: hidden; } @media (max-width: 767px) { .landing-slider { margin-bottom: 60px; } } .swiper-container_custom { overflow: visible; } .swiper-container_custom .swiper-slide { width: 40%; padding-top: 40px; } @media (max-width: 991px) { .swiper-container_custom .swiper-slide { width: 80%; } } @media (max-width: 575px) { .swiper-container_custom .swiper-slide { width: 100%; } } .landing-slider__item { min-height: 450px; background-size: cover; background-repeat: no-repeat; padding-left: 40px; padding-right: 40px; background-position: 100% 0; padding-top: 40px; } @media (max-width: 991px) { .landing-slider__item { width: 80%; } } @media (max-width: 575px) { .landing-slider__item { width: 100%; padding-top: 20px; padding-left: 10px; padding-right: 10px; } } .landing-slider__main-title { font-weight: 550; font-size: 34px; line-height: 120%; color: #1E1F20; margin-bottom: 30px; } .landing-slider__date { font-size: 18px; line-height: 120%; color: #1E1F20; margin-bottom: 30px; } .landing-slider__block { margin-bottom: 30px; } .landing-slider__title { font-weight: 900; font-size: 18px; line-height: 120%; color: #E9588F; margin-bottom: 15px; } .landing-slider__text { font-size: 18px; line-height: 120%; color: #1E1F20; margin-bottom: 10px; } .landing-slider__rest { font-weight: 300; font-size: 49px; line-height: 157%; color: #1E1F20; margin-top: 64px; } .swiper-navigation { display: flex; z-index: 2; } @media (max-width: 575px) { .swiper-navigation { padding-left: 10px; } } .swiper-navigation-elem { width: 30px; height: 30px; margin-right: 10px; background-repeat: no-repeat; cursor: pointer; } .swiper-navigation-elem.swiper-button-disabled { filter: opacity(0.5); } .swiper-navigation-elem:focus { outline: none; border: none; } .swiper-navigation-elem_prev { background-image: url(/upload/imgcustom/landing-blossom/back.svg); } .swiper-navigation-elem_next { background-image: url(/upload/imgcustom/landing-blossom/forward.svg); } .landing-pay-block { margin-bottom: 150px; } @media (max-width: 991px) { .landing-pay-block { margin-bottom: 60px; } } .landing-pay-block__wrapper { background-image: url(/upload/imgcustom/landing-blossom/img-pay-block.jpg); background-repeat: no-repeat; background-size: contain; background-position: 100% 50%; padding-top: 100px; padding-bottom: 100px; } @media (max-width: 1319px) { .landing-pay-block__wrapper { padding-top: 30px; padding-bottom: 30px; } } @media (max-width: 991px) { .landing-pay-block__wrapper { background-image: none; padding-top: 0; padding-bottom: 0; } } .landing-pay-block__inner { max-width: 470px; } @media (max-width: 1319px) { .landing-pay-block__inner { max-width: 370px; } } @media (max-width: 991px) { .landing-pay-block__inner { max-width: 400px; } } .landing-pay-block__date { font-size: 18px; line-height: 1.2; margin-bottom: 10px; } .landing-pay-block__price { margin-bottom: 30px; font-weight: 900; font-size: 22px; line-height: 100%; color: #E9588F; } .landing-beauty-club { background-image: url(/upload/imgcustom/landing-blossom/beauty-club.jpg); background-repeat: no-repeat; padding-top: 100px; padding-bottom: 100px; background-position: 100% 0; background-size: cover; margin-bottom: 150px; position: relative; } @media (max-width: 1320px) and (min-width: 1200px) { .landing-beauty-club { background-position: 70% 0; } } @media (max-width: 767px) { .landing-beauty-club { background-image: unset; background-color: #f5f5f5; } } .landing-beauty-club:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color:rgba(0,0,0,.3); z-index: 1; display: none; } @media (max-width: 1199px) { .landing-beauty-club { background-position: 70% 0; } } @media (max-width: 767px) { .landing-beauty-club { margin-bottom: 0px; padding-top: 30px; padding-bottom: 40px; } } .landing-beauty-club__inner { position: relative; z-index: 2; } @media (max-width: 767px) { .landing-beauty-club__inner { display: flex; flex-direction: column; align-items: center; text-align: center; } } .landing-beauty-club__text { font-size: 31px; line-height: 136%; color: #FFFFFF; margin-bottom: 20px; } @media (max-width: 767px) { .landing-beauty-club__text { font-size: 20px; color: #232735; } } .landing-beauty-club__title { font-weight: 900; font-size: 45px; color: #FFFFFF; margin-bottom: 30px; line-height: 1.2; } @media (max-width: 991px) { .landing-beauty-club__title { font-size: 28px; } } @media (max-width: 767px) { .landing-beauty-club__title { color: #e9588f; } } .landing-beauty-club__gift-wrapper { display: flex; justify-content: center; margin-bottom: 30px; } .landing-beauty-club__gift { width: 88px; } @media (min-width: 768px) { .landing-beauty-club__gift { display: none; } } .landing-about { margin-bottom: 150px; } @media (max-width: 767px) { .landing-about { margin-bottom: 60px; } } .landing-about__inner { background-image: url(/upload/imgcustom/landing-blossom/landing-about.jpg); background-repeat: no-repeat; padding-top: 100px; padding-bottom: 100px; background-position: 0 50%; background-size: contain; margin-left: -140px; } @media (max-width: 1319px) { .landing-about__inner { margin-left: 0; background-image: none; padding-top: 60px; padding-bottom: 0; } } .landing-buy-block { margin-bottom: 150px; text-align: center; } @media (max-width: 767px) { .landing-buy-block { margin-bottom: 60px; } } .landing-buy-block__inner { display: flex; flex-direction: column; align-items: center; max-width: 500px; margin: auto; } .landing-buy-block__date { font-weight: 550; font-size: 20px; line-height: 29px; letter-spacing: 0.04em; text-transform: uppercase; color: #1E1F20; margin-bottom: 40px; } .landing-buy-block__title { color: #E9588F; font-weight: bold; font-size: 74px; line-height: 120%; margin-bottom: 15px; } @media (max-width: 767px) { .landing-buy-block__title { font-size: 40px; line-height: 1.2; } } .form__button_wide { padding-left: 70px!important; padding-right: 70px!important; } .lh-140 { line-height: 140%; } .color-black { color: #25272f; } .form__input_black { color: #25272f; border: 2px solid #25272f; } .form__input_black::placeholder { color: #25272f; } @media (max-width: 550px) { .form__input_media { width: 100%; } } .mt-10 { margin-top: 10px!important; } .pl-0 { padding-left: 0!important; } .preloader_button_holder_280 { width: 280px; } .row-b_full-width { margin-left: -19px; margin-right: -19px; } .landing-head-block__text-media { font-weight: normal; font-size: 18px; line-height: 29px; color: #2B2C2E; } @media (min-width: 768px) { .d-md-none { display: none!important; } } .thanks-page { padding-top: 100px; padding-bottom: 100px; overflow: hidden; } .thanks-page-head__button { background: transparent; text-decoration: underline; color: black; } .thanks-page-head__button:hover { background-color: unset; } .thanks-page-head__container { display: flex; margin-top: 10px; } @media (max-width: 575px) { .thanks-page-head__container { flex-direction: column; align-items: flex-start; } } @media screen and (max-width: 991px) { .thanks-page-head__button { width: unset; } } .thanks-page-head__button-pink { margin-right: 25px; padding-left: 40px; padding-right: 40px; white-space: nowrap; font-size: 16px; line-height: 100%; } .thanks-page-head__title { font-weight: bold; font-size: 44px; line-height: 120%; margin-bottom: 15px; } @media (max-width: 575px) { .thanks-page-head__title { font-size: 30px; } } .thanks-page-head__text { margin-bottom: 5px; } .thanks-page-head { padding-top: 100px; padding-bottom: 100px; position: relative; margin-bottom: 100px; } .thanks-page-head__img { background-image: url(/upload/imgcustom/29811/img.jpg); background-repeat: no-repeat; position: absolute; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-size: contain; background-position: 100% 0; z-index: -1; } @media (max-width: 1200px) { .thanks-page-head__img { display: none; } .thanks-page { padding-top: 30px; padding-bottom: 30px; } .thanks-page-head { padding-top: 30px; padding-bottom: 30px; margin-bottom: 50px; } } .position-relative { position: relative; } .thanks-page .products__item { margin-bottom: 30px; } .thanks-page__title { margin-bottom: 40px; } @media (min-width: 1320px) { .thanks-page .products__item { width: calc(25% - 16px); } .thanks-page .products__item:nth-child(2n) { margin-right: 20px; } .thanks-page .products__item:nth-child(3n) { margin-right: 20px; } .thanks-page .products__item:nth-child(4n) { margin-right: 0; } } .thanks-page .products__footer { display: flex; flex-direction: column; align-items: flex-start; } .thanks-page .products__price { margin-bottom: 15px; } @media (max-width: 991.98px) { .thanks-page .products__item:nth-child(3n) { margin-right: 16px; } .thanks-page .products__item:nth-child(2n) { margin-right: 0; } } @media (max-width: 575px) { .thanks-page .products__item { margin-right: 0!important; } } .products__item { margin-bottom: 15px; } @media (max-width: 767px) { .smelonet-wrap .videos { display: flex; } } @media (max-width: 991px) { .button-result-wrapper { display: flex; justify-content: center; text-align: center; } } @media (max-width: 767px) { .know { margin-bottom: 40px; } } .text_px-10 { padding-left: 10px; padding-right: 10px; } @media screen and (max-width: 575px) { .view-more { text-align: center; } } @media (max-width: 575.98px) { .section--know .section__title, .section--products .section__title { text-align: center; } } .head-block { background-image: url(/upload/imgcustom/headblock/banner.jpg); background-repeat: no-repeat; background-position: 100% 0; background-size: cover; margin-bottom: 40px; height: 500px; display: flex; align-items: center; } @media (max-width: 1600px) { .head-block { height: 410px; } } /*@media (max-width: 1319px) {*/ /* .head-block {*/ /* height: 410px;*/ /* }*/ /*}*/ @media (max-width: 991px) { .head-block { background-image: none; background-color: #fff; display: block; align-items: none; height: auto; } } @media (max-width: 991px) { .head-block__img-media { background-image: url(/upload/imgcustom/headblock/banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: 100% 0; height: 320px; width: 100%; margin-bottom: 20px; } } @media (max-width: 575px) { .head-block__img-media { background-position: 90% 0; } } .head-block__title { font-weight: 900; font-size: 33.2703px; line-height: 130%; color: #1C1C1C; margin-bottom: 40px; } @media (max-width: 1600px) { .head-block__title { margin-bottom: 20px; } } @media (max-width: 575px) { .head-block__title { font-weight: bold; font-size: 20px; line-height: 130%; } } .head-block__sep { background-color: #000; width: 44px; height: 3px; margin-bottom: 36px; } @media (max-width: 1600px) { .head-block__sep { margin-bottom: 20px; } } @media (max-width: 575px) { .head-block__sep { display: none; } } .head-block__price-elem { font-weight: bold; font-size: 34px; line-height: 48px; color: #E9588F; margin-bottom: 20px; } @media (max-width: 575px) { .head-block__price-elem { font-size: 18px; line-height: 145%; color: #E9588F; margin-right: 10px; margin-bottom: 0; } } .head-block__text { font-size: 16px; line-height: 100%; color: #1C1C1C; margin-bottom: 20px; } @media (max-width: 575px) { .head-block__text { min-height: auto; margin-bottom: 0; } } .head-block__arrow { background-color: #E9588F; transition: 0.2s; display: block; position: relative; text-decoration: none; font-weight: bold; font-size: 18px; line-height: 25px; text-align: center; color: #FFFFFF; height: auto; border-radius: 50px; padding-top: 14px; padding-bottom: 14px; padding-left: 30px; padding-right: 30px; display: inline-block; } @media (max-width: 575px) { .head-block__arrow { width: 100%; padding-left: 0; padding-right: 0; } } .head-block__price-block { margin-bottom: 20px; } @media (max-width: 575px) { .head-block__price-block { display: flex; align-items: baseline; } } .head-block__arrow:hover { background-color: #fb7cac; } /* NEW CSS ZK */ .chevron::before { border-style: solid; border-width: 0.15em 0.15em 0 0; content: ''; display: inline-block; height: 0.35em; left: 0.15em; position: relative; top: 0.25em; transform: rotate(-45deg); vertical-align: top; width: 0.35em; } .chevron.right:before { left: 0; transform: rotate(45deg); } .chevron.down:before { left: 0; top: 3px; transform: rotate(135deg); } .section--blog .section--razdel, .section--blog .section--rubrics { margin-bottom: 33px; flex-wrap: wrap; display:none; } .section--blog .section--razdel .razdel__link, .section--blog .section--rubrics .rubrics__link { margin-right: 25px; margin-bottom: 10px; } .section--blog .section--rubrics .rubrics__link a{ color: #000; text-decoration: none; font-weight: 500; } @media (max-width: 1319.98px){ .section--sidebar .section--razdel, .section--sidebar .section--rubrics { display: none; } .section--blog { padding-bottom: 0px } .section--blog .section--razdel, .section--blog .section--rubrics { display: flex; } } @media (max-width: 575.98px){ .section--sidebar--blog{ margin-top: 0px; } } .section--sidebar--blog, .section--sidebar--article{ padding: 0px 0 96px 0; } .section--blog .section--razdel>:nth-child(n+2) { margin-top: 0px;; } .section--blog .section--razdel .razdel__link a:before{ content: attr(title); display: block; font-weight: 700; height: 0; overflow: hidden; visibility: hidden; } .section--razdel>:nth-child(n+2) { margin-top: 25px; } .razdel__link a { color: #E9588F; text-transform: uppercase; text-decoration: none; } .razdel__link a:hover { text-decoration: underline; font-weight: 500; } .section--rubrics ul { padding: 0; margin-left: 16px; } .section--rubrics ul li a { color: #000; text-decoration: none; font-weight: 500; } .section--rubrics ul>:nth-child(n+2) { margin-top: 10px; line-height: 16px; } .section--sidebar .tags, .section--sidebar .comments { margin-top: 40px; } .tags__block { display: flex; flex-wrap: wrap; } .tags__block .tag { border: 1px solid #b4b4b4; border-radius: 20px; padding: 9px 16px; margin-right: 6px; margin-bottom: 8px; } .tags__block .tag a { color: #000; text-decoration: none; text-transform: capitalize; } .tags__block .tag.active a { color: #E9588F; } .tags__block .tag.active { border: 1px solid #E9588F; } .section--blog .products__item--sub.section__list { width: 100%; background-color: #E9588F; color: #fff; padding: 36px 10px !important; margin: 15px 0; margin: 0 7.5px 20px; box-shadow: none; } .section--blog .products__item--sub .preloader-wrap .preloader-inner .preloader div { background: #ffffff; } @media (max-width: 991.98px){ .section--blog .products__item--sub.section__list .form--sub { display: block; } } .section--blog .products__item--sub.section__list .form__block { display: flex; flex-wrap: wrap; gap: 14px; grid-gap: 14px; } .section--blog .products__item--sub.section__list .form__block .form__item { flex: 1 1 calc((100% / 2) - 14px); } .section--blog .products__item--sub.section__list .preloader_button_holder { margin-right: 0px; } .section--blog .products__item--sub.section__list .form__input { color: #fff; border-color: #fff; } .section--blog .products__item--sub.section__list .form__input::-webkit-input-placeholder { color:#fff; } .section--blog .products__item--sub.section__list .form__input::-moz-placeholder { color:#fff; } .section--blog .products__item--sub.section__list .form__input:-moz-placeholder { color:#fff; } .section--blog .products__item--sub.section__list .form__input:-ms-input-placeholder { color:#fff; } .section--blog .products__item--sub.section__list .form__button { background-color: #fff; color: #e9588f; } .blog { display: flex; flex-wrap: wrap; display: -webkit-flex; margin: 0 -7.5px; } .blog .blog__item { margin: 0 7.5px 20px; width: 100%; flex-direction: column; } @media (min-width: 400px) { .blog .blog__item { flex-basis: calc((100% - 30px)/2); margin: 0 7.5px; margin-bottom: 20px; } } @media (min-width: 600px) { .blog .blog__item { flex-basis: calc((100% - 45px)/3); margin: 0 7.5px; margin-bottom: 20px; } } .blog .blog__item .blog__img { width: 100%; max-height: 180px; } .blog .blog__item .blog__link--img { margin: 0px; } .blog .blog__item .blog__section { text-transform: uppercase; font-size: 14px; color: #E9588F; margin-top: 20px; margin-bottom: 13px; } .blog .blog__item .blog__content { padding: 0px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .blog .blog__item .blog__title { text-decoration: none; } .blog .blog__item .blog__title:hover { text-decoration: underline; } .blog .blog__item .blog__date { margin: 16px 0 0 0; font-size: 14px; font-weight: 400; font-style: italic; } .pagination { justify-content: center; } .rubric--items--block { display: flex; flex-wrap: wrap; } .rubric--items .rubric--item { flex: 0 0 calc(100%); flex-direction: column; margin: 0px; } @media (min-width: 600px) and (max-width: 1319px) { .rubric--items .rubric--item { flex-basis: calc((100% - 30px)/3); } .rubric--items .rubric--item:nth-child(2) { margin: 0 15px; } } .rubric--items .rubric--item .rubric--item--section { text-transform: uppercase; font-size: 14px; color: #E9588F; margin-top: 20px; margin-bottom: 13px; } .rubric--items .rubric--item .rubric--item--content { padding-bottom: 40px; } .rubric--items .rubric--item .rubric--item--img { width: 100%; max-height: 180px; object-fit: cover; } .rubric--items .rubric--item--title { font-size: 20px; font-weight: 700; line-height: 23px; color: #000; text-decoration: none; } .rubric--items .rubric--item--title:hover { text-decoration: underline; } .rubric--items .rubric--item--date { margin: 16px 0 0 0; font-size: 14px; font-weight: 400; font-style: italic; } .rubric--items .rubric--item--info { margin-top: 12px; display: flex; align-items: baseline; } .rubric--items .rubric--item--cnt--comments { display: flex; align-items: center; margin-right: 21px; } .comments__block .comment--title { font-weight: 600; font-size: 1.17em; } .comment--userinfo { display: flex; align-items: center; margin-top: 13px; } .comment--userinfo .comment--username { font-weight: 600; margin-left: 11px; } .comment--avatar { width: 30px; height: 30px; } .comment--avatar img { height: 100%; object-fit: cover; width: 100%; border-radius: 30px; } .comment--date { font-style: italic; margin-left: 41px; font-size: 14px; } .comments__block .comment--message { margin: 11px 0 23px 41px; width: calc(100% - 41px); overflow: hidden; overflow-wrap: break-word; } .comments__block .comment { border-bottom: 1px solid #000; } .comments__block .comment:last-of-type { border-bottom: none; } .comments__block>:nth-child(n+2) { margin-top: 25px; } .comments__comp table.reviews-post-table thead td { color: #000; } .blog__info { margin-top: 12px; display: flex; align-items: baseline; } .blog__cnt__comments { display: flex; align-items: center; margin-right: 21px; } .blog__icon { width: 22px; } .comment__icon { width: 15px; height: 15px; } .icon__reply { transform: scale(-1, 1); } .cnt__comments { margin-left: 8px; font-size: 14px; color: #E9588F; } .comments__comp .comments__comp__title { font-size: 20px; font-weight: 700; line-height: 23px; color: #000; } .comments__comp .blog-comment-meta { margin-top: 16px; } .comments__comp .comment--message { margin-top: 20px; overflow: hidden; overflow-wrap: break-word; } .comments__comp .blog-comment-meta a{ color: #E9588F !important; } .comments__comp .reviews-post-reply-buttons noindex { display: flex; gap: 13px; grid-gap: 13px; } .comments__comp table.reviews-post-table { border-bottom: none; } .comments__comp { width: 100%; margin-bottom: 60px; } .comments__comp .comments__comp__header { display: flex; justify-content: space-between; } .comments__comp .comments__comp__header .comments__comp__add__comment a{ color: #E9588F; text-decoration: none; font-weight: 700; line-height: 23px; font-size: 14px; } .comments__comp .comments__comp__header .comments__comp__login { font-weight: 700; line-height: 23px; font-size: 14px; } .comments__comp .comments__comp__header .comments__comp__login a{ color: #E9588F; } .comment--reply { display: flex; align-items: center; font-size: 14px; gap: 13px; grid-gap: 13px; } .comment--del { font-size: 14px; } @media (max-width: 1319.98px) { .shares--block { display: none; } } .shares--block .share a { display: flex; align-items: center; color: #E9588F; text-decoration: none; } .shares--block .share a img { margin-right: 14px; } .header__menu { display: flex; justify-content: space-between; width: 100%; padding: 0; } .header__menu>li { list-style-type: none; } .header__menu>li.parent { position: relative; display: flex; justify-content: center; } .header__menu>li>a:hover + .child__menu, .child__menu:hover { display: block; } .child__menu:hover ~ .header__menu>li>a:after { opacity: 1; } .child__menu { display: none; position: absolute; padding: 0; z-index: 999; width: max-content; top: 100%; padding-top: 30px; } .child__menu>:nth-child(n+2) { margin-top: 5px; } .child__menu>li { list-style-type: none; padding: 17px 56px; background-color: #E9588F; text-align: center; } .child__menu>li>a { text-decoration: none; color: #fff; font-size: 14px; position: relative; } .child__menu>li>a:after { content: ''; position: absolute; bottom: -7px; left: 0; height: 2px; width: 100%; background-color: #fff; opacity: 0; } .child__menu>li>a:hover:after { opacity: 1; } .read-also-block, .article__tags { margin-top: 50px; } .read-also { display: flex; flex-wrap: wrap; } .read-also-block .read-also-block__title, .article__tags__title { font-weight: 700; font-size: 1.17em; } .read-also .read-also__item { flex: 0 0 calc(100%); flex-direction: column; margin: 0px; } .read-also .read-also__item .read-also__img { width: 100%; max-height: 100%; } @media (min-width: 600px) { .read-also .read-also__item { flex-basis: calc((100% - 30px)/3); } .read-also .read-also__item:nth-child(2) { margin: 0 15px; } .read-also .read-also__item .read-also__img { width: 100%; max-height: 180px; } } .read-also .read-also__item .read-also__link--img { margin: 0px; } .read-also .read-also__item .read-also__section { text-transform: uppercase; font-size: 14px; color: #E9588F; margin-top: 20px; margin-bottom: 13px; } .read-also .read-also__item .read-also__content { padding: 0px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .read-also .read-also__item .read-also__title { text-decoration: none; } .read-also__title { font-size: 20px; font-weight: 700; line-height: 23px; color: #000; } .read-also__info { margin-top: 12px; display: flex; align-items: baseline; } .read-also .read-also__item .read-also__title:hover { text-decoration: underline; } .read-also .read-also__item .read-also__date { margin: 16px 0 0 0; font-size: 14px; font-weight: 400; font-style: italic; } .read-also__cnt__comments { display: flex; align-items: center; margin-right: 21px; } .article__tags .tags__block { margin-top: 20px; } .article__showcounter { display: flex; font-size: 14px; color: rgb(158 158 158 / 1); line-height: 16px; align-items: center; } .article__showcounter img { margin-right: 8px; } .article p, .article li{ line-height: 1.6; } .comments__comp .hidden-comment { display: none; } .comments__comp .view-all-comments { text-align: center; } .comments__comp .view-all-comments a { color: #a3a3a3; border-bottom: 1px dashed #c5cacd; text-decoration: none; } .comments__comp .blog-textinfo { background: inherit; border: 1px solid #E9588F; } .comments__block .comment--message .emoji-icon{ max-height: 1.5em; margin: 0px 3px; } /* Offer */ .offer-zk { margin-bottom: 50px; } .offer-zk a { color: #ff5792; } .offer-zk .offer { padding-top: 40px; padding-bottom: 20px; } .offer-zk .offer__color { color: #ff5792; } .offer-zk .offer-base { display: flex; } .offer-zk .offer-base img { object-fit: cover; max-width: 320px; } @media (max-width: 920px) { .offer-zk .offer-base{ justify-content: center; flex-wrap: wrap; } } .offer-zk .offer-base__item { padding: 33px 0 0 33px; } @media (max-width: 920px) { .offer-zk .offer-base__item { padding-left: 0px; } } .offer-zk .offer-base__text { font-size: 18px; line-height: 1.6; padding-bottom: 33px; } .offer-zk .offer-base__text:last-child { padding-bottom: 23px; } @media (max-width: 600px) { .offer-zk .offer-base__text:last-child { margin-bottom: -55px; } } .offer-zk .offer-base__text1 { font-size: 18px; line-height: 1.6; padding-top: 65px; } @media (min-width: 601px) and (max-width: 920px) { .offer-zk .offer-base__text1 { padding-top: 35px; } } .offer-zk .offer-target__container{ margin-bottom: -50px; } .offer-zk .offer-target__item { position: relative; padding-bottom: 30px; display: flex; align-items: center; } @media (max-width: 600px) { .offer-zk .offer-target__item { width: 100%; } } .offer-zk .offer-target__img { width: 55px; height: 55px; text-align: center; } .offer-zk .offer-target__img img{ width: 55px; height: 55px; } .offer-zk .offer-target__text { font-size: 20px; padding-left: 10px; } .offer-zk .offer-bonus { margin-left: -22px; font-size: 20px; } .offer-zk li::marker { color: #ff5792; } .offer-zk li span { font-size: 20px; line-height: 1.667; } .offer-zk .offer-marathon__container { margin-bottom: -50px; } @media (max-width: 600px) { .offer-zk .offer-marathon__container { margin-left: -18px; margin-bottom: -10px; } } .offer-zk .offer-marathon { position: relative; padding-bottom: 40px; } .offer-zk .offer-marathon__item { display: block; position: absolute; margin-top: 15px; width: 77px; height: 2px; background-color: #ff5792; transition: 0.3s; } @media (max-width: 600px) { .offer-zk .offer-marathon__item { width: 28px; } } .offer-zk .offer-marathon__text { padding-left: 117px; font-size: 20px; line-height: 1.25; } @media (max-width: 600px) { .offer-zk .offer-marathon__text { padding-left: 50px; } } .offer-zk .offer-slider-block .top-scores__before-and-after-slider { margin: 0px auto; } .offer-zk .offer-slider-block .top-scores__before-and-after-slider:after { width: 0; height: 0; background-color: inherit; } .offer-zk .offer-slider-block .top-scores__before-and-after-slider { width: -webkit-calc(60%); width: 60%; } @media (max-width: 991.98px) { .offer-zk .offer-slider-block .top-scores__before-and-after-slider { width: 100%; } } .offer-zk .offer-stat { display: flex; flex-wrap: wrap; margin-bottom: 65px; padding-left: 60px; } .offer-zk .offer-stat:last-child { margin-bottom: 0px; } @media (max-width: 600px) { .offer-zk .offer-stat { padding-left: 10px; margin-bottom: 0px; } } @media (min-width: 601px) and (max-width: 991px) { .offer-zk .offer-stat { padding-left: 25px; } } .offer-zk .offer-stat__item { width: 50%; position: relative; } @media (max-width: 600px) { .offer-zk .offer-stat__item { width: 100%; margin-bottom: 40px; } } .offer-zk .offer-stat__img { position: absolute; } .offer-zk .offer-stat__num{ font-size: 24px; padding-left: 75px; font-weight: 900; } .offer-zk .offer-stat__text { font-size: 20px; line-height: 1.25; padding: 10px 30px 0 75px; } .offer-zk .offer-but { display: flex; justify-content: center; padding-top: 40px; } @media (max-width: 600px) { .offer-zk .offer-but { padding: 40px 0 10px 0; } } .offer-zk .offer-button { background-color: #ff5792; color: #ffffff; font-size: 20px; line-height: 1; text-align: center; padding: 17px 60px; border: 1px solid #ff5792; border-radius: 50px; text-decoration: none; } .offer-zk .offer-button:hover { background-color: #fb7cac; } @media (max-width: 600px) { .offer-zk .offer-button { width: 100%; padding: 15px 50px; } } .offer-zk .swiper-container .swiper-button img { width: 24px; height: 24px; } #header-top-fixed .dd-nav.open .child-menu { display: block; } #header-top-fixed .parent-menu { margin-left: 0px; } #header-top-fixed .parent-items { justify-content: center; } .header__top-nav--mobile .dropdown-menu .parent{ font-size: 16px; line-height: 50px; color: #000; font-weight: 700; cursor: pointer; } .header__top-nav--mobile .dropdown-menu .parent .parent-item{ display: -webkit-flexbox; display: -ms-flexbox; display: flex; } .header__top-nav--mobile .dropdown-menu .parent .parent-item svg { width: 20px; margin-left: 10px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .header__top-nav--mobile .dropdown-menu.open .parent-item svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .header__top-nav--mobile .dropdown-menu .child-items{ display: none; flex-direction: column; padding-left: 20px; } .header__top-nav--mobile .dropdown-menu.open .child-items{ display: -webkit-flexbox; display: -ms-flexbox; display: flex; } .header__top-nav--mobile .dropdown-menu .child-items .child-item{ font-size: 16px; line-height: 50px; color: #000; text-decoration: none; } .counter_statistic { border: 0; position: absolute; left: -9999px; } /*Розыгрыш*/ a { text-decoration: none; } /*img { width: 100%; height: auto; }*/ .random-block { background-color: white; width:100%; } .random-block--last { margin-left: 100px; } .random-last { margin-left: 50px; } .random-wrapper{ padding: 24px 0; } .random-iframe{ margin: 0 auto; } /* .random-wrapper { display: flex; width: 280px; margin: auto; } */ /* @media (min-width: 900px) { .random-wrapper { display: flex; flex-direction: row; justify-content: space-between; width: 1200px; min-height: 404px; padding-top: 100px; } } */ .block-content { align-items: center; text-align: center; } @media (min-width: 900px) { .block-content { margin-left: 98px; padding-top: 116px; text-align: left; } } @media (min-width: 900px) { .random-content--gift { text-align: center; } } .random-title { font-style: normal; font-weight: 900; font-size: 34px; color: #282829; margin: auto; margin-bottom: 30px; } .random-title--last { display: block; } @media (min-width: 900px) { .random-title--last { padding-left: 150px; } } .random-time { font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; color: #282829; margin: 0 auto; margin-bottom: 30px; } .randon-btn { display: flex; align-items: center; justify-content: center; width: 271px; height: 50px; font-style: normal; font-weight: 550; font-size: 18px; line-height: 22px; text-align: center; color: white; background: #e9588f; border-radius: 50px; margin: 0 auto; margin-left: 0; margin-bottom: 5px; } .random-image { display: block; } @media (max-width: 900px) { .random-image { display: none; } } .random-img { width: 100%; height: auto; } .random-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (min-width: 900px) { .random-wrap { flex-direction: row; } } @media (min-width: 900px) { .random-wrap--second { padding-left: 170px; } } .random-content { display: flex; flex-direction: column; flex: 1 0 auto; } @media (min-width: 900px) { .random-content { margin-left: 20px; max-width: 300px; } } .random-pinktitle { color: #e9588f; } .iframe-img { width: 100%; height: auto; border-radius: 20px; } @media (max-width: 900px) { .iframe-img { text-align: center; } } .random-button { border: none; display: flex; align-items: center; justify-content: center; width: 267px; height: 62px; font-style: normal; font-weight: bold; font-size: 18px; line-height: 25px; text-align: center; color: white; background: #e9588f; border-radius: 50px; margin: auto; margin-bottom: 20px; } .random-button--second { margin-left: 45px; } .random-button:hover, .random-button:focus { background-color: #e9588f; opacity: 0.8; } .random-description { text-align: left; font-style: normal; font-weight: normal; font-size: 16px; line-height: 25px; color: #282829; margin: 0 auto; margin-top: 20px; } .randomayzer { max-width: 1200px; margin: auto; padding-top: 50px; } .randomayzer-inner { max-width: 472px; margin: auto; } .randomayzer-wrap { margin: auto; } /* .gift-second { padding-left: 10px; } */ .gift-wrapp { text-align: center; margin: auto; } .gift-wrapp--second { text-align: left; } .gift-left { display: block; text-align: left; } .gift-imgen { margin: 0 auto; margin-bottom: 20px; text-align: center; } .gift-imgen--first { width: 171px; height: 192px; } /* .smoll-picture { padding-left: 90px; } */ @media (min-width: 1200px) { .smoll-picture { padding-left: 0; } } .gift-one { text-align: center; } @media (min-width: 1200px) { .gift-one { text-align: left; } } .imgen-block { display: flex; /* flex-direction: column; */ justify-content: center; flex-wrap: wrap; } @media (min-width: 900px) { .imgen-block { flex-direction: row; margin-left: auto; margin-right: auto; } } .gift-imgen--block { display: flex; flex-direction: row; } .gift-imgen--big { width: 138px; height: 155px; } .img-block { margin-right: 20px; } .gift-img { display: block; margin: auto; width: 100%; height: auto; } .gift-win { text-align: center; padding-top: 7px; width: 138px; height: 155px; } .gift-win img{ max-width: 100%; height: auto; display: block; } @media (min-width: 900px) { .gift-win { padding-top: 0; margin-right: 5px; } } .wrapp-btn { display: flex; text-align: center; align-items: center; margin: auto; width: 267px; height: 52px; margin-bottom: 20px; } .gift-title { font-style: normal; font-weight: bold; font-size: 20px; line-height: 100%; color: #282829; text-align: center; margin: auto; margin-bottom: 20px; margin-top: 10px; } .gift-description { text-align: center; margin: auto; font-style: normal; font-weight: normal; font-size: 16px; line-height: 25px; color: #282829; margin-bottom: 20px; } .gift-text { text-align: center; } @media (min-width: 1200px) { .gift-text { /* text-align: left; */ } } .last-picture { text-align: center; max-width: 402px; max-height: 353px; } .random-catalog { display: flex; flex-direction: column; } .random-catalog--top-title { font-style: normal; font-weight: 900; font-size: 34px; line-height: 115%; color: #282829; } .random-catalog-img { width: 100%; height: auto; } .random-catalog--top-description { font-style: normal; font-weight: normal; font-size: 18px; line-height: 27px; color: #282829; } .random-catalog-list { margin: 0; padding: 0; list-style: none; } @media (min-width: 980px) { .random-catalog-list { display: grid; grid-template-columns: 1fr 1fr 1fr; padding-top: 20px; } } @media (min-width: 1200px) { .random-catalog-list { grid-template-columns: 1fr 1fr 1fr; margin-bottom: 20px; min-width: 388px; } } @media (min-width: 1200px) { .random-catalog-item { min-width: 388px; } } .random-catalog-course { background: #ffffff; width: 50px; font-style: normal; font-weight: normal; text-transform: uppercase; color: #8B90A0; border: solid 1px #8B90A0; border-radius: 10px; text-align: center; } .random-catalog-title { font-family: HelveticaNeueCyr; font-style: normal; font-weight: bold; font-size: 24px; line-height: 130%; color: #282829; } .random-catalog-description { font-family: HelveticaNeueCyr; font-style: normal; font-weight: normal; font-size: 18px; line-height: 27px; color: #282829; } .random-catalog-time { font-style: normal; font-weight: normal; font-size: 18px; line-height: 150%; color: #8B90A0; } .random-catalog-buy { display: flex; flex-direction: row; } @media (max-width: 1200px) { .random-catalog-buy { display: flex; flex-direction: column; } } .random-catalog-price { display: flex; flex-direction: column; font-family: HelveticaNeueCyr; font-style: normal; font-weight: bold; font-size: 24px; line-height: 150%; color: #282829; margin: 0; margin-right: 20px; } .catalog-old-price { font-style: normal; font-weight: normal; font-size: 19px; line-height: 150%; text-decoration-line: line-through; color: #8B90A0; } .catalog-old-price--last { margin-top: 10px; } .random-catalog-btn { width: 196px; height: 50px; margin-top: 8px; } @media (max-width: 1200px) { .prokrutka { display: none; } } @media (min-width: 1200px) { .prokrutka { width: 300px; max-height: 400px; background: #fff; border: 1px solid #E3E3E3; overflow-y: scroll; margin-top: 0px; margin-right: 20px; flex:1 0 auto; max-width: 300px; padding-left: 25px; box-sizing: border-box; } } .prokrutka-top { font-family: HelveticaNeueCyr; font-style: normal; font-weight: 550; font-size: 18px; line-height: 27px; color: #282829; } .prokrutka-title { font-family: HelveticaNeueCyr; font-style: normal; font-weight: 550; font-size: 16px; line-height: 27px; color: #282829; margin-bottom: 5px; } .prokrutka-kolvo { margin-top: 5px; font-family: HelveticaNeueCyr; font-style: normal; font-weight: normal; font-size: 14px; line-height: 27px; /* identical to box height, or 193% */ /* main / neutral */ color: #8B90A0; } .prokrutka-item { display: flex; flex-direction: row; } .prokrutka-imgen { width: 70px; height: 70px; padding-top: 20px; } .prokrutka-img { margin-right: 25px; width: 100%; height: auto; } .prokrutka-present { width: 55px; height: 55px; } ::-webkit-scrollbar-button { /*background-image: url("/local/templates/melannett_new/css/);*/ background-repeat: no-repeat; width: 5px; height: 0px; } ::-webkit-scrollbar-track { background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 9px; background-color: #e9588f; } ::-webkit-scrollbar-thumb:hover { background-color: #e9588f; opacity: 0.8; } ::-webkit-resizer { /*background-image: url(");*/ background-repeat: no-repeat; width: 4px; height: 0px; } ::-webkit-scrollbar { width: 4px; } /*-------------------------------------------Розыгрыш конец*/ /* new design of certificate popup */ .mobile-layout { display: none; } .desktop-layout { display: block; margin-bottom: 20px; } .popup-cert { border-bottom: 1px solid #d9d9d98c; padding: 10px 0; } .popup-cert-title { color: #282829; font-family: 'Roboto'; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 15px; } .popup-cert-title span { color: #E9588F; } .popup-cert-h2 { color: #282829; font-family: 'Roboto'; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; margin-bottom: 15px; } .popup-cert-h2 span { color: #E9588F; } .popup-cert-block { display: flex; width: 100%; justify-content: space-between; } .popup-cert-sub { display: flex; flex-direction: column; gap: 15px; margin-bottom: 15px; } .popup-cert-sub-label { align-self: stretch; color: #E9588F; font-family: 'Roboto'; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; margin-left: 10px; } .popup-cert-radio-price { color: #282829; font-family: 'Roboto'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .popup-cert-radio-price span { font-weight: 700; } .popup-cert-promocode { margin: 20px 0; } .popup-cert-promocode-title { color: #282829; font-family: 'Roboto'; font-size: 18px; font-style: normal; font-weight: 500; line-height: 160%; /* 28.8px */ } .popup-cert-promocode-box { display: flex; width: 100%; gap: 10px; flex-wrap: nowrap; } .popup-cert-promocode-input { display: flex; width: 400px; height: 55px; padding: 0px 24px; align-items: center; gap: 8px; border-radius: 8px; border: 1px solid #CFCCE0; background: #FFF; } .popup-cert-promocode-input::-webkit-input-placeholder { color: #8B90A0; font-family: Roboto; font-size: 18px; font-style: normal; font-weight: 400; line-height: 160%; /* 28.8px */ flex: 1 0 0; } .popup-cert-promocode-btn { display: flex; width: 230px; height: 55px; justify-content: center; align-items: center; gap: 10px; border-radius: 8px; background: #E9588F; border: none; cursor: pointer; color: #FFF; font-family: 'Roboto'; font-size: 16px; font-style: normal; font-weight: 700; line-height: 160%; /* 25.6px */ } .popup-cert-final-price { color: #282829; font-family: 'Roboto'; font-size: 26px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 30px; } .popup-cert-btn { display: flex; height: 55px; padding: 15px 10px; justify-content: center; align-items: center; gap: 10px; margin: 0 auto; border-radius: 100px; background: #E9588F; border: none; cursor: pointer; color: #FFF; font-family: 'Roboto'; font-size: 16px; font-style: normal; font-weight: 700; line-height: 160%; /* 25.6px */ } .popup-cert-promocode-btn:hover, .popup-cert-btn:hover { border: 2px solid #E9588F; background-color: transparent; color: #E9588F; } .tab-content>.active { display: flex; gap: 15px; flex-direction: column; } @media screen and (max-width: 800px) { .mobile-layout { display: block; } .desktop-layout { display: none; } .popup-cert-title { font-size: 20px; margin-bottom: 10px; } .popup-cert-sub { flex-direction: row; gap: 0; } .popup-cert-promocode-box { flex-direction: column; margin-right: 0; margin-left: 0; } .popup-cert-promocode-input, .popup-cert-promocode-btn, .popup-cert-btn { width: 100% !important; } .popup-cert-final-price { text-align: center; } .popup-cert-mobile-block { margin: 20px 0; border-radius: 3px; border: 1px solid #E9588F; background: #FFF; } .list-group { padding: 0 10px !important; color: #282829; font-family: 'Roboto'; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; display: flex; flex-direction: column; width: 88%; } .list-group-item { border: unset !important; padding: 10px !important; color: black; } .list-group-item.active { background-color: unset !important; border-color: unset !important; color: #E9588F !important; } .popup-cert-radio-price { margin-left: 0; } .col { padding-left: unset !important; padding-right: unset !important; } .form-check-input[type=radio] { appearance: none; } } .point { display: flex; flex-direction: column; gap: 10px; margin-left: 50px; } .footer__contacts { margin-right: 150px; margin-top: 30px; } @media screen and (max-width: 550px) { .point a { text-align: center; } .footer__contacts { margin-right: 0; } } @media screen and (max-width: 991px) { .point { margin-left: 0; } } /* End */ /* Start:/local/templates/melannett_new/css/scss.css?167527064428969*/ .new-base-head__text { font-size: 18px; line-height: 155%; margin-bottom: 30px; } .new-base-card-img__subtitle { font-weight: bold; font-size: 18px; line-height: 155%; margin-bottom: 20px; } .new-base-card-img__text { font-size: 16px; opacity: 0.7; line-height: 155%; color: #787878; margin-bottom: 16px; } .new-base-card-img__sub-text { font-size: 18px; line-height: 30px; color: #333333; } .new-base-card-img__li-text { color: #787878; opacity: 0.7; font-size: 16px; } .new-base-price_pink { background: #FEE7EF; } .new-base_new { padding-top: 120px; } .new-base__split-button { display: flex; } @media (max-width: 991px) { .new-base__split-button { flex-wrap: wrap; } } .new-base__split-button .button { margin-bottom: 20px; } @media (max-width: 991px) { .new-base__split-button .button { width: 100%; } } .new-base__split-button .button:first-child { margin-right: 20px; } @media (max-width: 991px) { .new-base__split-button .button:first-child { margin-right: 0; } } .new-base__button_ghost { border: 2px solid #3C4858; background: transparent; color: #3C4858; } .new-base__button_ghost:hover { background: transparent; } .new-base_mod .new-base-head { padding-top: 84px; } .new-base_mod .new-base-head__start { letter-spacing: 0.11em; } .new-base_mod .new-base-head__title { font-weight: 900; font-size: 46px; line-height: 110%; } @media (max-width: 1319px) { .new-base_mod .new-base-head__title { font-size: 32px; } } @media (max-width: 575px) { .new-base_mod .new-base-head__title { font-size: 26px; } } @media (max-width: 1319px) { .new-base_mod .new-base-card-img__card { padding: 20px; } } @media (max-width: 575px) { .new-base_mod .new-base-card { min-height: auto; } } .new-base__title_20 { font-size: 20px; } .fz-30 { font-size: 30px; } .new-base-prize-icon { display: flex; align-items: flex-start; margin-bottom: 30px; } .new-base-prize-icon__icon { font-weight: 900; font-size: 21px; line-height: 125%; margin-bottom: 10px; flex-shrink: 0; margin-right: 30px; } .new-base-prize-icon__text-block { flex-grow: 1; } .new-base-prize-icon__title { font-weight: 900; font-size: 21px; line-height: 125%; margin-bottom: 10px; } .new-base-prize-icon__text { font-weight: normal; font-size: 18px; line-height: 31px; } .text-black { color: #3C4858 !important; } .new-base-block-mart { background-image: url(/upload/imgcustom/42244/6.jpg); background-repeat: no-repeat; background-size: cover; background-position: 100% 0; height: 500px; padding-top: 70px; } @media (max-width: 1319px) { .new-base-block-mart { background-image: url(/upload/imgcustom/mart/4.jpg); height: auto; padding-bottom: 70px; } } .new-base-block-mart__inner { max-width: 560px; } .new-base-block-mart__price { color: #E9588F; letter-spacing: 0.04em; font-weight: bold; font-size: 40px; line-height: 100%; margin-bottom: 40px; } .new-base-block-slider .swiper-button-next, .new-base-block-slider .swiper-button-prev { width: 40px; height: 40px; background-image: url(/upload/imgcustom/42244/7.svg); background-repeat: no-repeat; background-position: 0 0; background-color: unset !important; } .new-base-block-slider .swiper-button-next:hover, .new-base-block-slider .swiper-button-prev:hover { background-position: -40px -1px; } .new-base-block-slider .swiper-button-next svg, .new-base-block-slider .swiper-button-prev svg { display: none; } .new-base-block-slider .swiper-button-prev { left: -46px; } @media (max-width: 991px) { .new-base-block-slider .swiper-button-prev { left: 5px; } } .new-base-block-slider .swiper-button-next { transform: rotate(180deg) translateY(50%); right: -46px; } @media (max-width: 991px) { .new-base-block-slider .swiper-button-next { right: 5px; } } .new-base-block-slider .top-scores__slider-nav { z-index: 2; } .marafones-card { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .marafones-card__img { padding-bottom: 83%; margin-bottom: 20px; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; } .marafones-card__type { font-size: 12px; line-height: 100%; color: #8B90A0; letter-spacing: 0.16em; text-transform: uppercase; border: 1px solid #8B90A0; border-radius: 50px; padding: 10px; margin-bottom: 10px; display: inline-block; } .marafones-card__title { font-weight: bold; font-size: 24px; line-height: 150%; margin-bottom: 20px; display: block; color: #282829; text-decoration: none; } .marafones-card__title:hover { color: #e9588f; } .marafones-card__text { font-size: 18px; line-height: 27px; margin-bottom: 20px; } .marafones-card__text-grey { margin-bottom: 20px; font-size: 18px; line-height: 150%; color: #8B90A0; } .marafones-card__price-block { display: flex; align-items: center; flex-wrap: wrap; } .marafones-card__price-block_flex { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; } .marafones-card__price-elem { margin-right: 30px; } @media (max-width: 575px) { .marafones-card__price-elem { margin-right: 0; display: flex; align-items: center; flex-wrap: wrap; } } .marafones-card__price { font-weight: bold; font-size: 24px; line-height: 150%; white-space: nowrap; } @media (max-width: 575px) { .marafones-card__price { margin-right: 20px; } .marafones-card__price-all { width: 100%; } } .marafones-card__price-old { font-size: 19px; line-height: 150%; text-decoration-line: line-through; color: #8B90A0; white-space: nowrap; } .marafones-card__price-all { display: flex; flex-direction: column; } .marafones-card__button { min-width: 196px; margin-bottom: 10px; } .marafones-card__button:first-child { margin-top: 10px; } .marafones-card__button:last-child { margin-bottom: 0; } .new-base-block-prize__top { display: flex; align-items: flex-start; justify-content: space-between; } @media (max-width: 991px) { .new-base-block-prize__top { flex-direction: column; } } .new-base-block-prize__top .new-base__title { max-width: 441px; } @media (max-width: 991px) { .new-base-block-prize__top .new-base__title { margin-bottom: 20px; } } .new-base-block-prize__img { flex-shrink: 0; margin-right: 30px; } .new-base-block-prize__title { font-weight: 900; font-size: 21px; margin-bottom: 10px; } .new-base-block-prize__text { font-size: 18px; line-height: 1.4; } .new-base-block-prize__right { display: flex; align-items: flex-start; } @media (max-width: 991px) { .new-base-block-prize__right { margin-bottom: 30px; } } .new-base-block-prize__bottom { background: #F7F8FC; border-radius: 10px; padding-top: 86px; padding-bottom: 86px; padding-left: 20px; padding-right: 20px; display: flex; align-items: center; justify-content: center; margin-bottom: 40px; } @media (max-width: 991px) { .new-base-block-prize__bottom { padding-top: 40px; padding-bottom: 40px; } } .new-base-block-prize__img-big { margin-right: 40px; flex-shrink: 0; } @media (max-width: 991px) { .new-base-block-prize__img-big { margin-right: 20px; max-width: 100px; } } @media (max-width: 575px) { .new-base-block-prize__img-big { max-width: 80px; } } .new-base-block-prize__text-big { font-size: 40px; line-height: 34px; color: #E9588F; letter-spacing: 0.1em; margin-bottom: 10px; } @media (max-width: 991px) { .new-base-block-prize__text-big { font-size: 30px; } } @media (max-width: 575px) { .new-base-block-prize__text-big { font-size: 20px; margin-bottom: 0; } } .new-base-block-prize__num { white-space: nowrap; font-weight: 900; font-size: 100px; line-height: 133.5%; color: #E9588F; } @media (max-width: 991px) { .new-base-block-prize__num { font-size: 50px; } } @media (max-width: 575px) { .new-base-block-prize__num { font-size: 30px; } } .story-new { background: #F7F8FC; padding-top: 120px; padding-bottom: 120px; } @media (max-width: 991px) { .story-new { padding-top: 50px; padding-bottom: 50px; } } .story-new__item { margin-bottom: 60px; } .story-new__item:last-child { margin-bottom: 0; } .story-new__title { margin-bottom: 30px; color: #E9588F; font-weight: bold; font-size: 30px; line-height: 133.5%; } @media (max-width: 575px) { .story-new__title { font-size: 24px; margin-bottom: 20px; } } .story-new__pretext { margin-bottom: 30px; font-size: 18px; line-height: 31px; padding-right: 160px; } @media (max-width: 991px) { .story-new__pretext { padding-right: 0; } } @media (max-width: 575px) { .story-new__pretext { font-size: 16px; line-height: 1.4; margin-bottom: 20px; } } .story-new__text { margin-bottom: 30px; font-weight: 500; font-size: 20px; line-height: 26px; } @media (max-width: 575px) { .story-new__text { font-size: 16px; line-height: 1.4; margin-bottom: 20px; } } .story-new__img { max-width: 100%; border-radius: 8px; } .new-base-block-winner .articles__button { display: none; } .mt-50 { margin-top: 50px !important; } .template-webinar-new { margin-bottom: 100px; } @media (max-width: 991px) { .template-webinar-new { margin-bottom: 50px; } } .template-webinar-new__inner { display: flex; align-items: center; height: 500px; } @media (max-width: 991px) { .template-webinar-new__inner { height: 300px; } } @media (max-width: 767px) { .template-webinar-new__inner { height: auto; } } .template-webinar-new__img { width: 50%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; } @media (max-width: 767px) { .template-webinar-new__img { display: none; } } .template-webinar-new__text-block { padding-bottom: 30px; padding-top: 30px; padding-right: 30px; padding-left: 100px; height: 100%; width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; background: #FAFAFA; } @media (max-width: 1319px) { .template-webinar-new__text-block { padding-left: 30px; } } @media (max-width: 767px) { .template-webinar-new__text-block { width: 100%; padding: 20px; } } .template-webinar-new__date { font-size: 18px; line-height: 30px; display: flex; align-items: center; margin-bottom: 75px; } @media (max-width: 991px) { .template-webinar-new__date { margin-bottom: 30px; } } @media (max-width: 767px) { .template-webinar-new__date { margin-bottom: 18px; font-size: 16px; } } .template-webinar-new__slash { width: 30px; height: 1px; background: #282829; margin-left: 15px; margin-right: 15px; display: block; } @media (max-width: 767px) { .template-webinar-new__slash { margin-left: 10px; margin-right: 10px; } } .template-webinar-new__title { font-weight: 900; font-size: 24px; line-height: 1.4; margin-bottom: 20px; } @media (max-width: 991px) { .template-webinar-new__title { font-size: 24px; line-height: 1.4; } } @media (max-width: 767px) { .template-webinar-new__title { font-weight: bold; font-size: 18px; line-height: 1.4; margin-bottom: 25px; } } .template-webinar-new__button { min-height: 40px; } @media (max-width: 575px) { .template-webinar-new__button { width: 100% !important; } } .main-head-webinar { height: 460px; color: #fff; font-size: 20px; line-height: 30px; position: relative; margin-bottom: 60px; padding-top: 50px; padding-bottom: 50px; overflow: hidden; } @media (max-width: 991px) { .main-head-webinar { height: auto; } } @media (max-width: 575px) { .main-head-webinar { font-size: 18px; } } .main-head-webinar__inner { height: 100%; display: flex; flex-direction: column; justify-content: center; max-width: 520px; } .main-head-webinar__date { margin-bottom: 30px; display: flex; align-items: center; } .main-head-webinar__slash { margin-left: 20px; margin-right: 20px; background: #FFFFFF; width: 40px; height: 2px; display: block; } @media (max-width: 575px) { .main-head-webinar__slash { margin-left: 10px; margin-right: 10px; } } .main-head-webinar__title { font-weight: 900; font-size: 56px; line-height: 58px; margin-bottom: 30px; margin-top: 0; } @media (max-width: 575px) { .main-head-webinar__title { font-size: 30px; line-height: 100%; } } .main-head-webinar__text { margin-bottom: 30px; max-width: 458px; } .main-head-webinar__bg { background-image: url(/upload/imgcustom/webinar-new/3.jpg); background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-position: 100% 0; } @media (max-width: 1600px) { .main-head-webinar__bg { background-position: 60% 0; } } @media (max-width: 991px) { .main-head-webinar__bg { filter: blur(5px); left: -30px; right: -30px; } } .main-head-webinar__bg-filter { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0.6; background-color: black; display: none; filter: blur(20px); } @media (max-width: 991px) { .main-head-webinar__bg-filter { display: block; } } .main-head-webinar__button-block { display: flex; flex-wrap: wrap; } .main-head-webinar__button-block .button { width: 214px; font-weight: bold; font-size: 18px; line-height: 83%; } @media (max-width: 575px) { .main-head-webinar__button-block .button { margin-bottom: 20px; width: 100%; } } .main-head-webinar__button-block .button:first-child { margin-right: 20px; } @media (max-width: 575px) { .main-head-webinar__button-block .button:first-child { margin-right: 0; } } .button_new-ghost { border: 2px solid #FFFFFF; background-color: transparent; } .button_new-ghost:hover { background-color: transparent; } .fz-40 { font-size: 40px; } @media (max-width: 575px) { .fz-40 { font-size: 30px; } } .new-base__li-new { font-size: 18px; line-height: 31px; padding-left: 35px; position: relative; margin-bottom: 20px; } .new-base__li-new::before { content: ""; width: 15px; height: 15px; position: absolute; left: 0; top: 8px; background-color: #E9588F; border-radius: 50%; } .new-base-block { margin-bottom: 150px; } @media (max-width: 991px) { .new-base-block { margin-bottom: 60px; } } .new-base-block_gray { padding-top: 125px; padding-bottom: 125px; background: #F7F8FC; } @media (max-width: 991px) { .new-base-block_gray { padding-top: 50px; padding-bottom: 50px; } } .new-base-block__text-center { max-width: 950px; margin: auto; } .new-base-block__price-new { font-size: 30px; margin-bottom: 16px; font-weight: bold; } .new-base-block__li-dash { font-weight: bold; font-size: 30px; line-height: 133.5%; color: #E9588F; } @media (max-width: 767px) { .new-base-block__li-dash { font-size: 20px; } } .new-base-block__bordered { padding-top: 50px; padding-bottom: 50px; border-top: 3px solid #F7F8FC; border-bottom: 3px solid #F7F8FC; } .new-base-block__bordered_20 { padding-top: 20px; padding-bottom: 20px; } .new-base-block__subscription { font-size: 16px; line-height: 155%; color: #787878; } .new-base-block__info-title { font-weight: bold; font-size: 30px; line-height: 125%; margin-bottom: 10px; color: #333333; } .new-base-block__info-subtitle { font-size: 18px; line-height: 30px; color: #333333; } .bdrs-8 { border-radius: 8px; } .new-base__title_30 { font-size: 30px; } .align-items-center { align-items: center; } .lh-150 { line-height: 150%; } .new-base-block-winner .section__title { display: none; } .new-base-block-timer { text-align: center; display: flex; align-items: center; flex-direction: column; background: #F7F8FC; border-radius: 10px; padding-top: 70px; padding-bottom: 70px; padding-left: 10px; padding-right: 10px; } @media (max-width: 767px) { .new-base-block-timer { padding-top: 50px; padding-bottom: 50px; } } .new-base-block-timer .time { font-weight: 900; font-size: 100px; line-height: 105%; display: flex; justify-content: space-between; max-width: 762px; width: 100%; margin-bottom: 10px; } @media (max-width: 767px) { .new-base-block-timer .time { font-size: 50px; justify-content: center; } } @media (max-width: 575px) { .new-base-block-timer .time { font-size: 40px; } } .new-base-block-timer .time .hour { color: #E9588F; } .new-base-block-timer .time .sp, .new-base-block-timer .time .spl { color: #E9588F; display: block; margin-top: -10px; } @media (max-width: 767px) { .new-base-block-timer .time .sp, .new-base-block-timer .time .spl { margin-top: 0; } } .new-base-block-timer .time-desc { font-size: 18px; line-height: 155%; color: rgba(60, 72, 88, 0.7); display: flex; max-width: 762px; justify-content: space-between; width: 100%; margin-bottom: 60px; } @media (max-width: 767px) { .new-base-block-timer .time-desc { display: none; } } .new-base-block-timer .time-desc__elem { width: 144px; } .mb-lg-60 { margin-bottom: 60px; } @media (max-width: 991px) { .mb-lg-60 { margin-bottom: 30px; } } .header-new-small { height: 100px; position: fixed; top: 0; left: 0; right: 0; background: #F7F8FC; display: flex; align-items: center; z-index: 1000; box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.2); } .header-new-small__logo { margin-right: 100px; } @media (max-width: 1319px) { .header-new-small__logo { margin-right: 30px; } } @media (max-width: 575px) { .header-new-small__logo { margin-right: 10px; } } .header-new-small__inner { display: flex; align-items: center; justify-content: space-between; width: 100%; } .header-new-small__ul { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991px) { .header-new-small__ul { display: none; } } .header-new-small__li { margin-right: 60px; display: block; white-space: nowrap; text-decoration: none; font-size: 18px; line-height: 18px; font-weight: bold; color: #3C4858; } .header-new-small__li:hover { text-decoration: underline; } @media (max-width: 1319px) { .header-new-small__li { margin-right: 30px; } } .header-new-small .button { padding-top: 6px; padding-bottom: 6px; padding-right: 14px; padding-left: 14px; font-weight: bold; font-size: 16px; line-height: 27px; width: 240px; height: auto; } @media (max-width: 575px) { .header-new-small .button { width: auto; } } .webinar-template-info { margin: auto; margin-bottom: 50px; color: #282829; overflow: hidden; } @media (max-width: 1319px) { .webinar-template-info { height: auto; } } .webinar-template-info__subtitle { margin-bottom: 60px; font-size: 18px; line-height: 30px; } @media (max-width: 767px) { .webinar-template-info__subtitle { margin-bottom: 20px; } } .webinar-template-info__text-wrapper { display: flex; flex-direction: column; justify-content: center; height: 100%; align-items: flex-start; padding-left: 60px; } @media (max-width: 1319px) { .webinar-template-info__text-wrapper { padding-left: 20px; } } @media (max-width: 767px) { .webinar-template-info__text-wrapper { padding: 30px; padding-top: 0; } } .webinar-template-info__text-wrapper_mobile { display: none; } @media (max-width: 575px) { .webinar-template-info__text-wrapper_mobile { display: block; } } .webinar-template-info__text-wrapper_mobile .webinar-template-info__button { width: 218px; } .webinar-template-info__date { font-size: 18px; line-height: 30px; margin-bottom: 60px; display: flex; align-items: center; } @media (max-width: 1319px) { .webinar-template-info__date { margin-bottom: 20px; } } .webinar-template-info__dash { width: 30px; height: 1px; background: #282829; margin-left: 15px; margin-right: 15px; } .webinar-template-info__title { font-weight: bold; font-size: 30px; line-height: 38px; margin-bottom: 20px; } .webinar-template-info__text { margin-bottom: 20px; font-size: 18px; line-height: 30px; } .webinar-template-info__button { padding-left: 43px; padding-right: 43px; } @media (max-width: 991px) { .webinar-template-info__button { width: auto; } } @media (max-width: 767px) { .webinar-template-info__button { width: 100%; padding-left: 0; padding-right: 0; } } .webinar-template-info__img { width: 100%; background-size: contain; background-position: 50% 0; height: 100%; background-repeat: no-repeat; min-width: 300px; min-height: 300px; } @media (max-width: 767px) { .webinar-template-info__img { margin-bottom: -50px; height: 340px; } } @media (max-width: 767px) { .webinar-template-info .container-b { padding-left: 0; padding-right: 0; } } .mt-md-50 { margin-top: 50px; } @media (max-width: 767px) { .mt-md-50 { margin-top: 0; } } .button-result-wrapper_mobile { display: none; } .banner-layout__name { display: none; } .banner-layout__text { display: none; } @media (max-width: 991px) { .section--near-marathons { margin-bottom: 0; } .split-maraphone-layout { display: block; background: #F7F8FC; border-radius: 10px; margin-left: -14px; margin-right: -14px; padding-left: 15px; padding-right: 15px; padding-bottom: 25px; margin-bottom: 20px; margin-top: 20px; padding-top: 25px; } .split-maraphone-layout.maraphone-list-item .point.img-container { display: none; } .split-maraphone-layout * { box-sizing: border-box; } .split-maraphone-layout .img-container { display: block; padding: 0; padding-bottom: 20px; height: auto; } .split-maraphone-layout .img-container label { left: 5px; top: 5px; } .split-maraphone-layout .text-container { min-height: auto; } .split-maraphone-layout .text-container__text p { margin-bottom: 0; } .split-maraphone-layout .text-container__hr { background: #C4C4C4; height: 1px; margin-top: 20px; margin-bottom: 20px; } .split-maraphone-layout .text-container__info p { margin-bottom: 20px; } .split-maraphone-layout .text-container__info p label { margin-bottom: 0; } .split-maraphone-layout .text-container p.name { background: none; color: #101010; font-weight: bold; font-size: 14px; line-height: 14px; margin-bottom: 20px; text-align: left; padding: 0; } .split-maraphone-layout .text-container p.big-price { font-size: 14px; margin-bottom: 0; text-transform: uppercase; } .split-maraphone-layout .text-container .buttons-container .button.link-btn { height: auto; margin-bottom: 20px; } .split-maraphone-layout .title-link-new { font-weight: bold; font-size: 14px; line-height: 140%; } .button-result-wrapper { display: none; } .button-result-wrapper_mobile { display: block; margin-bottom: 0; font-size: 16px; } .button-result-wrapper_mobile .button { margin-bottom: 0; line-height: 23px; width: 100%; } .banner-layout_mobile { margin-top: 50px; display: flex; flex-direction: column; } .banner-layout_mobile iframe { order: 3; margin-bottom: 16px; } .banner-layout_mobile .name { display: none !important; } .banner-layout_mobile .text { display: none !important; } .banner-layout_mobile .text-container { order: 4; } .banner-layout_mobile .text-container .bottom .price-wrap { font-weight: bold; font-size: 14px; line-height: 140%; color: #282829; text-transform: uppercase; margin-bottom: 10px; } .banner-layout_mobile .text-container .bottom .price-wrap .price { font-weight: bold; font-size: 14px; line-height: 140%; color: #E9588F; margin-top: 0; margin-bottom: 0; } .banner-layout_mobile .banner-layout__name { display: block; color: #E9588F; font-weight: bold; font-size: 18px; line-height: 18px; margin-bottom: 16px; order: 1; text-transform: uppercase; } .banner-layout_mobile .banner-layout__text { display: block; font-size: 16px; line-height: 23px; margin-bottom: 16px; color: #000000; order: 2; } } .header-link-lk { font-size: 14px; line-height: 14px; text-decoration-line: underline; color: #282829; } .new-base-card-block { display: flex; background: #F7F8FC; border-radius: 0px 10px 10px 10px; } @media (max-width: 991px) { .new-base-card-block { flex-direction: column; align-items: center; } } .new-base-card-block_white { background: white; } .new-base-card-block_pink { margin-left: -70px; margin-right: -70px; padding-left: 70px; padding-right: 70px; padding-top: 87px; padding-bottom: 47px; background: #FEE7EF; border-radius: 20px; align-items: flex-start; } @media (max-width: 1319px) { .new-base-card-block_pink { margin-left: -19px; margin-right: -19px; padding-left: 19px; padding-right: 19px; padding-top: 50px; padding-bottom: 50px; } } @media (max-width: 991px) { .new-base-card-block_pink { border-radius: 0; } } .new-base-card-block_pink .new-base-card-block__text { padding-top: 0; padding-bottom: 0; padding-right: 0; } @media (max-width: 991px) { .new-base-card-block_pink .new-base-card-block__text { padding-left: 0; } } .new-base-card-block__text { padding: 20px 40px; width: 50%; align-self: center; } @media (max-width: 991px) { .new-base-card-block__text { width: 100%; padding: 20px; } } .new-base-card-block__img { width: 50%; } @media (max-width: 991px) { .new-base-card-block__img { margin-bottom: 20px; width: 100%; max-width: 500px; } } .new-base-card-block__date { font-weight: 600; font-size: 18px; line-height: 170%; letter-spacing: 0.11em; text-transform: uppercase; color: #E9588F; margin-bottom: 16px; } .new-base-card-block__bold { font-weight: 500; font-size: 20px; line-height: 125%; color: #333333; margin-bottom: 30px; } @media (max-width: 1319px) { .new-base-card-block .new-base__title { font-size: 26px; } } .new-base-prize-elem { display: flex; align-items: center; justify-content: flex-end; } @media (max-width: 1319px) { .new-base-prize-elem { justify-content: flex-start; } } .new-base-prize-elem__img { margin-right: 30px; } .new-base-prize-elem__title { font-weight: bold; font-size: 30px; color: #333333; margin-bottom: 10px; } @media (max-width: 575px) { .new-base-prize-elem__title { font-size: 18px; } } .new-base-prize-elem__text { font-size: 18px; color: rgba(51, 51, 51, 0.8); } @media (max-width: 575px) { .new-base-prize-elem__text { font-size: 16px; } } @media (max-width: 991px) { .mb-lg-50 { margin-bottom: 50px; } } .detail-page-choose-price { text-align: center; line-height: 167%; } .detail-page-choose-price__inner { background: #F7F8FC; border-radius: 8px; padding: 40px 20px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .detail-page-choose-price__title { font-weight: 800; font-size: 24px; line-height: 31px; } .detail-page-choose-price__underline { padding-bottom: 10px; border-bottom: 1px solid #EAEAEA; margin-bottom: 20px; } .detail-page-choose-price__place { display: flex; justify-content: space-between; align-items: center; } .detail-page-choose-price__h3 { font-weight: 600; font-size: 20px; line-height: 31px; } .detail-page-choose-price__price { margin-bottom: 20px; } .detail-page-choose-price__price-title { font-weight: 800; font-size: 24px; line-height: 31px; margin-bottom: 10px; } .detail-page-choose-price__price-old { font-size: 16px; line-height: 170%; color: #8B90A0; text-decoration: line-through; margin-bottom: 10px; } .detail-page-choose-price__price-new { font-weight: bold; font-size: 28px; line-height: 145%; } .new-base-list { margin-bottom: 40px; } .new-base-list__item { color: rgba(51, 51, 51, 0.8); font-weight: bold; font-size: 18px; line-height: 30px; margin-bottom: 20px; padding-left: 20px; position: relative; } .new-base-list__item::before { content: ""; width: 10px; height: 10px; position: absolute; left: 0; top: 11px; background-color: #E9588F; border-radius: 50%; } .new-base-list__item:last-child { margin-bottom: 0; } .bdrs-5 { border-radius: 5px; } /*# sourceMappingURL=scss.css.map */ /* End */ /* Start:/local/templates/melannett_new/css/hide_header_footer.css?1749545256522*/ .header--desktop, h1, .breadcrumbs__inner-container, .footer {display:none !important} .reg-page{text-align: center;margin-top:30px;margin-bottom: 30px;} .reg-page__logo {margin-top:30px;margin-bottom: 30px} .reg-page__text{font-size:24px;font-weight: 700;margin-left:30%;margin-right:30%;} .reg-page__text .text-purple{color:#E9588F;} @media (max-width: 768px) { .reg-page__text{margin-left:15%;margin-right:15%;} } @media (max-width: 500px) { .reg-page__text{font-size:22px; margin-left:10%;margin-right:10%;} } /* End */ /* Start:/local/templates/melannett_new/css/selectize.default.css?174957961512004*/ /** * selectize.default.css (v0.12.1) - Default Theme * Copyright (c) 2013–2015 Brian Reavis & contributors * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * * @author Brian Reavis */ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; -webkit-box-shadow: inset 0 0 12px 4px #ffffff; box-shadow: inset 0 0 12px 4px #ffffff; } .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: '!'; visibility: hidden; } .selectize-control.plugin-drag_drop .ui-sortable-helper { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .selectize-dropdown-header-close:hover { color: #000000; } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; /* fixes ie bug (see #392) */ position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: bold; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #0073bb; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, 0.05); } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #00578d; } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #aaaaaa; } .selectize-control { position: relative; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #ffffff; cursor: text; display: inline-block; } .selectize-input { border: 1px solid #d0d0d0; padding: 8px 8px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .selectize-control.multi .selectize-input.has-items { padding: 5px 8px 2px; } .selectize-input.full { background-color: #ffffff; } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } .selectize-input.dropdown-active { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #1da7ee; color: #ffffff; border: 1px solid #0073bb; } .selectize-control.multi .selectize-input > div.active { background: #92c836; color: #ffffff; border: 1px solid #00578d; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #ffffff; background: #d2d2d2; border: 1px solid #aaaaaa; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 1px !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #d0d0d0; background: #ffffff; margin: -1px 0 0 0; border-top: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #303030; background: #ffffff; cursor: default; } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68; } .selectize-dropdown .active.create { color: #495c68; } .selectize-dropdown .create { color: rgba(48, 48, 48, 0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent #808080 transparent; } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; } .selectize-control.multi .selectize-input.has-items { padding-left: 5px; padding-right: 5px; } .selectize-control.multi .selectize-input.disabled [data-value] { color: #999; text-shadow: none; background: none; -webkit-box-shadow: none; box-shadow: none; } .selectize-control.multi .selectize-input.disabled [data-value], .selectize-control.multi .selectize-input.disabled [data-value] .remove { border-color: #e6e6e6; } .selectize-control.multi .selectize-input.disabled [data-value] .remove { background: none; } .selectize-control.multi .selectize-input [data-value] { text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #1b9dec; background-image: -moz-linear-gradient(top, #1da7ee, #178ee9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9)); background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9); background-image: -o-linear-gradient(top, #1da7ee, #178ee9); background-image: linear-gradient(to bottom, #1da7ee, #178ee9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03); box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03); } .selectize-control.multi .selectize-input [data-value].active { background-color: #0085d4; background-image: -moz-linear-gradient(top, #008fd8, #0075cf); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf)); background-image: -webkit-linear-gradient(top, #008fd8, #0075cf); background-image: -o-linear-gradient(top, #008fd8, #0075cf); background-image: linear-gradient(to bottom, #008fd8, #0075cf); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0); } .selectize-control.single .selectize-input { -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8); box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8); background-color: #f9f9f9; background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2); background-image: -o-linear-gradient(top, #fefefe, #f2f2f2); background-image: linear-gradient(to bottom, #fefefe, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0); } .selectize-control.single .selectize-input, .selectize-dropdown.single { border-color: #b8b8b8; } .selectize-dropdown .optgroup-header { padding-top: 7px; font-weight: bold; font-size: 0.85em; } .selectize-dropdown .optgroup { border-top: 1px solid #f0f0f0; } .selectize-dropdown .optgroup:first-child { border-top: 0 none; } /* End */ /* Start:/local/templates/melannett_new/css/animate.min.css?174957964671750*/ @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__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}}.animate__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)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.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,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{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 shakeX{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)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-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)}}.animate__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)}}.animate__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(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.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(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.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)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}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:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}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:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.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(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.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(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__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}}.animate__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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__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:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__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)}}.animate__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)}}.animate__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)}}.animate__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)}}.animate__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)}}.animate__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)}}.animate__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)}}.animate__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)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}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)}}.animate__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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}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);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}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)}}.animate__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}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-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}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{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);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{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);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{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);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{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);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-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-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-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}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-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:translateZ(0);transform:translateZ(0)}}@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:translateZ(0);transform:translateZ(0)}}.animate__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)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-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)}}.animate__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)}}.animate__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)}}.animate__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)}}.animate__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)}}.animate__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)}}.animate__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)}}.animate__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)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* End */ /* Start:/local/templates/melannett_new/components/bitrix/menu/header_nav_fixed/style.css?16045694228315*/ .header-top-fixed { width: 100%; position: fixed; top: 0; left: 0; height: 70px; background: white; -webkit-box-shadow: 0px 10px 30px rgba(0,0,0,.1); box-shadow: 0px 10px 30px rgba(0,0,0,.1); z-index: 1000; -webkit-transform: translate3d(0, -70px, 0); transform: translate3d(0, -70px, 0); opacity: 0; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .header-top-fixed-inner { width: 1200px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; font-size: 14px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-top-fixed.show { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .header-top-fixed .logo-wrap { height: 80%; width: 90px; margin-top: 5px; -ms-flex-negative: 0; flex-shrink: 0; } .header-top-fixed .logo-wrap img { max-width: 100%; max-height: 100%; } .header-top-fixed .header-top-fixed-nav { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-top-fixed .header-top-fixed-nav a { color: black; text-decoration: none; margin-right: 20px; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .header-top-fixed .header-top-fixed-nav a:hover { color: #e9588f; } .dd-nav { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; font-size: 14px; } .dd-nav:focus { outline: none; } .dd-nav > div { display: -webkit-box; display: -ms-flexbox; display: flex; outline: none; padding-top: 3px; } .dd-nav > div svg { width: 20px; margin-left: 10px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .dd-nav.open > div svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .dd-nav.open { display: block; } .dd-nav::-webkit-details-marker { display: none; } .dd-nav ul { display: none; background: white; list-style: none; padding: 15px 15px; margin: 23px 0px 0px 0px; -webkit-box-shadow: 0px 25px 30px rgba(0,0,0,.1); box-shadow: 0px 25px 30px rgba(0,0,0,.1); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; position: absolute; } .dd-nav.open .dropdown-menu { display: block; } .dd-nav ul li { margin-bottom: 15px; } .dd-nav ul li.bolder { font-weight: bold; } .dd-nav ul li:last-child { margin-bottom: 0; } .dd-nav ul li a { } .dd-nav hr { width: 100%; height: 1px; background: rgb(216, 216, 216); margin: 15px 0; border: 0; } .header-btns, .header-top-fixed-right, .header-user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-top-fixed-right { -ms-flex-negative: 0; flex-shrink: 0; } .header-btns a { color: black; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .header-btns a:hover { color: #e9588f; } .header-btns a:nth-child(2) { border-left: 1px solid rgba(0,0,0,.3); margin-left: 20px; padding-left: 20px; } .header-user .header__profile { font-size: 14px; } .header-top-fixed-right .search { margin-left: 20px; cursor: pointer; } .header__nav .search { cursor: pointer; } .hide { display: none; } .show { display: block; } @media screen and (max-width:1319px) { .header-top-fixed-inner { width: calc(100% - 40px); padding: 0px 20px; } .header-btns { margin-left: 30px; } .header-btns a { } .header-top-fixed .header-top-fixed-nav { width: 68%; /* margin-right: 5%; */ } .header-top-fixed .header-top-fixed-nav a { margin-right: 20px; text-align: center; } .header-btns a:nth-child(2) { margin-left: 10px; padding-left: 10px; } .dd-nav { font-size: 14px; } } .header__mobile { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .search { cursor: pointer; margin-left: 20px; } .search-form { position: absolute; right: 25px; top: 50px; z-index: 100; background: white; padding: 40px 30px; -webkit-box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.15); box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.15); width: 400px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0px, -50px, 0px); transform: translate3d(0px, -50px, 0px); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .search-form.mobile-view { top: 80px; right: 19px; width: calc(100% - 98px); } .search-form.top-bigger { } .search-form.open { opacity: 1; visibility: visible; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } input[type="text"].input-search { border: 0; outline: none; margin-bottom: 20px; width: calc(100% - 30px); } .search-form ul.results { margin-top: 20px; list-style-type: none; margin: 0; padding: 0; border-top: 1px solid rgba(0,0,0,.1); } .search-form ul.results li { margin-top: 20px; text-decoration: none; } .search-form ul.results li a{ color: black; text-decoration: none; } .search-form ul.results span { color: #E9588F; } .search-form .close { position: absolute; top: 40px; right: 30px; cursor: pointer; } .search-button { width: 100%; margin-top: 30px; } .header-top-fixed .header-top-fixed-nav { padding: 0; } #header-top-fixed .menu { list-style: none; -webkit-padding-start: 0; padding-inline-start: 0; padding-left: 0; } li.dd_menu { margin-left: 20px; } .header-top-fixed-nav .bold { font-weight: bold; } @media screen and (max-width:991px) { .header-top-fixed { display: none !important; } .header__mobile { padding-right: 20px; } .header--mobile { display: block; position: fixed; /* width: 100%; */ width: 100vw; top: 0; left: 0; z-index: 100; } .header-top-fixed .logo-wrap { width: 50px; margin-right: 20px; } .dd-nav.open .dropdown-menu { left: 0; width: 100%; } .dd-nav ul li { width: 100% !important; } .header-btns { margin-left: 15px; } .header-top-fixed .header-top-fixed-nav { width: 70%; } .header-top-fixed-inner { justify-content: flex-start; } .header-btns, .header-top-fixed-right, .header-user { /* position: absolute; top: 15px; right: 10px; */ } .header-top-fixed-right { width: 17%; } li.dd_menu { margin-left: 0; } } @media screen and (max-width: 768px) { .header-top-fixed .logo-wrap { display: none; } .header-top-fixed .header-top-fixed-nav { width: 45%; } .header-top-fixed-right { width: 50%; } } @media screen and (max-width: 450px) { .menu li { /* text-overflow: ellipsis; overflow: hidden; width: 100% !important; */ } .header-top-fixed .header-top-fixed-nav { width: 45%; } .header-top-fixed-right { width: 200px; } .header-user .header__profile { word-break: break-all; } .header-btns, .header-top-fixed-right, .header-user { padding-right: 30px; } } .menu li { width: 105px !important; text-align: center; margin-right: 10px; } .dropdown-menu li { width: 100%; } .header-top-fixed .header-top-fixed-nav a { margin-right: 0; } .dd-nav ul li { text-align: left; } @media (max-width: 575.98px) { .banner__button--all-marathon { width: 250px; text-align: center; } } /* End */ /* Start:/local/components/magnitmedia/scroll.top/templates/.default/style.css?1703765031973*/ #scroller-top__sidebar.hidden { opacity: 0; } #scroller-top__sidebar { opacity: 1; } .layout-elevator { position: fixed; bottom: 50px; right: 25px; z-index: 1; display: block; width: 60px; /*height: 100%;*/ color: rgba(233, 88, 143, .7); text-align: center; transition: all .15s ease-in-out; } .layout-elevator:hover { background: rgba(255, 255, 255, .5); color: rgba(233, 88, 143, 1); } .layout-elevator .icon-svg_scroll-up { position: relative; top: 50%; margin-top: -15px; width: 30px; height: 30px; display: inline-block; background-color: transparent; color: inherit; vertical-align: middle; fill: currentColor; stroke: currentColor; stroke-width: 0; pointer-events: none; } .layout-elevator .icon-svg_scroll-up.down { transform: rotate(180deg); } .layout-elevator.hidden { /* display: none; */ } /*@media screen and (max-width: 991px) {*/ /* .layout-elevator {*/ /* display: none;*/ /* }*/ /*}*/ /* End */ /* Start:/local/components/magnitmedia/popup.cookies/templates/.default/style.css?17404073871305*/ .cookies-popup { position: fixed; bottom: 20px; right: 20px; width: 490px; background: #FFFFFF; box-shadow: 4px 4px 14px rgba(5, 4, 58, 0.2); border-radius: 8px; display: flex; flex-direction: column; align-items: center; z-index: 1000000; gap: 20px; } .cookies-close { position: absolute; top: 0; right: 0; background: none; border: none; font-size: 24px; cursor: pointer; color: #05043A; } .cookies-close:hover { opacity: 0.7; } .cookies-text { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; color: #05043A; text-align: start; max-width: 90%; margin: 0; padding: 20px 40px 0 20px; } .cookies-link { color: #E9588F; text-decoration: underline; font-weight: bold; } .cookies-button { width: 260px; background: #E9588F; border: 1px solid #E9588F; padding: 16px 50px; border-radius: 32px; color: white; font-size: 16px; cursor: pointer; text-transform: uppercase; margin-bottom: 10px; } .cookies-button:hover { opacity: 0.8; } @media (max-width: 768px) { .cookies-popup { width: 90%; } .cookies-text { font-size: 14px; padding: 10px 40px 0 20px; } } /* End */ /* /local/templates/melannett_new/nativejs/css/google-translate.css?17109168381004 */ /* /local/templates/melannett_new/nativejs/css/translator.css?1710916838411 */ /* /local/templates/melannett_new/libs/normalize.css/normalize.css?16045694236052 */ /* /local/templates/melannett_new/libs/swiper/dist/css/swiper.min.css?160456942319778 */ /* /local/templates/melannett_new/libs/fancybox/dist/jquery.fancybox.min.css?160456942312795 */ /* /local/templates/melannett_new/css/styles-eea02481a1.css?1707905356198647 */ /* /local/templates/melannett_new/css/bootstrap.css?173530198824938 */ /* /local/css/custom.css?16564595752962 */ /* /local/templates/melannett_new/css/custom.css?1737543378161273 */ /* /local/templates/melannett_new/css/scss.css?167527064428969 */ /* /local/templates/melannett_new/css/hide_header_footer.css?1749545256522 */ /* /local/templates/melannett_new/css/selectize.default.css?174957961512004 */ /* /local/templates/melannett_new/css/animate.min.css?174957964671750 */ /* /local/templates/melannett_new/components/bitrix/menu/header_nav_fixed/style.css?16045694228315 */ /* /local/components/magnitmedia/scroll.top/templates/.default/style.css?1703765031973 */ /* /local/components/magnitmedia/popup.cookies/templates/.default/style.css?17404073871305 */