/* Start:/local/templates/vkb_new_suvorov/css/normalize.css?17125809906138*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { 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/vkb_new_suvorov/css/jquery-ui.min.css?17125809902013*/ /*! jQuery UI - v1.12.1 - 2017-10-05 * http://jqueryui.com * Includes: core.css, slider.css * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0} /* End */ /* Start:/local/templates/vkb_new_suvorov/css/jquery-ui.theme.min.css?171258099013889*/ /*! jQuery UI - v1.13.2 - 2024-02-19 * http://jqueryui.com * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/vkb_new_suvorov/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/vkb_new_suvorov/css/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/local/templates/vkb_new_suvorov/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/vkb_new_suvorov/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/vkb_new_suvorov/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/vkb_new_suvorov/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/vkb_new_suvorov/css/images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/local/templates/vkb_new_suvorov/css/animate.css?171258099024430*/ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated { animation-duration: 2.5s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0,-4px,0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(.9, .9, .9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(.97, .97, .97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(.3, .3, .3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .jackInTheBox { animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } /*@keyframes zoomIn {*/ /*from {*/ /*opacity: 0;*/ /*transform: scale3d(.3, .3, .3);*/ /*}*/ /*50% {*/ /*opacity: 1;*/ /*}*/ /*}*/ @keyframes zoomIn { from { opacity: 0; transform: scale(0) rotate(-360deg); } 100% { opacity: 1; transform: scale(1.8) rotate(-270deg); } } .zoomIn { animation-name: zoomIn; } @keyframes zoomIn1 { from { opacity: 0; transform: scale(0) rotate(-360deg); } 100% { opacity: 1; transform: scale(2) rotate(-270deg); } } .zoomIn1 { animation-name: zoomIn1; } @keyframes zoomIn2 { from { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1.2); } } .zoomIn2 { animation-name: zoomIn2; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } /* End */ /* Start:/local/templates/vkb_new_suvorov/css/swiper.min.css?17125809906717*/ /** * Swiper 11.0.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 27, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} /* End */ /* Start:/local/templates/vkb_new_suvorov/css/promo.css?171498281530085*/ :root { --font-family: "Inter", sans-serif; --second-family: "Stem", sans-serif; --third-family: "SF Pro Text", sans-serif; --promo-gap: 20px; --desc-gray: #5c5c5c; } .header-top { position: fixed; top: 0; right: 0; width: 100%; z-index: 99; } .header-top__container { display: flex; justify-content: space-between; align-items: center; background: #eeeff0; padding: 0 70px; height: 86px; } /* promo */ .promo-page { position: relative; z-index: 10; /*padding-top: 786px;*/ font-family: "Inter", sans-serif; font-weight: 500; color: #262626; background: #fff; } .promo-page .promo-menu { position: relative; top: -36px; } .promo-page * { box-sizing: border-box; } .promo-page p { margin: 0; } .promo-row { display: flex; flex-wrap: wrap; gap: var(--promo-gap); width: 100%; } .promo-col-100 { width: 100%; } .promo-col-2 { width: calc(50% - (var(--promo-gap) / 2)); } .promo-col-3 { width: calc((100% / 3) - (var(--promo-gap) * 2 / 3)); } .promo-col-4 { width: calc((100% / 4) - (var(--promo-gap) * 3 / 4)); } .promp-md-visible, .promo-hidden { display: none; } @media (max-width: 1024px) { .promo-col-md-1 { width: 100%; } .promo-col-md-2 { width: calc(50% - (var(--promo-gap) / 2)); } .promo-col-md-3 { width: calc((100% / 3) - (var(--promo-gap) * 2 / 3)); } .promo-col-md-4 { width: calc((100% / 4) - (var(--promo-gap) * 3 / 4)); } /**/ .promp-md-visible { display: block; } .promo-md-hidden { display: none; } } /* box */ .promo-box { position: relative; border-radius: 36px; overflow: hidden; min-height: 520px; background: #eeeff0; padding: 40px; background-position: right bottom; background-repeat: no-repeat; } .promo-box__title { margin-top: 0; margin-bottom: 20px; font-family: var(--second-family); font-weight: 500; font-size: 36px; line-height: 110%; } .promo-box__title_big { margin-bottom: 32px; font-size: 64px; line-height: 100%; } .promo-box .promo-box__desc { margin-top: 0; margin-bottom: 30px; font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 140%; color: var(--desc-gray); } .promo-box__action { position: absolute; bottom: 40px; left: 40px; } section { min-height: 150px; } section:not(:last-child) { background: #fff; margin-bottom: 150px; } .promo-container { margin: 0 auto; padding: 0 67px; max-width: 1644px; } #promo-project { padding-top: 70px; } .promo-section-title { margin-top: 0; margin-bottom: 64px; font-family: var(--second-family); font-weight: 500; font-size: 64px; line-height: 100%; text-align: center; color: inherit; } .promo-project__content { display: flex; justify-content: space-between; flex-wrap: wrap; } .promo-project .promo-project__text { margin-bottom: 40px; max-width: 630px; font-weight: 500; font-size: 20px; line-height: 120%; } .promo-project__facts { max-width: 761px; padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; } .promo-project__fact { min-width: 50%; } /**/ .fact { margin-bottom: 40px; } .fact__heading { margin-top: 0; margin-bottom: 0; font-family: var(--second-family); font-weight: 500; font-size: 64px; line-height: 100%; } .fact__desc { margin: 0; font-weight: 400; font-size: 18px; line-height: 120%; color: var(--desc-gray); } /* advantages */ .promo-page .advantages { display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; gap: 20px; padding-left: 0; padding-top: 0; background: none; } .advantage { position: relative; /*width: calc((100% / 3) - 13.333px);*/ } .advantage .advantage__icon { position: absolute; top: 20px; right: 20px; } .advantage__img { width: 100%; border-radius: 20px; margin-bottom: 16px; } .advantage__desc { font-family: var(--second-family); font-weight: 500; font-size: 32px; line-height: 100%; } /* plan*/ .promo-plan__desc { max-width: 862px; margin: 0 auto 32px; font-family: var(--font-family); font-weight: 500; font-size: 20px; line-height: 120%; text-align: center; } .promo-plan__tabs { max-width: 769px; margin: 0 auto 64px; } .promo-plan__content { padding: 40px; border-radius: 36px; background: #f6f6f6; } .promo-plan__action { justify-content: flex-end; } .tabs { display: flex; justify-content: center; gap: 8px; list-style: none; padding-left: 0; margin-bottom: 0; } .tab { border-radius: 16px; padding: 16px; font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 140%; cursor: pointer; background: transparent; transition: background-color 300ms ease-in-out; } .tab:hover, .tab_active { background: rgba(0, 0, 0, 0.06); } .tab__content { display: none; } .tab__content.active { display: block; animation-duration: 0.6s; } .apartment { position: relative; min-height: 520px; } .apartment__plane { text-align: center; mix-blend-mode: multiply; } .apartment__desc { position: absolute; bottom: 0; left: 0; } .apartment__action { position: absolute; right: 20px; bottom: 20px; } .apartment__desc ul { padding-left: 0; margin-bottom: 0; list-style: none; } .apartment__desc .desc { margin-bottom: 36px; } .desc__name { font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 120%; color: var(--desc-gray); } .desc__val { margin-bottom: 8px; font-family: var(--second-family); font-weight: 500; font-size: 32px; line-height: 100%; } .action { display: flex; gap: 8px; } .action__next, .action__prew { width: 50px; height: 50px; border-radius: 12px; background: #dadfe2; border: none; cursor: pointer; } .action__next:disabled, .action__prew:disabled { background: #eeeff0; } /**/ .kk-tooltip__content { display: none; position: absolute; top: 50%; right: 50%; z-index: 999; width: 300px; max-width: 340px; padding: 5px; border-radius: 16px; background: #fff; font-family: var(--font-family); font-weight: 500; font-size: 12px; line-height: 140%; text-align: center; color: var(--desc-gray); box-shadow: 0 4px 38px 0 rgba(0, 0, 0, 0.1); } .kk-tooltip:hover .kk-tooltip__content { display: block; animation-duration: 0.3s; } /**/ .promo-banner-middle { position: relative; min-height: 520px; padding: 40px; border-radius: 36px; color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(/local/templates/vkb_new_suvorov/css/../images/promo_banner_middle.jpg); } .promo-banner-middle.promo-banner-middle-adv { background-image: url(/local/templates/vkb_new_suvorov/css/../images/promo_banner_middle_adv.webp); } .promo-banner-middle__content { position: absolute; bottom: 40px; left: 40px; max-width: 850px; } .promo-banner-middle__heading { margin-top: 0; margin-bottom: 24px; font-family: var(--second-family); font-weight: 500; font-size: 64px; line-height: 100%; color: inherit; } .promo-banner-middle__desc { margin: 0; font-family: var(--font-family); font-weight: 500; font-size: 20px; line-height: 120%; color: inherit; } .offers { display: flex; flex-wrap: wrap; gap: 20px; list-style: none; padding-left: 0; margin-bottom: 0; } .propmo-offers { margin-bottom: 0; } .offer { position: relative; width: calc((100% / 3) - 13.333px); max-width: 600px; min-height: 520px; padding: 40px; border-radius: 36px; background: #eeeff0; } .offer__heading { margin-top: 0; margin-bottom: 20px; font-family: var(--second-family); font-weight: 500; font-size: 36px; line-height: 110%; } .offer__desc { margin: 0; font-family: var(--font-family); font-weight: 400; font-size: 18px; line-height: 120%; color: var(--desc-gray); } .offer__img { position: absolute; bottom: 40px; right: 40px; } /* promo-calc */ .promo-calc { position: relative; padding-top: 150px; padding-bottom: 150px; background: #354bca; color: #fff; } .promo-calc:before { position: absolute; top: 0; left: 0; width: 100%; content: ""; display: block; height: 36px; border-radius: 0 0 36px 36px; background: #fff; } .promo-calc:after { position: absolute; bottom: 0; left: 0; width: 100%; content: ""; display: block; height: 36px; border-radius: 36px 36px 0 0; background: #fff; } .promo-calc .calculator { background-color: transparent; } .promo-calc .calculator .uk-h2 { color: inherit; } /* params */ .params { display: flex; flex-wrap: wrap; gap: 30px; list-style: none; padding-left: 0; margin: 0; } .promo-param { flex-basis: 218px; } .param__val { margin-bottom: 12px; font-family: var(--second-family); font-weight: 500; font-size: 36px; line-height: 110%; } .param__name { font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 140%; color: var(--desc-gray); } .promo-params { list-style: none; padding-left: 0; margin: 0; } .promo-params_small .param__name { font-size: 16px; } .promo-params_small .param__val { font-size: 24px; } /* gallery */ .promo-gallery__tabs .tabs { margin-bottom: 40px; } .promo-gallery .swiper-wrapper { margin-bottom: 40px; } .promo-gallery .swiper-slide { display: inline-block; width: auto; border-radius: 36px; overflow: hidden; } .promo-gallery__action { justify-content: center; } /* feature */ .promo-feature { min-height: 520px; padding: 40px 28px; border-radius: 36px; background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; } .promo-feature__title { margin-top: 0; margin-bottom: 24px; font-family: var(--second-family); font-weight: 500; font-size: 36px; line-height: 110%; color: inherit; } .promo-feature_inverse { color: #fff; } /**/ .accordion .accordion__heading { display: flex; justify-content: space-between; margin-top: 0; margin-bottom: 4px; padding: 40px; border: none; border-radius: 12px 12px 0 0; background: #eeeff0; font-family: var(--font-family); font-weight: 500; font-size: 20px; line-height: 120%; color: #262626; } .accordion .accordion__heading.ui-accordion-header-collapsed { border-radius: 12px; } .accordion .accordion__heading:first-of-type.ui-accordion-header-collapsed { border-radius: 36px 36px 12px 12px; } .accordion .accordion__heading:last-of-type.ui-accordion-header-collapsed { border-radius: 12px 12px 36px 36px; } /*.accordion .accordion__heading:last-of-type { border-radius: 12px 12px 0 0; } */ .accordion .accordion__heading:first-of-type { border-radius: 36px 36px 0 0; } .accordion .accordion__heading.ui-state-active { /*border-radius: 12px 12px 0 0;*/ border: none; } .accordion__heading svg { transition: transform 400ms ease-in-out; } .accordion__heading.ui-state-active svg { transform: rotate(180deg); } .accordion .accordion__content { position: relative; top: -4px; padding: 0 40px 40px; border: none; border-radius: 0 0 12px 12px; background: #eeeff0; font-family: var(--font-family); font-weight: 500; font-size: 20px; line-height: 120%; } .accordion .accordion__content:last-of-type { border-bottom-left-radius: 36px; border-bottom-right-radius: 36px; } /* promo-comment */ .promo-comments .promo-comment { border-left: 6px solid #3247c3; border-radius: 36px; padding: 30px 30px 30px 36px; width: 636px; min-height: 627px; background: #eeeff0; } .promo-comment .promo-comment__text { margin-bottom: 30px; font-family: var(--font-family); font-weight: 500; font-size: 24px; line-height: 120%; } .user { display: flex; align-items: center; } .user .user__img { flex-basis: 180px; padding-right: 20px; } .user .user__img img { display: block; width: 160px; height: 160px; object-fit: cover; border-radius: 100%; overflow: hidden; } .user .user__name { margin-bottom: 2px; font-family: var(--second-family); font-weight: 500; font-size: 24px; line-height: 100%; } .user .user__desc { font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 140%; color: #5c5c5c; } /* form */ .promo-form { position: relative; padding-top: 186px; padding-bottom: 186px; background: #354bca; } .promo-form__container { max-width: 760px; margin: 0 auto; } .promo-form::after { position: absolute; bottom: 0; left: 0; width: 100%; content: ""; display: block; height: 36px; border-radius: 36px 36px 0 0; background: #fff; } .promo-form::before { position: absolute; top: 0; left: 0; width: 100%; content: ""; display: block; height: 36px; border-radius: 0 0 36px 36px; background: #fff; } .promo-form__title { margin-bottom: 64px; font-family: var(--second-family); font-weight: 500; font-size: 64px; line-height: 100%; text-align: center; color: #fff; } .promo-page input.form-control { max-width: initial; border: 2px solid transparent; border-radius: 20px; padding: 28px 30px 28px 24px; margin-bottom: 40px; height: 80px; background: #273699; font-family: var(--second-family); font-weight: 500; font-size: 24px; line-height: 100%; color: rgba(255, 255, 255); } .promo-page input.form-control::placeholder { color: rgba(255, 255, 255, 0.5); } .promo-page input.form-control:focus-visible, .promo-page input.form-control:hover { border: 2px solid rgba(255, 255, 255, 0.5); outline: none; } .promo-form__action { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 64px; } .promo-form__desc { max-width: 337px; font-family: var(--font-family); font-weight: 500; font-size: 14px; line-height: 140%; color: rgba(255, 255, 255, 0.5); } .promo-form__desc a { color: rgba(255, 255, 255, 0.5); text-decoration: underline; } /* promo-houses */ .promo-houses .param__val { font-size: 24px; margin-bottom: 12px; } .promo-houses .promo-box { position: relative; background-position: right bottom; background-repeat: no-repeat; } .promo-houses__image { position: absolute; right: 0; bottom: 0; } .promo-box__tag { position: absolute; right: 40px; top: 40px; border-radius: 20px; padding: 8px 16px; background: #fff7f1; font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 140%; color: #ffac71; } /* footer */ footer { position: relative; z-index: 10; padding-top: 150px; background: #fff; } .promo-footer { margin-bottom: 15px; display: flex; align-items: center; gap: 86px; box-sizing: border-box; padding: 80px 50px; border-radius: 36px; background: #354bca; color: #fff; } .promo-footer p { margin: 0; font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 140%; color: #fff; } .promo-copuright { margin: 0; padding-bottom: 30px; font-family: var(--font-family); font-weight: 500; font-size: 12px; line-height: 140%; text-align: center; color: #5c5c5c; } /* calc */ .promo-calc__tabs { padding-bottom: 64px; } .promo-calc__tabs .tab_active { background: rgba(255, 255, 255, 0.2); } .promo-calc__sub-title { margin-top: 0; margin-bottom: 29px; font-family: var(--second-family); font-weight: 500; font-size: 36px; line-height: 110%; color: #fff; } .promo-calc__label { display: block; margin-bottom: 12px; font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 140%; text-align: left; color: rgba(255, 255, 255, 0.5); } .promo-calc__control { border: none; border-radius: 20px; padding: 28px 20px; width: 100%; background: #354bca; font-family: var(--second-family); font-weight: 500; font-size: 24px; line-height: 100%; color: #fff; } .promo-calc__control:focus { border: none; } .promo-calc .ui-widget.ui-widget-content { height: 2px; width: calc(100% - 40px); left: 20px; top: -2px; margin-bottom: 18px; background: transparent; border: none; } .promo-calc .ui-widget-content .ui-state-default { width: 36px; height: 36px; top: 0; margin-left: 0; transform: translateY(-50%) translateX(-50%); border-radius: 100%; border: none; background: #eeeff0; } .promo-calc .ui-slider .ui-slider-range { background: #eeeff0; } .promo-calc .value-mark { font-family: var(--font-family); font-weight: 500; font-size: 16px; line-height: 140%; color: rgba(255, 255, 255, 0.5); } .promo-calc .input-box { position: relative; padding-bottom: 22px; margin-bottom: 28px; } .promo-calc .value-mark { position: absolute; bottom: 0; left: 20px; } .promo-calc .value-mark.value-mark-max { left: initial; right: 20px; } .promo-calc__right, .promo-calc__left { padding: 60px 40px; border-radius: 36px; backdrop-filter: blur(130px); background: #556be9; color: #fff; } .promo-calc__percent { margin-bottom: 40px; font-family: var(--second-family); font-weight: 500; font-size: 64px; line-height: 100%; color: #fff; } /* quantity */ .quantity { display: flex; gap: 18px; align-items: center; justify-content: start; width: 100%; } .quantity__btn { display: flex; align-items: center; justify-content: center; border: none; border-radius: 12px; width: 50px; height: 50px; background: #354bca; cursor: pointer; } .quantity__input { max-width: 300px; background: transparent; border: none; font-family: var(--second-family); font-weight: 500; font-size: 64px; line-height: 100%; text-align: center; color: #fff; } .promo-calc__quantity { margin-bottom: 40px; } .promo-calc__action { display: flex; gap: 16px; } p.promo-calc__description { width: 688px; padding-top: 22px; margin: 0 auto; font-family: var(--font-family); font-weight: 500; font-size: 14px; line-height: 140%; text-align: center; color: rgba(255, 255, 255, 0.5); } .promo-calc__right.skeleton, .promo-calc__right.skeleton-loader { position: relative; } .promo-calc__right.skeleton-loader::before, .promo-calc__right.skeleton::before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 99; border-radius: 16px; background-color: #556be9; background-repeat: no-repeat; } .promo-calc__right.skeleton::before { top: auto; bottom: 60px; height: 360px; background-image: url(/local/templates/vkb_new_suvorov/css/../images/skeleton_dt.png); background-position: 40px bottom; } .promo-calc__right.skeleton-loader::before { background-image: url(/local/templates/vkb_new_suvorov/css/../images/skeleton_dt_fool.png); background-position: center; } .promo-calc__right .input-box { margin-bottom: 29px; padding-bottom: 0; } .promo-calc__right .promo-calc__val { font-family: var(--second-family); font-weight: 500; font-size: 24px; line-height: 100%; } .promo-calc__right .promo-calc__percent-box { margin-bottom: 140px; } .promo-calc__left #select-calc { display: none; } .promo-houses__action { position: absolute; bottom: 40px; left: 40px; right: 40px; } @media (max-width: 1024px) { body { width: 100vw; overflow-x: hidden; } .promo-page { font-size: 14px; line-height: 120%; } .promo-page img { max-width: 100%; } .header-top__container { padding: 16px; flex-wrap: wrap; height: auto; } .header-top.fixed .header-top__container { padding-bottom: 0; } .header-top__menu { order: 3; width: 100%; } .header-top__logo svg { width: 140px; } .kk-btn.kk-btn_small { padding: 14px 12px; font-size: 12px; line-height: 130%; } .kk-btn.kk-btn_primary { padding: 18px 20px; font-size: 14px; line-height: 130%; } .promo-section-title { margin-bottom: 32px; font-size: 26px; line-height: 100%; } section:not(:last-child) { margin-bottom: 80px; } .promo-page .promo-menu { position: initial; } #promo-project { padding-top: 40px; } .promo-container { padding: 0 16px; } /*project*/ .promo-project__content { justify-content: center; } .promo-project .promo-project__text { max-width: none; margin-bottom: 40px; font-size: 14px; line-height: 120%; } .promo-project__facts { max-width: none; } .fact { margin-bottom: 24px; } .fact__heading { font-size: 26px; line-height: 100%; } .fact__desc { font-size: 12px; line-height: 130%; } .promo-page .advantages { grid-template-columns: 1fr; row-gap: 40px; } .advantage__desc { font-size: 18px; line-height: 100%; } /**/ .promo-plan__desc { margin-bottom: 20px; font-size: 12px; line-height: 130%; } .promo-plan__tabs { margin-bottom: 32px; } .tabs { overflow: auto; justify-content: flex-start; } .tab { padding: 12px; gap: 2px; font-size: 12px; line-height: 130%; white-space: nowrap; } .apartment__desc .desc { margin-bottom: 16px; } .desc__val { font-size: 26px; line-height: 100%; } .desc__name { font-size: 14px; line-height: 130%; } /**/ .promo__map { border-radius: 16px; overflow: hidden; } .promo-plan__content { background: transparent; padding: 0; } .promo-plan__action { display: none; } .promo-plan__apartment.apartment { width: 292px; } .apartment__plane { margin-bottom: 32px; padding: 32px; background: #f6f6f6; border-radius: 16px; } .apartment__plane img { width: 100%; mix-blend-mode: multiply; } .apartment__desc { position: initial; } .promo-banner-middle { min-height: auto; padding: 266px 20px 20px; border-radius: 16px; background-position: center; background-image: url(/local/templates/vkb_new_suvorov/css/../images/promo_banner_middle_mobile.webp); } .promo-banner-middle.promo-banner-middle-adv { background-image: url(/local/templates/vkb_new_suvorov/css/../images/promo_banner_middle_mobile_adv.webp); } .promo-banner-middle__content { position: initial; } .promo-banner-middle__heading { margin-bottom: 16px; font-size: 26px; line-height: 100%; } .promo-banner-middle__desc { font-size: 14px; line-height: 130%; } .offers { justify-content: center; } .offer { width: 100%; min-height: 250px; max-width: 343px; padding: 21px; } .offer__img { right: 21px; bottom: 21px; height: 100px; width: auto; } .offer__img img { height: 100%; width: auto; } .offer__heading { margin-bottom: 16px; font-size: 22px; line-height: 110%; } .offer__desc { font-size: 14px; line-height: 120%; } /* calc */ .promo-calc__tabs { padding: 0 15px 0; margin-bottom: 32px; scrollbar-width: none; } .promo-calc__left { padding: 0 0 40px; background: none; } .promo-calc__right { padding: 20px; border-radius: 16px; text-align: center; } .promo-calc .promo-calc__label { margin-bottom: 10px; font-size: 12px; line-height: 130%; text-align: center; } .promo-calc__sub-title { margin-bottom: 24px; font-size: 26px; line-height: 100%; } .promo-calc__percent { font-size: 30px; line-height: 100%; } .quantity { display: grid; grid-template-columns: 40px auto 40px; margin-bottom: 0; } .quantity__btn { width: 40px; height: 40px; } .quantity__input { width: 100%; max-width: 200px; font-size: 30px; line-height: 100%; text-align: center; } #ruport_form2 { display: flex; flex-direction: column; } .input-box.promo-calc__month-pay { display: inline-block; margin: 0 auto; padding-bottom: 0; } .input-box.promo-calc__percent-box { /*order: 2;*/ } .promo-calc__action { order: 3; flex-direction: column; } .promo-calc__action .kk-btn { width: 100%; padding: 18px 20px; font-size: 14px; line-height: 130%; } .promo-calc__control { padding: 18px 12px; background: #273699; border-radius: 12px; font-size: 18px; line-height: 100%; } p.promo-calc__description { max-width: 100%; padding: 8px 20px 0; text-align: left; } .promo-calc .ui-widget.ui-widget-content { height: 1px; top: -1px; margin-bottom: 8px; } .promo-calc .ui-widget-content .ui-state-default { width: 16px; height: 16px; } .promo-calc .value-mark { font-size: 12px; line-height: 130%; } .promo-calc .input-box { margin-bottom: 30px; } .promo-calc .kk-checkbox label { font-size: 12px; line-height: 130%; } .promo-calc__right.skeleton::before { top: auto; bottom: 20px; height: 250px; background-image: url(/local/templates/vkb_new_suvorov/css/../images/skeleton2.png); background-position: center bottom; } .promo-calc__right.skeleton-loader::before { background-image: url(/local/templates/vkb_new_suvorov/css/../images/skeleton.jpg); background-position: center; } /* .promo-box */ .promo-box { padding: 20px; text-align: center; background-position: center calc(100% - 100px); background-size: auto 40%; } .promo-box .promo-box__title { margin-bottom: 16px; font-size: 22px; line-height: 100%; } .promo-box .promo-box__title_big { margin-bottom: 16px; font-size: 22px; line-height: 100%; } .promo-box .promo-box__desc { margin-bottom: 16px; font-size: 12px; line-height: 130%; } .promo-box__action { display: flex; flex-direction: column-reverse; gap: 8px; left: 20px; right: 20px; bottom: 20px; } .promo-box__action .kk-btn { width: 100%; padding: 14px 12px; font-size: 12px; line-height: 130%; border: none; } .promo-box__action .kk-btn_secondary { background: #fff; } .promo-params { display: flex; justify-content: space-between; } .param__val { margin-bottom: 8px; font-size: 18px; line-height: 100%; } .param__name { font-size: 12px; line-height: 130%; } /* gallery */ .promo-gallery__tabs .tabs { justify-content: center; } .promo-gallery .swiper-slide { width: 290px; border-radius: 16px; } .promo-gallery__action { display: none; } .promo-gallery .swiper-wrapper { margin-bottom: 0; } /**/ .promo-feature { height: 50vh; min-height: 343px; padding: 24px 28px; background-size: cover; } .promo-feature__title { margin-bottom: 20px; font-size: 22px; line-height: 100%; } /**/ .accordion .accordion__heading { padding: 20px; font-size: 14px; line-height: 130%; } .accordion .accordion__content { padding: 0 0 20px 20px; border-radius: 0 0 8px 8px; font-size: 14px; line-height: 130%; } .accordion .accordion__content:last-of-type { border-radius: 0 0 20px 20px; } .accordion .accordion__heading.ui-accordion-header-collapsed { border-radius: 8px; } .accordion .accordion__heading span { display: flex; align-items: center; } .accordion .accordion__heading svg { width: 12px; height: 7px; } .accordion .accordion__heading:first-of-type, .accordion .accordion__heading:first-of-type.ui-state-active { border-radius: 20px 20px 0 0; } .accordion .accordion__heading:last-of-type { border-radius: 8px 8px 0 0; } .accordion .accordion__heading.ui-state-active { border-radius: 8px 8px 0 0; } .accordion .accordion__heading:first-of-type.ui-accordion-header-collapsed { border-radius: 20px 20px 8px 8px; } .accordion .accordion__heading:last-of-type.ui-accordion-header-collapsed { border-radius: 8px 8px 20px 20px; } /*comments*/ .promo-comments .promo-comment { width: 313px; max-height: 360px; } .promo-comment .promo-comment__text { font-size: 16px; line-height: 130%; } .user .user__img { flex-basis: 80px; } .user .user__img img { width: 60px; height: 60px; } .user .user__name { font-size: 18px; line-height: 100%; } .user .user__desc { font-size: 12px; line-height: 130%; } /**/ .promo-form__title { margin-bottom: 40px; font-size: 26px; line-height: 100%; } .promo-form__container { padding: 0 16px; } .promo-form__container .promo-row { gap: 0; } .promo-form__container .promo-row:nth-of-type(2) .form-control:last-of-type { margin-bottom: 0; } .promo-page input.form-control { padding: 18px 15px; font-size: 18px; line-height: 100%; } .promo-form__action { flex-direction: column; gap: 14px; } .promo-form__desc { order: 1; } .promo-form__action .kk-btn { padding: 18px 20px; font-size: 14px; line-height: 130%; } /* houses */ .promo-box__tag { display: inline-block; position: initial; margin: 0 auto 16px; padding: 4px 8px; font-size: 12px; line-height: 130%; color: #354bca; background: rgba(0, 82, 250, 0.05); } .promo-houses .promo-row { justify-content: center; } .promo-houses .promo-box { min-height: 362px; max-width: 343px; } .promo-houses .params { justify-content: center; gap: 23px; text-align: center; } .promo-houses .param__val { margin-bottom: 8px; font-size: 20px; } .promo-houses .param__name { font-size: 12px; line-height: 130%; } .promo-houses__image { position: absolute; right: 50%; bottom: 84px; transform: translateX(50%); } .promo-houses__action { bottom: 20px; left: 20px; right: 20px; } .promo-houses__action .kk-btn { width: 100%; } /* footer */ .promo-footer { flex-direction: column; gap: 30px; padding: 35px 39px; } .promo-footer__logo svg { height: 40px; width: auto; } .promo-footer__desc, .promo-footer__license { font-size: 12px; text-align: center; } .promo__map { position: relative; z-index: 10; } .promo__map:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 20; } } /* End */ /* Start:/local/templates/vkb_new_suvorov/components/bitrix/menu/promo_menu/style.css?1712580990975*/ .promo-menu__list { display: flex; justify-content: center; column-gap: 28px; width: 100%; border-radius: 36px 36px 0 0; padding: 0; margin: 0; list-style: none; background: #eeeff0; } .promo-menu__item a { display: block; border-bottom: 6px solid transparent; font-family: "Inter", sans-serif; font-weight: 500; font-size: 16px; line-height: 74px; color: #262626; transition: border-color 300ms ease-in-out; text-decoration: none; } .promo-menu__item a:hover, .promo-menu__item_active a { border-bottom: 6px solid #354bca; text-decoration: none; } @media (max-width: 1024px) { body { width: 100%; overflow-x: hidden; } .promo-menu__list { justify-content: flex-start; padding: 0 20px; border-radius: 0; column-gap: 16px; overflow: auto; scrollbar-width: none; } .promo-menu__item a { line-height: 49px; white-space: nowrap; } .promo-menu__item a:hover, .promo-menu__item_active a { border-bottom: 4px solid #354bca; } } /* End */ /* Start:/local/templates/vkb_new_suvorov/components/bitrix/news.list/promo_new/style.css?17125809902610*/ .header-banner { height: 804px; } .promo-banner { position: fixed; top: 86px; left: 0; right: 0; z-index: 10; color: #fff; } .promo-banner * { box-sizing: border-box; } .promo-banner__bg { display: flex; flex-direction: column; justify-content: flex-end; padding-top: 40px; padding-left: 69px; padding-right: 157px; padding-bottom: 96px; min-height: 768px; background-position: top center; background-repeat: no-repeat; background-size: cover; } .promo-banner__content { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 62px; color: #fff; } .promo-banner__right { display: flex; flex-direction: column; justify-content: space-between; align-items: start; padding-top: 10px; } .promo-banner__right-text { max-width: 400px; margin-top: 0; margin-bottom: 40px; font-family: "Inter", sans-serif; font-weight: 500; font-size: 20px; line-height: 120%; text-shadow: 0 4px 10px rgba(0, 0, 0, 0.35); color: #fff; } .promo-banner__btn { font-family: "Inter", sans-serif; font-weight: 500; font-size: 20px; line-height: 120%; } .promo-banner__title { margin: 0; font-family: "Stem"; font-size: 98px; font-weight: 500; line-height: 100%; color: #fff; text-shadow: 0 11px 25px rgba(0, 0, 0, 0.4); } .promo-banner__list { padding: 0; margin: 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; list-style: none; } .promo-banner__item { border-radius: 12px; padding: 19px 20px; background: rgba(0, 0, 0, 0.3); font-family: "Inter", sans-serif; font-weight: 500; font-size: 18px; line-height: 110%; color: #fff; } .promo-banner__item:before { content: ""; display: inline-block; border-radius: 3px; width: 12px; height: 12px; margin-right: 10px; background: #fff; } @media (max-width: 1024px) { .header-banner { height: 696px; } .promo-banner { top: 92px; } .promo-banner__bg { display: block; padding: 200px 12px 20px; min-height: auto; text-align: center; } .promo-banner__title { margin-bottom: 12px; font-size: 30px; line-height: 100%; text-align: center; } .promo-banner__right { display: block; } .promo-banner__right-text { max-width: initial; margin-bottom: 20px; font-size: 14px; line-height: 130%; } .promo-banner__list { justify-content: center; } .promo-banner__content { display: block; margin-bottom: 36px; } .promo-banner__item { padding: 14px 20px; font-size: 14px; line-height: 110%; } } /* End */ /* Start:/local/templates/vkb_new_suvorov/template_styles.css?17261320342868*/ @font-face { font-family: "Stem"; src: local("Stem Medium"), local("Stem-Medium"), url("/local/templates/vkb_new_suvorov/fonts/Stem/Stem-Medium.woff2") format("woff2"), url("/local/templates/vkb_new_suvorov/fonts/Stem/Stem-Medium.woff") format("woff"), url("/local/templates/vkb_new_suvorov/fonts/Stem/Stem-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } body * { box-sizing: border-box; } .promo-banner__item { background: rgba(0, 0, 0, 0.4); } #panel { top: 100px; } /* KK UI */ /* buttons */ .kk-btn { display: inline-block; width: auto; box-sizing: border-box; border-radius: 20px; padding: 28px 48px; transition-property: color, background-color, border-color; transition-duration: 300ms; transition-timing-function: ease-in-out; font-family: "Inter", sans-serif; font-weight: 500; font-size: 20px; word-break: none; line-height: 120%; text-decoration: none; cursor: pointer; } .kk-btn_small { border-radius: 12px; padding: 13px 20px; font-size: 16px; line-height: 140%; } /* primary button */ .kk-btn_primary, .kk-btn_primary:visited { background: #354bca; border: 3px solid #354bca; color: #fff; } .kk-btn_primary:hover { text-decoration: none; background: #273699; color: #fff; } .kk-btn_primary:focus { border-color: #778ad6; } .kk-btn_primary:disabled { background-color: #aeaeae; border-color: #aeaeae; color: #c9c9c9; } /* secondary button */ .kk-btn_secondary, .kk-btn_secondary:visited { background: #eeeff0; border: 3px solid #eeeff0; color: #000; } .kk-btn_secondary:hover { text-decoration: none; background: #c9c9c9; color: #000; } .kk-btn_secondary:focus { border-color: #778ad6; } .kk-btn_secondary:disabled { background-color: #eeeff0; border-color: #eeeff0; color: #c9c9c9; } /* stroke */ .kk-btn_stroke, .kk-btn_stroke:visited { background: transparent; border: 1px solid #fff; color: #fff; } .kk-btn_stroke:hover { text-decoration: none; border: 1px solid #778ad6; } .kk-btn_stroke:focus { border: 2px solid #778ad6; } .kk-btn_stroke:disabled { border: 1px solid rgba(255, 255, 255, 0.5); color: #c9c9c9; } .uk-slidenav svg { pointer-events: none; } .kk-checkbox input { display: none; } .kk-checkbox label { display: flex; gap: 10px; align-items: center; } .kk-checkbox label:before { content: ""; display: inline-block; width: 28px; height: 28px; border-radius: 4px; border: 2px solid #c9c9c9; } .kk-checkbox input:checked + label:before { background: #354bca url(/local/templates/vkb_new_suvorov/images/checked.svg) no-repeat center; } @media (max-width: 1024px) { .kk-checkbox label { gap: 8px; } .kk-checkbox label:before { width: 18px; height: 18px; } } @media (max-width: 1024px) { .promo__map:before { content:none; } } @media (max-width: 1024px) { .promo__map:before { content:none; } .promo-banner__title { text-shadow: 0 11px 25px rgba(0, 0, 0, 0.4); } .promo-banner__bg { padding: 75px 12px 20px; } .header-banner { height: 600px; } } /* End */ /* /local/templates/vkb_new_suvorov/css/normalize.css?17125809906138 */ /* /local/templates/vkb_new_suvorov/css/jquery-ui.min.css?17125809902013 */ /* /local/templates/vkb_new_suvorov/css/jquery-ui.theme.min.css?171258099013889 */ /* /local/templates/vkb_new_suvorov/css/animate.css?171258099024430 */ /* /local/templates/vkb_new_suvorov/css/swiper.min.css?17125809906717 */ /* /local/templates/vkb_new_suvorov/css/promo.css?171498281530085 */ /* /local/templates/vkb_new_suvorov/components/bitrix/menu/promo_menu/style.css?1712580990975 */ /* /local/templates/vkb_new_suvorov/components/bitrix/news.list/promo_new/style.css?17125809902610 */ /* /local/templates/vkb_new_suvorov/template_styles.css?17261320342868 */