/* * legacy-base.css * * Замена файлу public/css/vendors-node_modules_…css (3 МБ, полный дамп Tailwind v2), * который подключался первым в . Здесь оставлено только то, от чего реально * зависит вёрстка: базовый сброс стилей (preflight) и ~50 утилит, встречающихся * во вьюхах темы и модулей. Порядок подключения тот же — перед остальными стилями. */ /* 1. Базовый сброс (preflight) — без изменений */ *, *::before, *::after {box-sizing: border-box;} :root {-moz-tab-size: 4;tab-size: 4;} html {line-height: 1.15;-webkit-text-size-adjust: 100%;} body {margin: 0;} body {font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';} hr {height: 0;color: inherit;} abbr[title] {-webkit-text-decoration: underline dotted;text-decoration: underline dotted;} b, strong {font-weight: bolder;} code, kbd, samp, pre {font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;font-size: 1em;} small {font-size: 80%;} sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sub {bottom: -0.25em;} sup {top: -0.5em;} table {text-indent: 0;border-color: inherit;} button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;} button, select {text-transform: none;} button, [type='button'], [type='reset'], [type='submit'] {-webkit-appearance: button;} ::-moz-focus-inner {border-style: none;padding: 0;} :-moz-focusring {outline: 1px dotted ButtonText;} :-moz-ui-invalid {box-shadow: none;} legend {padding: 0;} progress {vertical-align: baseline;} ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {height: auto;} [type='search'] {-webkit-appearance: textfield;outline-offset: -2px;} ::-webkit-search-decoration {-webkit-appearance: none;} ::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;} summary {display: list-item;} blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {margin: 0;} button {background-color: transparent;background-image: none;} button:focus {outline: 1px dotted;outline: 5px auto -webkit-focus-ring-color;} fieldset {margin: 0;padding: 0;} ol, ul {list-style: none;margin: 0;padding: 0;} html {font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";line-height: 1.5;} body {font-family: inherit;line-height: inherit;} *, ::before, ::after {box-sizing: border-box;border-width: 0;border-style: solid;border-color: #e5e7eb;} hr {border-top-width: 1px;} img {border-style: solid;} textarea {resize: vertical;} input::placeholder, textarea::placeholder {opacity: 1;color: #9ca3af;} button, [role="button"] {cursor: pointer;} table {border-collapse: collapse;} h1, h2, h3, h4, h5, h6 {font-size: inherit;font-weight: inherit;} a {color: inherit;text-decoration: inherit;} button, input, optgroup, select, textarea {padding: 0;line-height: inherit;color: inherit;} pre, code, kbd, samp {font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;} img, svg, video, canvas, audio, iframe, embed, object {display: block;vertical-align: middle;} img, video {max-width: 100%;height: auto;} /* 2. Утилиты, которые реально используются во вьюхах темы и модулей (1:1 из старого дампа) */ .absolute { position: absolute; } .relative { position: relative; } .fixed { position: fixed; } .inset-0 { top: 0; right: 0; bottom: 0; left: 0; } .top-2 { top: 0.5rem; } .top-4 { top: 1rem; } .right-2 { right: 0.5rem; } .right-4 { right: 1rem; } .z-50 { z-index: 50; } .flex { display: flex; } .hidden { display: none; } .table { display: table; } .flex-col { flex-direction: column; } .items-center { align-items: center; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-items-center { justify-items: center; } .align-middle { vertical-align: middle; } .h-10 { height: 2.5rem; } .w-10 { width: 2.5rem; } .w-full { width: 100%; } .max-w-md { max-width: 28rem; } .p-6 { padding: 1.5rem; } .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .border { border-width: 1px; } .border-0 { border-width: 0px; } .rounded { border-radius: 0.25rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-full { border-radius: 9999px; } .bg-transparent { background-color: transparent; } .bg-black { --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); } .bg-white { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .bg-opacity-50 { --tw-bg-opacity: 0.5; } .bg-opacity-75 { --tw-bg-opacity: 0.75; } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow { --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .text-xs { font-size: 0.75rem; line-height: 1rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .font-semibold { font-weight: 600; } .font-bold { font-weight: 700; } .uppercase { text-transform: uppercase; } .text-gray-400 { --tw-text-opacity: 1; color: rgba(156, 163, 175, var(--tw-text-opacity)); } .text-gray-500 { --tw-text-opacity: 1; color: rgba(107, 114, 128, var(--tw-text-opacity)); } .text-gray-700 { --tw-text-opacity: 1; color: rgba(55, 65, 81, var(--tw-text-opacity)); } .cursor-pointer { cursor: pointer; } /** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @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}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.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-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.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,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.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-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-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.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{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-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:flex;justify-content: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%;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;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)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} @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} .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} .ss-main{position:relative;display:inline-block;user-select:none;color:#666;width:100%}.ss-main .ss-single-selected{display:flex;cursor:pointer;width:100%;height:30px;padding:6px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.ss-main .ss-single-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-single-selected.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main .ss-single-selected.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-single-selected .placeholder{display:flex;flex:1 1 100%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;width:calc(100% - 30px);line-height:1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ss-main .ss-single-selected .placeholder *{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.ss-main .ss-single-selected .placeholder .ss-disabled{color:#dedede}.ss-main .ss-single-selected .ss-deselect{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px 0 6px;font-weight:bold}.ss-main .ss-single-selected .ss-deselect.ss-hide{display:none}.ss-main .ss-single-selected .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;margin:0 6px 0 6px}.ss-main .ss-single-selected .ss-arrow span{border:solid #666;border-width:0 2px 2px 0;display:inline-block;padding:3px;transition:transform .2s, margin .2s}.ss-main .ss-single-selected .ss-arrow span.arrow-up{transform:rotate(-135deg);margin:3px 0 0 0}.ss-main .ss-single-selected .ss-arrow span.arrow-down{transform:rotate(45deg);margin:-3px 0 0 0}.ss-main .ss-multi-selected{display:flex;flex-direction:row;cursor:pointer;min-height:30px;width:100%;padding:0 0 0 3px;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;box-sizing:border-box;transition:background-color .2s}.ss-main .ss-multi-selected.ss-disabled{background-color:#dcdee2;cursor:not-allowed}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled{color:#666}.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main .ss-multi-selected.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main .ss-multi-selected.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-multi-selected .ss-values{display:flex;flex-wrap:wrap;justify-content:flex-start;flex:1 1 100%;width:calc(100% - 30px)}.ss-main .ss-multi-selected .ss-values .ss-disabled{display:flex;padding:4px 5px;margin:2px 0px;line-height:1em;align-items:center;width:100%;color:#dedede;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scaleIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-main .ss-multi-selected .ss-values .ss-value{display:flex;user-select:none;align-items:center;font-size:12px;padding:3px 5px;margin:3px 5px 3px 0px;color:#fff;background-color:#5897fb;border-radius:4px;animation-name:scaleIn;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-multi-selected .ss-values .ss-value.ss-out{animation-name:scaleOut;animation-duration:.2s;animation-timing-function:ease-out}.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete{margin:0 0 0 5px;cursor:pointer}.ss-main .ss-multi-selected .ss-add{display:flex;flex:0 1 3px;margin:9px 12px 0 5px}.ss-main .ss-multi-selected .ss-add .ss-plus{display:flex;justify-content:center;align-items:center;background:#666;position:relative;height:10px;width:2px;transition:transform .2s}.ss-main .ss-multi-selected .ss-add .ss-plus:after{background:#666;content:"";position:absolute;height:2px;width:10px;left:-4px;top:4px}.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross{transform:rotate(45deg)}.ss-content{position:absolute;width:100%;margin:-1px 0 0 0;box-sizing:border-box;border:solid 1px #dcdee2;z-index:1010;background-color:#fff;transform-origin:center top;transition:transform .2s, opacity .2s;opacity:0;transform:scaleY(0)}.ss-content.ss-open{display:block;opacity:1;transform:scaleY(1)}.ss-content .ss-search{display:flex;flex-direction:row;padding:8px 8px 6px 8px}.ss-content .ss-search.ss-hide{height:0px;opacity:0;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px}.ss-content .ss-search.ss-hide input{height:0px;opacity:0;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;height:30px;padding:6px 8px;margin:0;border:1px solid #dcdee2;border-radius:4px;background-color:#fff;outline:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:textfield}.ss-content .ss-search input::placeholder{color:#8a8a8a;vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:0 0 5px #5897fb}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-size:22px;font-weight:bold;flex:0 0 30px;height:30px;margin:0 0 0 8px;border:1px solid #dcdee2;border-radius:4px;box-sizing:border-box}.ss-content .ss-addable{padding-top:0px}.ss-content .ss-list{max-height:200px;overflow-x:hidden;overflow-y:auto;text-align:left}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{padding:6px 10px 6px 10px;font-weight:bold}.ss-content .ss-list .ss-optgroup .ss-option{padding:6px 6px 6px 25px}.ss-content .ss-list .ss-optgroup-label-selectable{cursor:pointer}.ss-content .ss-list .ss-optgroup-label-selectable:hover{color:#fff;background-color:#5897fb}.ss-content .ss-list .ss-option{padding:6px 10px 6px 10px;cursor:pointer;user-select:none}.ss-content .ss-list .ss-option *{display:inline-block}.ss-content .ss-list .ss-option:hover,.ss-content .ss-list .ss-option.ss-highlighted{color:#fff;background-color:#5897fb}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;color:#dedede;background-color:#fff}.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected{color:#666;background-color:rgba(88,151,251,0.1)}.ss-content .ss-list .ss-option.ss-hide{display:none}.ss-content .ss-list .ss-option .ss-search-highlight{background-color:#fffb8c} @charset "UTF-8"; .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } .test-btn { position: fixed; padding: 20px; background-color: #ff8400; bottom: 30px } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal } .public_offerta{ display: none; } /*! * Bootstrap Grid v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ html { box-sizing: border-box; -ms-overflow-style: scrollbar } *, ::after, ::before { box-sizing: inherit } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:576px) { .container { max-width: 540px } } @media (min-width:768px) { .container { max-width: 720px } } @media (min-width:992px) { .container { max-width: 960px } } @media (min-width:1200px) { .container { max-width: 1140px } } .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:576px) { .container, .container-sm { max-width: 540px } } @media (min-width:768px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .col { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-3>* { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-6>* { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-3 { flex: 0 0 25%; max-width: 25% } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-6 { flex: 0 0 50%; max-width: 50% } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-9 { flex: 0 0 75%; max-width: 75% } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-12 { flex: 0 0 100%; max-width: 100% } .order-first { order: -1 } .order-last { order: 13 } .order-0 { order: 0 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-4 { order: 4 } .order-5 { order: 5 } .order-6 { order: 6 } .order-7 { order: 7 } .order-8 { order: 8 } .order-9 { order: 9 } .order-10 { order: 10 } .order-11 { order: 11 } .order-12 { order: 12 } .offset-1 { margin-left: 8.3333333333% } .offset-2 { margin-left: 16.6666666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.3333333333% } .offset-5 { margin-left: 41.6666666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.3333333333% } .offset-8 { margin-left: 66.6666666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.3333333333% } .offset-11 { margin-left: 91.6666666667% } @media (min-width:576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-sm-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-sm-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-sm-3>* { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-sm-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-sm-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-sm-6>* { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-sm-3 { flex: 0 0 25%; max-width: 25% } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-sm-6 { flex: 0 0 50%; max-width: 50% } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-sm-9 { flex: 0 0 75%; max-width: 75% } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-sm-12 { flex: 0 0 100%; max-width: 100% } .order-sm-first { order: -1 } .order-sm-last { order: 13 } .order-sm-0 { order: 0 } .order-sm-1 { order: 1 } .order-sm-2 { order: 2 } .order-sm-3 { order: 3 } .order-sm-4 { order: 4 } .order-sm-5 { order: 5 } .order-sm-6 { order: 6 } .order-sm-7 { order: 7 } .order-sm-8 { order: 8 } .order-sm-9 { order: 9 } .order-sm-10 { order: 10 } .order-sm-11 { order: 11 } .order-sm-12 { order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.3333333333% } .offset-sm-2 { margin-left: 16.6666666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.3333333333% } .offset-sm-5 { margin-left: 41.6666666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.3333333333% } .offset-sm-8 { margin-left: 66.6666666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.3333333333% } .offset-sm-11 { margin-left: 91.6666666667% } } @media (min-width:768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-md-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-md-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-md-3>* { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-md-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-md-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-md-6>* { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-md-3 { flex: 0 0 25%; max-width: 25% } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-md-6 { flex: 0 0 50%; max-width: 50% } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-md-9 { flex: 0 0 75%; max-width: 75% } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-md-12 { flex: 0 0 100%; max-width: 100% } .order-md-first { order: -1 } .order-md-last { order: 13 } .order-md-0 { order: 0 } .order-md-1 { order: 1 } .order-md-2 { order: 2 } .order-md-3 { order: 3 } .order-md-4 { order: 4 } .order-md-5 { order: 5 } .order-md-6 { order: 6 } .order-md-7 { order: 7 } .order-md-8 { order: 8 } .order-md-9 { order: 9 } .order-md-10 { order: 10 } .order-md-11 { order: 11 } .order-md-12 { order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.3333333333% } .offset-md-2 { margin-left: 16.6666666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.3333333333% } .offset-md-5 { margin-left: 41.6666666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.3333333333% } .offset-md-8 { margin-left: 66.6666666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.3333333333% } .offset-md-11 { margin-left: 91.6666666667% } } @media (min-width:992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-lg-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-lg-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-lg-3>* { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-lg-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-lg-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-lg-6>* { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-lg-3 { flex: 0 0 25%; max-width: 25% } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-lg-6 { flex: 0 0 50%; max-width: 50% } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-lg-9 { flex: 0 0 75%; max-width: 75% } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-lg-12 { flex: 0 0 100%; max-width: 100% } .order-lg-first { order: -1 } .order-lg-last { order: 13 } .order-lg-0 { order: 0 } .order-lg-1 { order: 1 } .order-lg-2 { order: 2 } .order-lg-3 { order: 3 } .order-lg-4 { order: 4 } .order-lg-5 { order: 5 } .order-lg-6 { order: 6 } .order-lg-7 { order: 7 } .order-lg-8 { order: 8 } .order-lg-9 { order: 9 } .order-lg-10 { order: 10 } .order-lg-11 { order: 11 } .order-lg-12 { order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.3333333333% } .offset-lg-2 { margin-left: 16.6666666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.3333333333% } .offset-lg-5 { margin-left: 41.6666666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.3333333333% } .offset-lg-8 { margin-left: 66.6666666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.3333333333% } .offset-lg-11 { margin-left: 91.6666666667% } } @media (min-width:1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100% } .row-cols-xl-1>* { flex: 0 0 100%; max-width: 100% } .row-cols-xl-2>* { flex: 0 0 50%; max-width: 50% } .row-cols-xl-3>* { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .row-cols-xl-4>* { flex: 0 0 25%; max-width: 25% } .row-cols-xl-5>* { flex: 0 0 20%; max-width: 20% } .row-cols-xl-6>* { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xl-3 { flex: 0 0 25%; max-width: 25% } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-xl-6 { flex: 0 0 50%; max-width: 50% } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-xl-9 { flex: 0 0 75%; max-width: 75% } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-xl-12 { flex: 0 0 100%; max-width: 100% } .order-xl-first { order: -1 } .order-xl-last { order: 13 } .order-xl-0 { order: 0 } .order-xl-1 { order: 1 } .order-xl-2 { order: 2 } .order-xl-3 { order: 3 } .order-xl-4 { order: 4 } .order-xl-5 { order: 5 } .order-xl-6 { order: 6 } .order-xl-7 { order: 7 } .order-xl-8 { order: 8 } .order-xl-9 { order: 9 } .order-xl-10 { order: 10 } .order-xl-11 { order: 11 } .order-xl-12 { order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.3333333333% } .offset-xl-2 { margin-left: 16.6666666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.3333333333% } .offset-xl-5 { margin-left: 41.6666666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.3333333333% } .offset-xl-8 { margin-left: 66.6666666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.3333333333% } .offset-xl-11 { margin-left: 91.6666666667% } } .d-none { display: none!important } .d-inline { display: inline!important } .d-inline-block { display: inline-block!important } .d-block { display: block!important } .d-table { display: table!important } .d-table-row { display: table-row!important } .d-table-cell { display: table-cell!important } .d-flex { display: flex!important } .d-inline-flex { display: inline-flex!important } @media (min-width:576px) { .d-sm-none { display: none!important } .d-sm-inline { display: inline!important } .d-sm-inline-block { display: inline-block!important } .d-sm-block { display: block!important } .d-sm-table { display: table!important } .d-sm-table-row { display: table-row!important } .d-sm-table-cell { display: table-cell!important } .d-sm-flex { display: flex!important } .d-sm-inline-flex { display: inline-flex!important } } @media (min-width:768px) { .d-md-none { display: none!important } .d-md-inline { display: inline!important } .d-md-inline-block { display: inline-block!important } .d-md-block { display: block!important } .d-md-table { display: table!important } .d-md-table-row { display: table-row!important } .d-md-table-cell { display: table-cell!important } .d-md-flex { display: flex!important } .d-md-inline-flex { display: inline-flex!important } } @media (min-width:992px) { .d-lg-none { display: none!important } .d-lg-inline { display: inline!important } .d-lg-inline-block { display: inline-block!important } .d-lg-block { display: block!important } .d-lg-table { display: table!important } .d-lg-table-row { display: table-row!important } .d-lg-table-cell { display: table-cell!important } .d-lg-flex { display: flex!important } .d-lg-inline-flex { display: inline-flex!important } } @media (min-width:1200px) { .d-xl-none { display: none!important } .d-xl-inline { display: inline!important } .d-xl-inline-block { display: inline-block!important } .d-xl-block { display: block!important } .d-xl-table { display: table!important } .d-xl-table-row { display: table-row!important } .d-xl-table-cell { display: table-cell!important } .d-xl-flex { display: flex!important } .d-xl-inline-flex { display: inline-flex!important } } @media print { .d-print-none { display: none!important } .d-print-inline { display: inline!important } .d-print-inline-block { display: inline-block!important } .d-print-block { display: block!important } .d-print-table { display: table!important } .d-print-table-row { display: table-row!important } .d-print-table-cell { display: table-cell!important } .d-print-flex { display: flex!important } .d-print-inline-flex { display: inline-flex!important } } .flex-row { flex-direction: row!important } .flex-column { flex-direction: column!important } .flex-row-reverse { flex-direction: row-reverse!important } .flex-column-reverse { flex-direction: column-reverse!important } .flex-wrap { flex-wrap: wrap!important } .flex-nowrap { flex-wrap: nowrap!important } .flex-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-fill { flex: 1 1 auto!important } .flex-grow-0 { flex-grow: 0!important } .flex-grow-1 { flex-grow: 1!important } .flex-shrink-0 { flex-shrink: 0!important } .flex-shrink-1 { flex-shrink: 1!important } .justify-content-start { justify-content: flex-start!important } .justify-content-end { justify-content: flex-end!important } .justify-content-center { justify-content: center!important } .justify-content-between { justify-content: space-between!important } .justify-content-around { justify-content: space-around!important } .align-items-start { align-items: flex-start!important } .align-items-end { align-items: flex-end!important } .align-items-center { align-items: center!important } .align-items-baseline { align-items: baseline!important } .align-items-stretch { align-items: stretch!important } .align-content-start { align-content: flex-start!important } .align-content-end { align-content: flex-end!important } .align-content-center { align-content: center!important } .align-content-between { align-content: space-between!important } .align-content-around { align-content: space-around!important } .align-content-stretch { align-content: stretch!important } .align-self-auto { align-self: auto!important } .align-self-start { align-self: flex-start!important } .align-self-end { align-self: flex-end!important } .align-self-center { align-self: center!important } .align-self-baseline { align-self: baseline!important } .align-self-stretch { align-self: stretch!important } @media (min-width:576px) { .flex-sm-row { flex-direction: row!important } .flex-sm-column { flex-direction: column!important } .flex-sm-row-reverse { flex-direction: row-reverse!important } .flex-sm-column-reverse { flex-direction: column-reverse!important } .flex-sm-wrap { flex-wrap: wrap!important } .flex-sm-nowrap { flex-wrap: nowrap!important } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-sm-fill { flex: 1 1 auto!important } .flex-sm-grow-0 { flex-grow: 0!important } .flex-sm-grow-1 { flex-grow: 1!important } .flex-sm-shrink-0 { flex-shrink: 0!important } .flex-sm-shrink-1 { flex-shrink: 1!important } .justify-content-sm-start { justify-content: flex-start!important } .justify-content-sm-end { justify-content: flex-end!important } .justify-content-sm-center { justify-content: center!important } .justify-content-sm-between { justify-content: space-between!important } .justify-content-sm-around { justify-content: space-around!important } .align-items-sm-start { align-items: flex-start!important } .align-items-sm-end { align-items: flex-end!important } .align-items-sm-center { align-items: center!important } .align-items-sm-baseline { align-items: baseline!important } .align-items-sm-stretch { align-items: stretch!important } .align-content-sm-start { align-content: flex-start!important } .align-content-sm-end { align-content: flex-end!important } .align-content-sm-center { align-content: center!important } .align-content-sm-between { align-content: space-between!important } .align-content-sm-around { align-content: space-around!important } .align-content-sm-stretch { align-content: stretch!important } .align-self-sm-auto { align-self: auto!important } .align-self-sm-start { align-self: flex-start!important } .align-self-sm-end { align-self: flex-end!important } .align-self-sm-center { align-self: center!important } .align-self-sm-baseline { align-self: baseline!important } .align-self-sm-stretch { align-self: stretch!important } } @media (min-width:768px) { .flex-md-row { flex-direction: row!important } .flex-md-column { flex-direction: column!important } .flex-md-row-reverse { flex-direction: row-reverse!important } .flex-md-column-reverse { flex-direction: column-reverse!important } .flex-md-wrap { flex-wrap: wrap!important } .flex-md-nowrap { flex-wrap: nowrap!important } .flex-md-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-md-fill { flex: 1 1 auto!important } .flex-md-grow-0 { flex-grow: 0!important } .flex-md-grow-1 { flex-grow: 1!important } .flex-md-shrink-0 { flex-shrink: 0!important } .flex-md-shrink-1 { flex-shrink: 1!important } .justify-content-md-start { justify-content: flex-start!important } .justify-content-md-end { justify-content: flex-end!important } .justify-content-md-center { justify-content: center!important } .justify-content-md-between { justify-content: space-between!important } .justify-content-md-around { justify-content: space-around!important } .align-items-md-start { align-items: flex-start!important } .align-items-md-end { align-items: flex-end!important } .align-items-md-center { align-items: center!important } .align-items-md-baseline { align-items: baseline!important } .align-items-md-stretch { align-items: stretch!important } .align-content-md-start { align-content: flex-start!important } .align-content-md-end { align-content: flex-end!important } .align-content-md-center { align-content: center!important } .align-content-md-between { align-content: space-between!important } .align-content-md-around { align-content: space-around!important } .align-content-md-stretch { align-content: stretch!important } .align-self-md-auto { align-self: auto!important } .align-self-md-start { align-self: flex-start!important } .align-self-md-end { align-self: flex-end!important } .align-self-md-center { align-self: center!important } .align-self-md-baseline { align-self: baseline!important } .align-self-md-stretch { align-self: stretch!important } } @media (min-width:992px) { .flex-lg-row { flex-direction: row!important } .flex-lg-column { flex-direction: column!important } .flex-lg-row-reverse { flex-direction: row-reverse!important } .flex-lg-column-reverse { flex-direction: column-reverse!important } .flex-lg-wrap { flex-wrap: wrap!important } .flex-lg-nowrap { flex-wrap: nowrap!important } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-lg-fill { flex: 1 1 auto!important } .flex-lg-grow-0 { flex-grow: 0!important } .flex-lg-grow-1 { flex-grow: 1!important } .flex-lg-shrink-0 { flex-shrink: 0!important } .flex-lg-shrink-1 { flex-shrink: 1!important } .justify-content-lg-start { justify-content: flex-start!important } .justify-content-lg-end { justify-content: flex-end!important } .justify-content-lg-center { justify-content: center!important } .justify-content-lg-between { justify-content: space-between!important } .justify-content-lg-around { justify-content: space-around!important } .align-items-lg-start { align-items: flex-start!important } .align-items-lg-end { align-items: flex-end!important } .align-items-lg-center { align-items: center!important } .align-items-lg-baseline { align-items: baseline!important } .align-items-lg-stretch { align-items: stretch!important } .align-content-lg-start { align-content: flex-start!important } .align-content-lg-end { align-content: flex-end!important } .align-content-lg-center { align-content: center!important } .align-content-lg-between { align-content: space-between!important } .align-content-lg-around { align-content: space-around!important } .align-content-lg-stretch { align-content: stretch!important } .align-self-lg-auto { align-self: auto!important } .align-self-lg-start { align-self: flex-start!important } .align-self-lg-end { align-self: flex-end!important } .align-self-lg-center { align-self: center!important } .align-self-lg-baseline { align-self: baseline!important } .align-self-lg-stretch { align-self: stretch!important } } @media (min-width:1200px) { .flex-xl-row { flex-direction: row!important } .flex-xl-column { flex-direction: column!important } .flex-xl-row-reverse { flex-direction: row-reverse!important } .flex-xl-column-reverse { flex-direction: column-reverse!important } .flex-xl-wrap { flex-wrap: wrap!important } .flex-xl-nowrap { flex-wrap: nowrap!important } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse!important } .flex-xl-fill { flex: 1 1 auto!important } .flex-xl-grow-0 { flex-grow: 0!important } .flex-xl-grow-1 { flex-grow: 1!important } .flex-xl-shrink-0 { flex-shrink: 0!important } .flex-xl-shrink-1 { flex-shrink: 1!important } .justify-content-xl-start { justify-content: flex-start!important } .justify-content-xl-end { justify-content: flex-end!important } .justify-content-xl-center { justify-content: center!important } .justify-content-xl-between { justify-content: space-between!important } .justify-content-xl-around { justify-content: space-around!important } .align-items-xl-start { align-items: flex-start!important } .align-items-xl-end { align-items: flex-end!important } .align-items-xl-center { align-items: center!important } .align-items-xl-baseline { align-items: baseline!important } .align-items-xl-stretch { align-items: stretch!important } .align-content-xl-start { align-content: flex-start!important } .align-content-xl-end { align-content: flex-end!important } .align-content-xl-center { align-content: center!important } .align-content-xl-between { align-content: space-between!important } .align-content-xl-around { align-content: space-around!important } .align-content-xl-stretch { align-content: stretch!important } .align-self-xl-auto { align-self: auto!important } .align-self-xl-start { align-self: flex-start!important } .align-self-xl-end { align-self: flex-end!important } .align-self-xl-center { align-self: center!important } .align-self-xl-baseline { align-self: baseline!important } .align-self-xl-stretch { align-self: stretch!important } } .m-0 { margin: 0!important } .mt-0, .my-0 { margin-top: 0!important } .mr-0, .mx-0 { margin-right: 0!important } .mb-0, .my-0 { margin-bottom: 0!important } .ml-0, .mx-0 { margin-left: 0!important } .m-1 { margin: .25rem!important } .mt-1, .my-1 { margin-top: .25rem!important } .mr-1, .mx-1 { margin-right: .25rem!important } .mb-1, .my-1 { margin-bottom: .25rem!important } .ml-1, .mx-1 { margin-left: .25rem!important } .m-2 { margin: .5rem!important } .mt-2, .my-2 { margin-top: .5rem!important } .mr-2, .mx-2 { margin-right: .5rem!important } .mb-2, .my-2 { margin-bottom: .5rem!important } .ml-2, .mx-2 { margin-left: .5rem!important } .m-3 { margin: 1rem!important } .mt-3, .my-3 { margin-top: 1rem!important } .mr-3, .mx-3 { margin-right: 1rem!important } .mb-3, .my-3 { margin-bottom: 1rem!important } .ml-3, .mx-3 { margin-left: 1rem!important } .m-4 { margin: 1.5rem!important } .mt-4, .my-4 { margin-top: 1.5rem!important } .mr-4, .mx-4 { margin-right: 1.5rem!important } .mb-4, .my-4 { margin-bottom: 1.5rem!important } .ml-4, .mx-4 { margin-left: 1.5rem!important } .m-5 { margin: 3rem!important } .mt-5, .my-5 { margin-top: 3rem!important } .mr-5, .mx-5 { margin-right: 3rem!important } .mb-5, .my-5 { margin-bottom: 3rem!important } .ml-5, .mx-5 { margin-left: 3rem!important } .p-0 { padding: 0!important } .pt-0, .py-0 { padding-top: 0!important } .pr-0, .px-0 { padding-right: 0!important } .pb-0, .py-0 { padding-bottom: 0!important } .pl-0, .px-0 { padding-left: 0!important } .p-1 { padding: .25rem!important } .pt-1, .py-1 { padding-top: .25rem!important } .pr-1, .px-1 { padding-right: .25rem!important } .pb-1, .py-1 { padding-bottom: .25rem!important } .pl-1, .px-1 { padding-left: .25rem!important } .p-2 { padding: .5rem!important } .pt-2, .py-2 { padding-top: .5rem!important } .pr-2, .px-2 { padding-right: .5rem!important } .pb-2, .py-2 { padding-bottom: .5rem!important } .pl-2, .px-2 { padding-left: .5rem!important } .p-3 { padding: 1rem!important } .pt-3, .py-3 { padding-top: 1rem!important } .pr-3, .px-3 { padding-right: 1rem!important } .pb-3, .py-3 { padding-bottom: 1rem!important } .pl-3, .px-3 { padding-left: 1rem!important } .p-4 { padding: 1.5rem!important } .pt-4, .py-4 { padding-top: 1.5rem!important } .pr-4, .px-4 { padding-right: 1.5rem!important } .pb-4, .py-4 { padding-bottom: 1.5rem!important } .pl-4, .px-4 { padding-left: 1.5rem!important } .p-5 { padding: 3rem!important } .pt-5, .py-5 { padding-top: 3rem!important } .pr-5, .px-5 { padding-right: 3rem!important } .pb-5, .py-5 { padding-bottom: 3rem!important } .pl-5, .px-5 { padding-left: 3rem!important } .m-n1 { margin: -.25rem!important } .mt-n1, .my-n1 { margin-top: -.25rem!important } .mr-n1, .mx-n1 { margin-right: -.25rem!important } .mb-n1, .my-n1 { margin-bottom: -.25rem!important } .ml-n1, .mx-n1 { margin-left: -.25rem!important } .m-n2 { margin: -.5rem!important } .mt-n2, .my-n2 { margin-top: -.5rem!important } .mr-n2, .mx-n2 { margin-right: -.5rem!important } .mb-n2, .my-n2 { margin-bottom: -.5rem!important } .ml-n2, .mx-n2 { margin-left: -.5rem!important } .m-n3 { margin: -1rem!important } .mt-n3, .my-n3 { margin-top: -1rem!important } .mr-n3, .mx-n3 { margin-right: -1rem!important } .mb-n3, .my-n3 { margin-bottom: -1rem!important } .ml-n3, .mx-n3 { margin-left: -1rem!important } .m-n4 { margin: -1.5rem!important } .mt-n4, .my-n4 { margin-top: -1.5rem!important } .mr-n4, .mx-n4 { margin-right: -1.5rem!important } .mb-n4, .my-n4 { margin-bottom: -1.5rem!important } .ml-n4, .mx-n4 { margin-left: -1.5rem!important } .m-n5 { margin: -3rem!important } .mt-n5, .my-n5 { margin-top: -3rem!important } .mr-n5, .mx-n5 { margin-right: -3rem!important } .mb-n5, .my-n5 { margin-bottom: -3rem!important } .ml-n5, .mx-n5 { margin-left: -3rem!important } .m-auto { margin: auto!important } .mt-auto, .my-auto { margin-top: auto!important } .mr-auto, .mx-auto { margin-right: auto!important } .mb-auto, .my-auto { margin-bottom: auto!important } .ml-auto, .mx-auto { margin-left: auto!important } @media (min-width:576px) { .m-sm-0 { margin: 0!important } .mt-sm-0, .my-sm-0 { margin-top: 0!important } .mr-sm-0, .mx-sm-0 { margin-right: 0!important } .mb-sm-0, .my-sm-0 { margin-bottom: 0!important } .ml-sm-0, .mx-sm-0 { margin-left: 0!important } .m-sm-1 { margin: .25rem!important } .mt-sm-1, .my-sm-1 { margin-top: .25rem!important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem!important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem!important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem!important } .m-sm-2 { margin: .5rem!important } .mt-sm-2, .my-sm-2 { margin-top: .5rem!important } .mr-sm-2, .mx-sm-2 { margin-right: .5rem!important } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem!important } .ml-sm-2, .mx-sm-2 { margin-left: .5rem!important } .m-sm-3 { margin: 1rem!important } .mt-sm-3, .my-sm-3 { margin-top: 1rem!important } .mr-sm-3, .mx-sm-3 { margin-right: 1rem!important } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem!important } .ml-sm-3, .mx-sm-3 { margin-left: 1rem!important } .m-sm-4 { margin: 1.5rem!important } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem!important } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem!important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem!important } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem!important } .m-sm-5 { margin: 3rem!important } .mt-sm-5, .my-sm-5 { margin-top: 3rem!important } .mr-sm-5, .mx-sm-5 { margin-right: 3rem!important } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem!important } .ml-sm-5, .mx-sm-5 { margin-left: 3rem!important } .p-sm-0 { padding: 0!important } .pt-sm-0, .py-sm-0 { padding-top: 0!important } .pr-sm-0, .px-sm-0 { padding-right: 0!important } .pb-sm-0, .py-sm-0 { padding-bottom: 0!important } .pl-sm-0, .px-sm-0 { padding-left: 0!important } .p-sm-1 { padding: .25rem!important } .pt-sm-1, .py-sm-1 { padding-top: .25rem!important } .pr-sm-1, .px-sm-1 { padding-right: .25rem!important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem!important } .pl-sm-1, .px-sm-1 { padding-left: .25rem!important } .p-sm-2 { padding: .5rem!important } .pt-sm-2, .py-sm-2 { padding-top: .5rem!important } .pr-sm-2, .px-sm-2 { padding-right: .5rem!important } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem!important } .pl-sm-2, .px-sm-2 { padding-left: .5rem!important } .p-sm-3 { padding: 1rem!important } .pt-sm-3, .py-sm-3 { padding-top: 1rem!important } .pr-sm-3, .px-sm-3 { padding-right: 1rem!important } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem!important } .pl-sm-3, .px-sm-3 { padding-left: 1rem!important } .p-sm-4 { padding: 1.5rem!important } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem!important } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem!important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem!important } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem!important } .p-sm-5 { padding: 3rem!important } .pt-sm-5, .py-sm-5 { padding-top: 3rem!important } .pr-sm-5, .px-sm-5 { padding-right: 3rem!important } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem!important } .pl-sm-5, .px-sm-5 { padding-left: 3rem!important } .m-sm-n1 { margin: -.25rem!important } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem!important } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem!important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem!important } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem!important } .m-sm-n2 { margin: -.5rem!important } .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem!important } .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem!important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem!important } .ml-sm-n2, .mx-sm-n2 { margin-left: -.5rem!important } .m-sm-n3 { margin: -1rem!important } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem!important } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem!important } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem!important } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem!important } .m-sm-n4 { margin: -1.5rem!important } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem!important } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem!important } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem!important } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem!important } .m-sm-n5 { margin: -3rem!important } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem!important } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem!important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem!important } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem!important } .m-sm-auto { margin: auto!important } .mt-sm-auto, .my-sm-auto { margin-top: auto!important } .mr-sm-auto, .mx-sm-auto { margin-right: auto!important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto!important } .ml-sm-auto, .mx-sm-auto { margin-left: auto!important } } @media (min-width:768px) { .m-md-0 { margin: 0!important } .mt-md-0, .my-md-0 { margin-top: 0!important } .mr-md-0, .mx-md-0 { margin-right: 0!important } .mb-md-0, .my-md-0 { margin-bottom: 0!important } .ml-md-0, .mx-md-0 { margin-left: 0!important } .m-md-1 { margin: .25rem!important } .mt-md-1, .my-md-1 { margin-top: .25rem!important } .mr-md-1, .mx-md-1 { margin-right: .25rem!important } .mb-md-1, .my-md-1 { margin-bottom: .25rem!important } .ml-md-1, .mx-md-1 { margin-left: .25rem!important } .m-md-2 { margin: .5rem!important } .mt-md-2, .my-md-2 { margin-top: .5rem!important } .mr-md-2, .mx-md-2 { margin-right: .5rem!important } .mb-md-2, .my-md-2 { margin-bottom: .5rem!important } .ml-md-2, .mx-md-2 { margin-left: .5rem!important } .m-md-3 { margin: 1rem!important } .mt-md-3, .my-md-3 { margin-top: 1rem!important } .mr-md-3, .mx-md-3 { margin-right: 1rem!important } .mb-md-3, .my-md-3 { margin-bottom: 1rem!important } .ml-md-3, .mx-md-3 { margin-left: 1rem!important } .m-md-4 { margin: 1.5rem!important } .mt-md-4, .my-md-4 { margin-top: 1.5rem!important } .mr-md-4, .mx-md-4 { margin-right: 1.5rem!important } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem!important } .ml-md-4, .mx-md-4 { margin-left: 1.5rem!important } .m-md-5 { margin: 3rem!important } .mt-md-5, .my-md-5 { margin-top: 3rem!important } .mr-md-5, .mx-md-5 { margin-right: 3rem!important } .mb-md-5, .my-md-5 { margin-bottom: 3rem!important } .ml-md-5, .mx-md-5 { margin-left: 3rem!important } .p-md-0 { padding: 0!important } .pt-md-0, .py-md-0 { padding-top: 0!important } .pr-md-0, .px-md-0 { padding-right: 0!important } .pb-md-0, .py-md-0 { padding-bottom: 0!important } .pl-md-0, .px-md-0 { padding-left: 0!important } .p-md-1 { padding: .25rem!important } .pt-md-1, .py-md-1 { padding-top: .25rem!important } .pr-md-1, .px-md-1 { padding-right: .25rem!important } .pb-md-1, .py-md-1 { padding-bottom: .25rem!important } .pl-md-1, .px-md-1 { padding-left: .25rem!important } .p-md-2 { padding: .5rem!important } .pt-md-2, .py-md-2 { padding-top: .5rem!important } .pr-md-2, .px-md-2 { padding-right: .5rem!important } .pb-md-2, .py-md-2 { padding-bottom: .5rem!important } .pl-md-2, .px-md-2 { padding-left: .5rem!important } .p-md-3 { padding: 1rem!important } .pt-md-3, .py-md-3 { padding-top: 1rem!important } .pr-md-3, .px-md-3 { padding-right: 1rem!important } .pb-md-3, .py-md-3 { padding-bottom: 1rem!important } .pl-md-3, .px-md-3 { padding-left: 1rem!important } .p-md-4 { padding: 1.5rem!important } .pt-md-4, .py-md-4 { padding-top: 1.5rem!important } .pr-md-4, .px-md-4 { padding-right: 1.5rem!important } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem!important } .pl-md-4, .px-md-4 { padding-left: 1.5rem!important } .p-md-5 { padding: 3rem!important } .pt-md-5, .py-md-5 { padding-top: 3rem!important } .pr-md-5, .px-md-5 { padding-right: 3rem!important } .pb-md-5, .py-md-5 { padding-bottom: 3rem!important } .pl-md-5, .px-md-5 { padding-left: 3rem!important } .m-md-n1 { margin: -.25rem!important } .mt-md-n1, .my-md-n1 { margin-top: -.25rem!important } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem!important } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem!important } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem!important } .m-md-n2 { margin: -.5rem!important } .mt-md-n2, .my-md-n2 { margin-top: -.5rem!important } .mr-md-n2, .mx-md-n2 { margin-right: -.5rem!important } .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem!important } .ml-md-n2, .mx-md-n2 { margin-left: -.5rem!important } .m-md-n3 { margin: -1rem!important } .mt-md-n3, .my-md-n3 { margin-top: -1rem!important } .mr-md-n3, .mx-md-n3 { margin-right: -1rem!important } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem!important } .ml-md-n3, .mx-md-n3 { margin-left: -1rem!important } .m-md-n4 { margin: -1.5rem!important } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem!important } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem!important } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem!important } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem!important } .m-md-n5 { margin: -3rem!important } .mt-md-n5, .my-md-n5 { margin-top: -3rem!important } .mr-md-n5, .mx-md-n5 { margin-right: -3rem!important } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem!important } .ml-md-n5, .mx-md-n5 { margin-left: -3rem!important } .m-md-auto { margin: auto!important } .mt-md-auto, .my-md-auto { margin-top: auto!important } .mr-md-auto, .mx-md-auto { margin-right: auto!important } .mb-md-auto, .my-md-auto { margin-bottom: auto!important } .ml-md-auto, .mx-md-auto { margin-left: auto!important } } @media (min-width:992px) { .m-lg-0 { margin: 0!important } .mt-lg-0, .my-lg-0 { margin-top: 0!important } .mr-lg-0, .mx-lg-0 { margin-right: 0!important } .mb-lg-0, .my-lg-0 { margin-bottom: 0!important } .ml-lg-0, .mx-lg-0 { margin-left: 0!important } .m-lg-1 { margin: .25rem!important } .mt-lg-1, .my-lg-1 { margin-top: .25rem!important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem!important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem!important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem!important } .m-lg-2 { margin: .5rem!important } .mt-lg-2, .my-lg-2 { margin-top: .5rem!important } .mr-lg-2, .mx-lg-2 { margin-right: .5rem!important } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem!important } .ml-lg-2, .mx-lg-2 { margin-left: .5rem!important } .m-lg-3 { margin: 1rem!important } .mt-lg-3, .my-lg-3 { margin-top: 1rem!important } .mr-lg-3, .mx-lg-3 { margin-right: 1rem!important } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem!important } .ml-lg-3, .mx-lg-3 { margin-left: 1rem!important } .m-lg-4 { margin: 1.5rem!important } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem!important } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem!important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem!important } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem!important } .m-lg-5 { margin: 3rem!important } .mt-lg-5, .my-lg-5 { margin-top: 3rem!important } .mr-lg-5, .mx-lg-5 { margin-right: 3rem!important } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem!important } .ml-lg-5, .mx-lg-5 { margin-left: 3rem!important } .p-lg-0 { padding: 0!important } .pt-lg-0, .py-lg-0 { padding-top: 0!important } .pr-lg-0, .px-lg-0 { padding-right: 0!important } .pb-lg-0, .py-lg-0 { padding-bottom: 0!important } .pl-lg-0, .px-lg-0 { padding-left: 0!important } .p-lg-1 { padding: .25rem!important } .pt-lg-1, .py-lg-1 { padding-top: .25rem!important } .pr-lg-1, .px-lg-1 { padding-right: .25rem!important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem!important } .pl-lg-1, .px-lg-1 { padding-left: .25rem!important } .p-lg-2 { padding: .5rem!important } .pt-lg-2, .py-lg-2 { padding-top: .5rem!important } .pr-lg-2, .px-lg-2 { padding-right: .5rem!important } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem!important } .pl-lg-2, .px-lg-2 { padding-left: .5rem!important } .p-lg-3 { padding: 1rem!important } .pt-lg-3, .py-lg-3 { padding-top: 1rem!important } .pr-lg-3, .px-lg-3 { padding-right: 1rem!important } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem!important } .pl-lg-3, .px-lg-3 { padding-left: 1rem!important } .p-lg-4 { padding: 1.5rem!important } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem!important } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem!important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem!important } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem!important } .p-lg-5 { padding: 3rem!important } .pt-lg-5, .py-lg-5 { padding-top: 3rem!important } .pr-lg-5, .px-lg-5 { padding-right: 3rem!important } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem!important } .pl-lg-5, .px-lg-5 { padding-left: 3rem!important } .m-lg-n1 { margin: -.25rem!important } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem!important } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem!important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem!important } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem!important } .m-lg-n2 { margin: -.5rem!important } .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem!important } .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem!important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem!important } .ml-lg-n2, .mx-lg-n2 { margin-left: -.5rem!important } .m-lg-n3 { margin: -1rem!important } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem!important } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem!important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem!important } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem!important } .m-lg-n4 { margin: -1.5rem!important } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem!important } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem!important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem!important } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem!important } .m-lg-n5 { margin: -3rem!important } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem!important } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem!important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem!important } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem!important } .m-lg-auto { margin: auto!important } .mt-lg-auto, .my-lg-auto { margin-top: auto!important } .mr-lg-auto, .mx-lg-auto { margin-right: auto!important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto!important } .ml-lg-auto, .mx-lg-auto { margin-left: auto!important } } @media (min-width:1200px) { .m-xl-0 { margin: 0!important } .mt-xl-0, .my-xl-0 { margin-top: 0!important } .mr-xl-0, .mx-xl-0 { margin-right: 0!important } .mb-xl-0, .my-xl-0 { margin-bottom: 0!important } .ml-xl-0, .mx-xl-0 { margin-left: 0!important } .m-xl-1 { margin: .25rem!important } .mt-xl-1, .my-xl-1 { margin-top: .25rem!important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem!important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem!important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem!important } .m-xl-2 { margin: .5rem!important } .mt-xl-2, .my-xl-2 { margin-top: .5rem!important } .mr-xl-2, .mx-xl-2 { margin-right: .5rem!important } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem!important } .ml-xl-2, .mx-xl-2 { margin-left: .5rem!important } .m-xl-3 { margin: 1rem!important } .mt-xl-3, .my-xl-3 { margin-top: 1rem!important } .mr-xl-3, .mx-xl-3 { margin-right: 1rem!important } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem!important } .ml-xl-3, .mx-xl-3 { margin-left: 1rem!important } .m-xl-4 { margin: 1.5rem!important } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem!important } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem!important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem!important } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem!important } .m-xl-5 { margin: 3rem!important } .mt-xl-5, .my-xl-5 { margin-top: 3rem!important } .mr-xl-5, .mx-xl-5 { margin-right: 3rem!important } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem!important } .ml-xl-5, .mx-xl-5 { margin-left: 3rem!important } .p-xl-0 { padding: 0!important } .pt-xl-0, .py-xl-0 { padding-top: 0!important } .pr-xl-0, .px-xl-0 { padding-right: 0!important } .pb-xl-0, .py-xl-0 { padding-bottom: 0!important } .pl-xl-0, .px-xl-0 { padding-left: 0!important } .p-xl-1 { padding: .25rem!important } .pt-xl-1, .py-xl-1 { padding-top: .25rem!important } .pr-xl-1, .px-xl-1 { padding-right: .25rem!important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem!important } .pl-xl-1, .px-xl-1 { padding-left: .25rem!important } .p-xl-2 { padding: .5rem!important } .pt-xl-2, .py-xl-2 { padding-top: .5rem!important } .pr-xl-2, .px-xl-2 { padding-right: .5rem!important } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem!important } .pl-xl-2, .px-xl-2 { padding-left: .5rem!important } .p-xl-3 { padding: 1rem!important } .pt-xl-3, .py-xl-3 { padding-top: 1rem!important } .pr-xl-3, .px-xl-3 { padding-right: 1rem!important } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem!important } .pl-xl-3, .px-xl-3 { padding-left: 1rem!important } .p-xl-4 { padding: 1.5rem!important } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem!important } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem!important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem!important } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem!important } .p-xl-5 { padding: 3rem!important } .pt-xl-5, .py-xl-5 { padding-top: 3rem!important } .pr-xl-5, .px-xl-5 { padding-right: 3rem!important } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem!important } .pl-xl-5, .px-xl-5 { padding-left: 3rem!important } .m-xl-n1 { margin: -.25rem!important } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem!important } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem!important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem!important } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem!important } .m-xl-n2 { margin: -.5rem!important } .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem!important } .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem!important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem!important } .ml-xl-n2, .mx-xl-n2 { margin-left: -.5rem!important } .m-xl-n3 { margin: -1rem!important } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem!important } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem!important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem!important } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem!important } .m-xl-n4 { margin: -1.5rem!important } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem!important } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem!important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem!important } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem!important } .m-xl-n5 { margin: -3rem!important } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem!important } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem!important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem!important } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem!important } .m-xl-auto { margin: auto!important } .mt-xl-auto, .my-xl-auto { margin-top: auto!important } .mr-xl-auto, .mx-xl-auto { margin-right: auto!important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto!important } .ml-xl-auto, .mx-xl-auto { margin-left: auto!important } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important } .text-justify { text-align: justify!important } .text-wrap { white-space: normal!important } .text-nowrap { white-space: nowrap!important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left!important } .text-right { text-align: right!important } .text-center { text-align: center!important } @media (min-width:576px) { .text-sm-left { text-align: left!important } .text-sm-right { text-align: right!important } .text-sm-center { text-align: center!important } } @media (min-width:768px) { .text-md-left { text-align: left!important } .text-md-right { text-align: right!important } .text-md-center { text-align: center!important } } @media (min-width:992px) { .text-lg-left { text-align: left!important } .text-lg-right { text-align: right!important } .text-lg-center { text-align: center!important } } @media (min-width:1200px) { .text-xl-left { text-align: left!important } .text-xl-right { text-align: right!important } .text-xl-center { text-align: center!important } } .text-lowercase { text-transform: lowercase!important } .text-uppercase { text-transform: uppercase!important } .text-capitalize { text-transform: capitalize!important } .font-weight-light { font-weight: 300!important } .font-weight-lighter { font-weight: lighter!important } .font-weight-normal { font-weight: 400!important } .font-weight-bold { font-weight: 700!important } .font-weight-bolder { font-weight: bolder!important } .font-italic { font-style: italic!important } .text-white { color: #fff!important } .text-primary { color: #007bff!important } a.text-primary:focus, a.text-primary:hover { color: #0056b3!important } .text-secondary { color: #6c757d!important } a.text-secondary:focus, a.text-secondary:hover { color: #494f54!important } .text-success { color: #28a745!important } a.text-success:focus, a.text-success:hover { color: #19692c!important } .text-info { color: #17a2b8!important } a.text-info:focus, a.text-info:hover { color: #0f6674!important } .text-warning { color: #ffc107!important } a.text-warning:focus, a.text-warning:hover { color: #ba8b00!important } .text-danger { color: #dc3545!important } a.text-danger:focus, a.text-danger:hover { color: #a71d2a!important } .text-light { color: #f8f9fa!important } a.text-light:focus, a.text-light:hover { color: #cbd3da!important } .text-dark { color: #343a40!important } a.text-dark:focus, a.text-dark:hover { color: #121416!important } .text-body { color: #212529!important } .text-muted { color: #6c757d!important } .text-black-50 { color: rgba(0, 0, 0, .5)!important } .text-white-50 { color: rgba(255, 255, 255, .5)!important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .text-decoration-none { text-decoration: none!important } .text-break { word-break: break-word!important; overflow-wrap: break-word!important } .text-reset { color: inherit!important } .w-25 { width: 25%!important } .w-50 { width: 50%!important } .w-75 { width: 75%!important } .w-100 { width: 100%!important } .w-auto { width: auto!important } .h-25 { height: 25%!important } .h-50 { height: 50%!important } .h-75 { height: 75%!important } .h-100 { height: 100%!important } .h-auto { height: auto!important } .mw-100 { max-width: 100%!important } .mh-100 { max-height: 100%!important } .min-vw-100 { min-width: 100vw!important } .min-vh-100 { min-height: 100vh!important } .vw-100 { width: 100vw!important } .vh-100 { height: 100vh!important } .position-static { position: static!important } .position-relative { position: relative!important } .position-absolute { position: absolute!important } .position-fixed { position: fixed!important } .position-sticky { position: sticky!important } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } @supports (position:sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020 } } .visible { visibility: visible!important } .invisible { visibility: hidden!important } .datepicker--cells { display: flex; flex-wrap: wrap } .datepicker--cell { border-radius: 4px; box-sizing: border-box; cursor: pointer; display: flex; position: relative; align-items: center; justify-content: center; height: 32px; z-index: 1 } .datepicker--cell.-focus- { background: #f0f0f0 } .datepicker--cell.-current- { color: #4eb5e6 } .datepicker--cell.-current-.-focus- { color: #4a4a4a } .datepicker--cell.-current-.-in-range- { color: #4eb5e6 } .datepicker--cell.-in-range- { background: rgba(92, 196, 239, .1); color: #4a4a4a; border-radius: 0 } .datepicker--cell.-in-range-.-focus- { background-color: rgba(92, 196, 239, .2) } .datepicker--cell.-disabled- { cursor: default; color: #aeaeae } .datepicker--cell.-disabled-.-focus- { color: #aeaeae } .datepicker--cell.-disabled-.-in-range- { color: #a1a1a1 } .datepicker--cell.-disabled-.-current-.-focus- { color: #aeaeae } .datepicker--cell.-range-from- { border: 1px solid rgba(92, 196, 239, .5); background-color: rgba(92, 196, 239, .1); border-radius: 4px 0 0 4px } .datepicker--cell.-range-to- { border: 1px solid rgba(92, 196, 239, .5); background-color: rgba(92, 196, 239, .1); border-radius: 0 4px 4px 0 } .datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- { color: #fff; background: #5cc4ef } .datepicker--cell.-range-from-.-range-to- { border-radius: 4px } .datepicker--cell.-selected- { border: none } .datepicker--cell.-selected-.-focus- { background: #45bced } .datepicker--cell:empty { cursor: default } .datepicker--days-names { display: flex; flex-wrap: wrap; margin: 8px 0 3px } .datepicker--day-name { color: #ff9a19; display: flex; align-items: center; justify-content: center; flex: 1; text-align: center; text-transform: uppercase; font-size: .8em } .-only-timepicker- .datepicker--content, .datepicker--body, .datepicker-inline .datepicker--pointer { display: none } .datepicker--cell-day { width: 14.28571% } .datepicker--cells-months { height: 170px } .datepicker--cell-month { width: 33.33%; height: 25% } .datepicker--cells-years, .datepicker--years { height: 170px } .datepicker--cell-year { width: 25%; height: 33.33% } .datepickers-container { position: absolute; left: 0; top: 0 } @media print { .datepickers-container { display: none } } .datepicker { background: #fff; border: 1px solid #dbdbdb; box-shadow: 0 4px 12px rgba(0, 0, 0, .15); border-radius: 4px; box-sizing: content-box; font-family: Tahoma, sans-serif; font-size: 14px; color: #4a4a4a; width: 250px; position: absolute; left: -100000px; opacity: 0; transition: opacity .3s ease, transform .3s ease, left 0s .3s; z-index: 100 } .datepicker.-from-top- { transform: translateY(-8px) } .datepicker.-from-right- { transform: translateX(8px) } .datepicker.-from-bottom- { transform: translateY(8px) } .datepicker.-from-left- { transform: translateX(-8px) } .datepicker.active { opacity: 1; transform: translate(0); transition: opacity .3s ease, transform .3s ease, left 0s 0s } .datepicker-inline .datepicker { border-color: #d7d7d7; box-shadow: none; position: static; left: auto; right: auto; opacity: 1; transform: none } .datepicker--content { box-sizing: content-box; padding: 4px } .datepicker--pointer { position: absolute; background: #fff; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 10px; height: 10px; z-index: -1 } .datepicker--nav-action:hover, .datepicker--nav-title:hover { background: #f0f0f0 } .-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer { top: calc(100% - 4px); transform: rotate(135deg) } .-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer { right: calc(100% - 4px); transform: rotate(225deg) } .-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer { bottom: calc(100% - 4px); transform: rotate(315deg) } .-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer { left: calc(100% - 4px); transform: rotate(45deg) } .-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer { left: 10px } .-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer { right: 10px } .-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer { left: calc(50% - 10px / 2) } .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { top: 10px } .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { bottom: 10px } .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { top: calc(50% - 10px / 2) } .datepicker--body.active { display: block } .datepicker--nav { display: flex; justify-content: space-between; border-bottom: 1px solid #efefef; min-height: 32px; padding: 4px } .-only-timepicker- .datepicker--nav { display: none } .datepicker--nav-action, .datepicker--nav-title { display: flex; cursor: pointer; align-items: center; justify-content: center } .datepicker--nav-action { width: 32px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .datepicker--nav-action.-disabled- { visibility: hidden } .datepicker--nav-action svg { width: 32px; height: 32px } .datepicker--nav-action path { fill: none; stroke: #9c9c9c; stroke-width: 2px } .datepicker--nav-title { border-radius: 4px; padding: 0 8px } .datepicker--buttons, .datepicker--time { border-top: 1px solid #efefef; padding: 4px } .datepicker--nav-title i { font-style: normal; color: #9c9c9c; margin-left: 5px } .datepicker--nav-title.-disabled- { cursor: default; background: 0 0 } .datepicker--buttons { display: flex } .datepicker--button { color: #4eb5e6; cursor: pointer; border-radius: 4px; flex: 1; display: inline-flex; justify-content: center; align-items: center; height: 32px } .datepicker--button:hover { color: #4a4a4a; background: #f0f0f0 } .datepicker--time { display: flex; align-items: center; position: relative } .datepicker--time.-am-pm- .datepicker--time-sliders { flex: 0 1 138px; max-width: 138px } .-only-timepicker- .datepicker--time { border-top: none } .datepicker--time-sliders { flex: 0 1 153px; margin-right: 10px; max-width: 153px } .datepicker--time-label { display: none; font-size: 12px } .datepicker--time-current { display: flex; align-items: center; flex: 1; font-size: 14px; text-align: center; margin: 0 0 0 10px } .datepicker--time-current-colon { margin: 0 2px 3px; line-height: 1 } .datepicker--time-current-hours, .datepicker--time-current-minutes { line-height: 1; font-size: 19px; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; position: relative; z-index: 1 } .datepicker--time-current-hours:after, .datepicker--time-current-minutes:after { content: ''; background: #f0f0f0; border-radius: 4px; position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0 } .datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after { opacity: 1 } .datepicker--time-current-ampm { text-transform: uppercase; align-self: flex-end; color: #9c9c9c; margin-left: 6px; font-size: 11px; margin-bottom: 1px } .datepicker--time-row { display: flex; align-items: center; font-size: 11px; height: 17px; background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat } .datepicker--time-row:first-child { margin-bottom: 4px } .datepicker--time-row input[type=range] { background: 0 0; cursor: pointer; flex: 1; height: 100%; padding: 0; margin: 0; -webkit-appearance: none } .datepicker--time-row input[type=range]::-ms-tooltip { display: none } .datepicker--time-row input[type=range]:hover::-webkit-slider-thumb { border-color: #b8b8b8 } .datepicker--time-row input[type=range]:hover::-moz-range-thumb { border-color: #b8b8b8 } .datepicker--time-row input[type=range]:hover::-ms-thumb { border-color: #b8b8b8 } .datepicker--time-row input[type=range]:focus { outline: 0 } .datepicker--time-row input[type=range]:focus::-webkit-slider-thumb { background: #5cc4ef; border-color: #5cc4ef } .datepicker--time-row input[type=range]:focus::-moz-range-thumb { background: #5cc4ef; border-color: #5cc4ef } .datepicker--time-row input[type=range]:focus::-ms-thumb { background: #5cc4ef; border-color: #5cc4ef } .datepicker--time-row input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -webkit-transition: background .2s; transition: background .2s; margin-top: -6px } .datepicker--time-row input[type=range]::-moz-range-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -moz-transition: background .2s; transition: background .2s } .datepicker--time-row input[type=range]::-ms-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; -ms-transition: background .2s; transition: background .2s } .datepicker--time-row input[type=range]::-webkit-slider-runnable-track { border: none; height: 1px; cursor: pointer; color: transparent; background: 0 0 } .datepicker--time-row input[type=range]::-moz-range-track { border: none; height: 1px; cursor: pointer; color: transparent; background: 0 0 } .datepicker--time-row input[type=range]::-ms-track { border: none; height: 1px; cursor: pointer; color: transparent; background: 0 0 } .datepicker--time-row input[type=range]::-ms-fill-lower { background: 0 0 } .datepicker--time-row input[type=range]::-ms-fill-upper { background: 0 0 } .datepicker--time-row span { padding: 0 12px } .datepicker--time-icon { color: #9c9c9c; border: 1px solid; border-radius: 50%; font-size: 16px; position: relative; margin: 0 5px -1px 0; width: 1em; height: 1em } .datepicker--time-icon:after, .datepicker--time-icon:before { content: ''; background: currentColor; position: absolute } .datepicker--time-icon:after { height: .4em; width: 1px; left: calc(50% - 1px); top: calc(50% + 1px); transform: translateY(-100%) } .datepicker--time-icon:before { width: .4em; height: 1px; top: calc(50% + 1px); left: calc(50% - 1px) } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5 } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6 } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4 } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, .1); color: #ccc } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, .2) } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: 0 0; border: none } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: .67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } [hidden], template { display: none } * { box-sizing: border-box; outline: 0; outline-width: 0 } body { overflow-x: hidden; font-family: Montserrat, sans-serif; font-size: 16px; color: #161616 } .osago_form-curve-arrow { width: 167px; height: 50px; transform: rotateX(0) rotateY(180deg) rotateZ(-76deg) } .news__title a:hover { text-decoration: underline } .car_brand .placeholder { font-weight: 600 } .car_model .placeholder { font-weight: 600 } .ss-main .ss-single-selected:hover { border: 1px solid #fc0!important } .profile-insurance-policies-item { margin-top: 40px } ul { list-style: none; padding-left: 0 } a { text-decoration: none } select.wide { width: 100% } button:focus { outline: 1px #009340 } .payment-way-footer_wrapper { text-align: center } .payment-way-footer { display: inline-block; width: 40px; margin: 10px auto } .ss-content .ss-search input { color: #000 } .ss-content .ss-list .ss-option { font-size: 14px } input[name=date_otk] { padding: 8px 16px } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: .67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { display: list-item } [hidden], template { display: none } * { box-sizing: border-box; outline: 0; outline-width: 0 } body { overflow-x: hidden; font-family: Montserrat, sans-serif; font-size: 16px; color: #000 } ul { list-style: none; padding-left: 0 } a { text-decoration: none } .container { max-width: 1760px; padding: 0 15px; margin: 0 auto } .wrapper { overflow: hidden; display: flex; flex-direction: column; height: 100%; min-height: 100vh } .content { flex-grow: 1 } .footer { z-index: 1 } @media (min-width:992px) { input::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } input:-moz-placeholder, input::-moz-placeholder { opacity: 1; -moz-transition: opacity .3s ease; transition: opacity .3s ease } input:-ms-input-placeholder { opacity: 1; -ms-transition: opacity .3s ease; transition: opacity .3s ease } input:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } input:focus:-moz-placeholder, input:focus::-moz-placeholder { opacity: 0; -moz-transition: opacity .3s ease; transition: opacity .3s ease } input:focus:-ms-input-placeholder { opacity: 0; -ms-transition: opacity .3s ease; transition: opacity .3s ease } } button, input { outline: 0 } button { border: none; background: 0 0 } .section { padding-top: 30px; padding-bottom: 30px } .no-scroll { overflow: hidden } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: 7; visibility: hidden; opacity: 0; transition: .3s } .overlay.active { visibility: visible; opacity: 1 } .btn-to-top { position: fixed; right: -100px; bottom: 26%; width: 40px; height: 40px; background: #000; color: #fff; font-size: 30px; text-align: center; cursor: pointer; transition: .6s } .btn-to-top:hover { background: rgba(0, 0, 0, .7) } .btn-to-top.active { right: 0; z-index: 2 } .tab, .tabs { overflow: hidden } .tabs-header button { position: relative } .tab-b, .tabcontent { display: none; border-top: none } .tab-b:first-child { display: flex } .tab-b, .tabcontent { -webkit-animation: fadeEffect 1.3s; animation: fadeEffect 1.3s } @-webkit-keyframes fadeEffect { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeEffect { 0% { opacity: 0 } to { opacity: 1 } } .container-radiobutton { position: relative; cursor: pointer; padding-left: 30px } .container-radiobutton:not(:last-child) { margin-bottom: 8px } .container-radiobutton input { position: absolute; opacity: 0; cursor: pointer } .checkmark-radiobutton { position: absolute; top: 0; left: 0; height: 16px; width: 16px; background-color: #fff; border-radius: 50%; border: 1px solid #cdcdcd } .container-radiobutton:hover input~.checkmark-radiobutton { background-color: #e0e0e0 } .checkmark-radiobutton:after { content: ""; position: absolute; display: none } .container-radiobutton input:checked~.checkmark-radiobutton:after { display: block } .container-radiobutton .checkmark-radiobutton:after { top: 4px; left: 4px; width: 6px; height: 6px; border-radius: 50%; background: #000 } .container-checkbox { position: relative; display: flex; align-items: center; padding-top: 3px; padding-left: 29px } .container-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 } .checkmark { position: relative; top: 2px; left: 0; height: 20px; width: 20px; background-color: #fff; border-radius: 2px; border: 1px solid rgba(50, 50, 50, .2) } .container-checkbox .checkmark:after { display: block; left: 6px; top: 2px; width: 4px; height: 9px; border: solid transparent; border-width: 0 1px 1px 0; transform: rotate(45deg) } .container-checkbox input:checked~.checkmark { background: #4067a3; border-radius: 2px } .checkmark:after { content: ""; position: absolute; display: none } .container-checkbox input:checked~.checkmark:after { display: block; border-color: #fff!important } .form-label__name { display: block; margin-bottom: 7px; color: #000 } .form-label__input { color: #000; border: 1px solid #000; box-sizing: border-box; border-radius: 4px; padding: 12px 16px; resize: none } .select-tourist-wrapper { display: flex; position: relative; height: 100%; max-width: 300px; margin: 0 auto } .select-tourist-wrapper .select-tourist-wrapper-input { display: flex; align-items: center; width: 100%; background-image: linear-gradient(180deg, rgba(255, 255, 255, .25) 0, rgba(255, 255, 255, 0)); background-repeat: repeat-x; background-color: #fff; border-radius: 6px; border: 2px solid rgba(0, 0, 0, .18); box-sizing: border-box; cursor: pointer; float: left; font-size: 14px; font-weight: 400; height: 42px; outline: 0; padding-left: 10px; padding-right: 10px; position: relative; text-align: left; transition: all .2s ease-in-out; white-space: nowrap; overflow-x: hidden } .select-tourist-wrapper .select-tourist-wrapper-input:hover { box-shadow: 0 5px 7px #ccc; opacity: .7 } .select-tourist-wrapper .select-tourist-wrapper-input .tourist-count { display: flex; align-items: center; position: relative; padding-right: 7px; font-weight: 700 } .select-tourist-wrapper .select-tourist-wrapper-input .tourist-count:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 1px; background-color: rgba(0, 0, 0, .2) } .select-tourist-wrapper .select-tourist-wrapper-input .tourist-years { display: flex; align-items: center; padding-left: 7px } .select-tourist-wrapper .add-block { position: absolute; background-color: #fff; top: 100%; left: 0; padding: 10px 11px; width: 100%; border: 1px solid #eee; box-shadow: 0 5px 7px #ccc; display: none } .select-tourist-wrapper .add-block.open { display: block; z-index: 20 } .select-tourist-wrapper .add-block-item { display: flex; align-items: center; margin-bottom: 10px } .select-tourist-wrapper .add-block-item .add-block-item-input-wrapper { display: flex; align-items: center; width: 60%; padding-bottom: 8px; border-bottom: 2px solid #e6e6e6; position: relative } .select-tourist-wrapper .add-block-item .add-block-item-input-wrapper:before { content: ""; width: 20px; height: 20px; position: absolute; top: calc(50% - 2px); left: 4px; transform: translateY(-50%); z-index: 1 } .select-tourist-wrapper .add-block-item .add-block-item-input-wrapper input { width: 100%; display: flex; font-size: 13px; align-items: center; position: relative; justify-content: center } .select-tourist-wrapper .add-block-item input::-moz-placeholder { color: #a70404; text-align: center } .select-tourist-wrapper .add-block-item input:-ms-input-placeholder { color: #a70404; text-align: center } .select-tourist-wrapper .add-block-item input::placeholder { color: #a70404; text-align: center } .select-tourist-wrapper .add-block-item .add-block-item-input-wrapper .name-age { display: block; padding-right: 6px; padding-left: 6px; font-size: 13px; margin-right: auto } .select-tourist-wrapper .add-block-item .add-block-item-input-wrapper .delete-item { margin-left: auto; font-size: 18px } .select-tourist-wrapper .add-block-item .add-block-item-input-wrapper .delete-item:hover { opacity: .7; cursor: pointer } .select-tourist-wrapper .add-block-item .add-block-item-input-wrapper .delete-item.dropdown.open, .select-tourist-wrapper .add-block-item .add-block-item-input-wrapper .delete-item:active { opacity: .3 } .select-tourist-wrapper .add-block-item .add-block-item-add-button { width: 40%; padding-left: 17px; display: flex; align-items: center; font-size: 11px; cursor: pointer; outline: 0; text-align: left } .select-tourist-wrapper .add-block-item .add-block-item-add-button:hover { opacity: .7 } .select-tourist-wrapper .add-block-item .add-block-item-add-button.dropdown.open, .select-tourist-wrapper .add-block-item .add-block-item-add-button:active { opacity: .3 } .select-tourist-wrapper .add-block-item .add-block-item-add-button img { margin-right: 6px } .warning-message { display: flex; justify-content: center; width: 100%; color: red; font-size: 12px } .header .header-top .container-select.container-select--lang .dropdown.wide.open .current { color: #000 } .city_search-block { position: relative } .button-submit-select-tourist { display: flex; justify-content: center; align-items: center; text-align: center; width: 150px; padding: 9px 13px; color: #fff; font-size: 15px; font-weight: 700; background-color: #00a045; margin: 0 auto; margin-top: 15px; cursor: pointer; border-radius: 4px } .button-submit-select-tourist:hover { background: #00ba51 } .input-loader { position: absolute; right: 22px; top: calc(28%) } .loader { position: relative; height: 20px; width: 20px; display: inline-block; -webkit-animation: around 5.4s infinite; animation: around 5.4s infinite } .rating:hover { cursor: pointer } .add-info .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item:not(:last-child) { margin-bottom: 15px } .add-info .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item { padding-bottom: 13px; border-bottom: 1px solid rgba(22, 22, 22, .2) } .add-info .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item__title { display: block; margin-bottom: 6px; font-size: 14px } .add-info .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item .calc-item-bottom-rating-list-item-info::before { content: ''; display: block; margin-right: 7px; max-width: 7px; min-width: 7px; max-height: 7px; min-height: 7px; border-radius: 50%; background: #009340 } .add-info .calc-item-bottom-rating .add-info .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item .calc-item-bottom-rating-list-item-info.good::before { background: #009340 } .add-info .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item .calc-item-bottom-rating-list-item-info.bad::before { background: red } .add-info .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item .calc-item-bottom-rating-list-item-info.middle::before { background: #fc0 } .add-info .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item .calc-item-bottom-rating-list-item-info { display: flex; align-items: center; position: relative } #order_place-form { margin-top: 10px } @-webkit-keyframes around { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } @keyframes around { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .loader::after, .loader::before { content: ""; background: #fff; position: absolute; display: inline-block; width: 100%; height: 100%; border-width: 2px; border-color: #333 #333 transparent transparent; border-style: solid; border-radius: 20px; box-sizing: border-box; top: 0; left: 0; -webkit-animation: around .7s ease-in-out infinite; animation: around .7s ease-in-out infinite } .loader::after { -webkit-animation: around .7s ease-in-out .1s infinite; animation: around .7s ease-in-out .1s infinite; background: 0 0 } .limit_program, .travel_sort, .type_program { display: block!important; text-transform: capitalize; border: 2px solid rgba(0, 0, 0, .18); font-weight: 500 } .search { position: relative } .preloader_text { display: block; position: relative; text-align: center; margin-top: 30px } .search_result { position: absolute; z-index: 30; background: #fff; border: 2px #fc0 solid; border-radius: 4px; max-height: 180px; overflow-y: scroll; margin-top: -3px; display: none; width: 100% } .search_result li { list-style: none; font-size: 15px; padding: 10px 10px; margin: 0; color: #000; border-bottom: 1px #ccc solid; cursor: pointer; transition: .3s } .search_result li:hover { background: #ececec } select:hover { cursor: pointer; border: 2px solid #fc0!important } .ocago_submit[disabled] { color: #777; background: linear-gradient(180deg, #a5a5a5 0, #a5a5a5 100%); border: 1px solid #9e9e9e; cursor: not-allowed } .number_input{ flex-shrink: 0; width: 60% !important; } input[disabled] { color: #ffffff; background: linear-gradient(180deg, #a5a5a5 0, #a5a5a5 100%); border: 2px solid #9e9e9e; cursor: not-allowed } .ocago_submit[disabled]:hover { color: #777!important } .ocago_submit[disabled]:hover::before { transform: scale(0); z-index: -1 } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } @-webkit-keyframes fa-spin { 0% { transform: rotate(0) } 100% { transform: rotate(359deg) } } @keyframes fa-spin { 0% { transform: rotate(0) } 100% { transform: rotate(359deg) } } select { border: solid 1px #eee; height: 42px; line-height: 42px; outline: 0; padding-left: 18px; padding-right: 30px; border-radius: 6px; font-weight: 500 } .car-form select{ border: 2px solid rgba(0, 0, 0, .18); } .has-error { color: #a30707; margin-top: 3px; display: flex; margin-right: 5px } .has-success{ color: #009340 ; margin-top: 3px; display: flex; margin-right: 5px } .ss-main .ss-single-selected { height: 42px } .modal-body .form { max-width: 600px; margin: 25px auto } .modal-body form { max-width: 600px; width: 90%; margin: 0 auto } #clock_notification .modal-window { padding-bottom: 0; max-width: 720px } .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } .toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close { margin-right: calc(-0.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word; } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { filter: var(--bs-btn-close-white-filter); } [data-bs-theme=dark] .btn-close { filter: var(--bs-btn-close-white-filter); } .modal-window { max-width: 720px!important } .pagination { display: flex; justify-content: center } .paging__item { display: flex; margin-right: 8px } .paging__item.active a, .paging__item.active span { background-color: #00b750; color: #fff } .paging__item a, .paging__item span { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; color: #000; transition: all .36s ease } .container { max-width: 1280px; padding: 0 15px; margin: 0 auto } .wrapper { overflow: hidden; display: flex; flex-direction: column; height: 100%; min-height: 100vh } .content { flex-grow: 1 } .footer { z-index: 1 } input::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } input::-moz-placeholder { opacity: 1; -moz-transition: opacity .3s ease; transition: opacity .3s ease } input:-moz-placeholder { opacity: 1; -moz-transition: opacity .3s ease; transition: opacity .3s ease } input:-ms-input-placeholder { opacity: 1; -ms-transition: opacity .3s ease; transition: opacity .3s ease } input:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } input:focus::-moz-placeholder { opacity: 0; -moz-transition: opacity .3s ease; transition: opacity .3s ease } input:focus:-moz-placeholder { opacity: 0; -moz-transition: opacity .3s ease; transition: opacity .3s ease } input:focus:-ms-input-placeholder { opacity: 0; -ms-transition: opacity .3s ease; transition: opacity .3s ease } input { outline: 0; color: #000 } input:focus, input:hover { border: 2px solid #fc0!important } input[name=number] { text-transform: uppercase } button { outline: 0; border: none; background: 0 0 } .section { padding-top: 40px; padding-bottom: 40px } @media (max-width:767px) { .section { padding-top: 20px; padding-bottom: 20px } } .main-title { margin: 0; margin-bottom: 47px; font-weight: 800; font-size: 36px; text-align: center; color: #161616 } @media (max-width:1280px) { .main-title { margin-bottom: 43px; font-size: 32px } } @media (max-width:991px) { .main-title { margin-bottom: 31px; font-size: 29px } } @media (max-width:767px) { .main-title { margin-bottom: 26px; font-size: 26px } } @media (max-width:580px) { .main-title { margin-bottom: 22px; font-size: 24px } } .middle-title { font-weight: 700; font-size: 30px; color: #161616; margin-bottom: 15px } @media (max-width:1280px) { .middle-title { font-size: 26px } } @media (max-width:991px) { .middle-title { font-size: 23px } } @media (max-width:767px) { .middle-title { font-size: 21px } } @media (max-width:580px) { .middle-title { font-size: 18px } .have-add-info .add-info { width: 220% } } .small-title { font-weight: 700; font-size: 21px; color: #161616; margin-bottom: 13px } .content-default-wrapper-page { background: #f0f0f0 } .default-wrapper-page { background: #f0f0f0; padding: 36px 0 } @media (max-width:1280px) { .small-title { font-size: 20px } } @media (max-width:991px) { .small-title { font-size: 19px } } @media (max-width:767px) { .small-title { font-size: 18px } } @media (max-width:580px) { .small-title { font-size: 17px } } .no-scroll { overflow: hidden } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: 7; visibility: hidden; opacity: 0; transition: .3s } .overlay.active { visibility: visible; opacity: 1 } .btn-to-top { position: fixed; right: -100px; bottom: 26%; width: 40px; height: 40px; background: #009340; color: #fff; font-size: 30px; text-align: center; cursor: pointer; border-radius: 50%; transition: .6s } .btn-to-top:hover { background: rgba(0, 147, 64, .7) } .btn-to-top.active { right: 33px; z-index: 2 } .breadcrumbs { margin-bottom: 35px } .breadcrumbs li { font-size: 14px; color: rgba(22, 22, 22, .6); position: relative } .breadcrumbs li:not(:last-child) { margin-right: 25px } .breadcrumbs li:not(:last-child)::after { content: '\003E'; position: absolute; font-size: 19px; right: -16px; top: -4px; font-family: cursive } .breadcrumbs a:hover { text-decoration: underline } .partners__subtitle { display: flex; justify-content: center; font-weight: 700; font-size: 30px; text-align: center; color: #161616; margin-top: 9px; padding-bottom: 35px } .partners .partners-banner .swiper-wrapper { display: flex; align-items: center } .partners .partners-banner__item { transition: transform .15s } .partners .partners-banner__item img { margin: 0 auto } .partners .partners-banner__item:hover { transform: scale(1.18) } .partners .swiper-button-next { right: 0; top: 50%; transform: translateY(-50%); height: 100%; background-color: #fff; margin: 0; width: 40px } .partners .swiper-button-next img { width: 27px; transform: rotate(180deg) } .partners .swiper-button-next::after { display: none } .partners .swiper-button-prev { left: 0; top: 50%; transform: translateY(-50%); height: 100%; background-color: #fff; margin: 0; width: 40px } .partners .swiper-button-prev img { width: 27px } .partners .swiper-button-prev::after { display: none } .promotions .promotions-banner__item img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } .promotions .promotions-banner .swiper-button-next { right: 0; top: 50%; transform: translateY(-50%); height: 100%; margin: 0 } .promotions .promotions-banner .swiper-button-next img { width: 27px; transform: rotate(180deg) } .promotions .promotions-banner .swiper-button-next::after { display: none } .promotions .promotions-banner .swiper-button-prev { left: 0; top: 50%; transform: translateY(-50%); height: 100%; margin: 0 } .promotions .promotions-banner .swiper-button-prev img { width: 27px } .promotions .promotions-banner .swiper-button-prev::after { display: none } .swiper-button-next { right: 0; top: 50%; transform: translateY(-50%); height: 100%; margin: 0 } .swiper-button-next img { width: 27px; transform: rotate(180deg) } .swiper-button-next::after { display: none } .swiper-button-prev { left: 0; top: 50%; transform: translateY(-50%); height: 100%; margin: 0 } .swiper-button-prev img { width: 27px } .swiper-button-prev::after { display: none } .article .article-block__item { display: flex } .article .article-block__item .img { width: calc(50%) } .article .article-block__item .img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } .article .article-block__item .info { width: calc(50% - 20px); margin-left: 20px; display: flex; flex-direction: column } .article .article-block__title { font-weight: 700; font-size: 17px; margin-bottom: 8px } .article .article-block__text { font-size: 14px; line-height: 140%; height: 114px; overflow: hidden } @media (max-width:520px) { .article .article-block__item { flex-direction: column } .article .article-block__item .img, .article .article-block__item .info { width: 100% } .article .article-block__item .info { margin-left: 0; margin-top: 7px } .article .article-block__title { margin-bottom: 8px; font-size: 19px } } .video-block { margin: 30px 0; padding: 70px 0; background: #f0f0f0 } .video-block .container { max-width: 991px; width: 100% } .video-block .video iframe { width: 100%; height: 500px } @media (max-width:991px) { .video-block { margin: 20px 0; padding: 50px 0 } .video-block .video iframe { width: 100%; height: 50vh } } @media (max-width:767px) { .video-block .video iframe { width: 100%; height: 35vh } } @media (max-width:450px) { .video-block .video iframe { width: 100%; height: 25vh } } .step-list-wrapper { max-width: 980px } .step-list { padding: 30px 0 } .step-list.step-list--white .step-list__item .step-number { border: 7px solid #fff } .step-list.step-list--white-opacity .step-list__item .step-number { border: 7px solid rgba(255, 255, 255, .5) } .step-list.step-list--blue .step-list__item::before { color: #286e8a } .step-list.step-list--blue .step-list__item .step-number { border: 7px solid rgba(80, 173, 218, .5); color: #286e8a } .step-list.step-list--blue .step-list__item .step-info { color: #286e8a } .step-list__item { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative } .step-list__item .step-number { max-width: 55px; min-width: 55px; max-height: 55px; min-height: 55px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 19px; text-align: center; color: #fff; border: 7px solid #fc0; box-sizing: border-box; border-radius: 50% } .step-list__item .step-info { display: flex; justify-content: center; text-align: center; margin-top: 11px; font-weight: 500; font-size: 13px; color: #fff; max-width: 355px } @media (min-width:991px) { .step-list .step-list-item-wrapper:last-child .step-list__item::before { display: none } .step-list__item::before { content: '\2191'; font-family: cursive; position: absolute; right: 0; top: 10px; color: #fff; font-size: 44px; transform: rotate(90deg) } } @media (max-width:767px) { .step-list { max-width: 500px; margin: 0 auto } .step-list .step-list-item-wrapper { display: flex } .step-list .step-list-item-wrapper:not(:last-child) { margin-bottom: 30px!important } .step-list__item { flex-direction: row } .step-list__item .step-info { text-align: left; margin-top: 0; margin-left: 10px } } .media .media-banner__item img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } .media .media-banner__item:hover { opacity: .7 } @media (max-width:1200px) { .media .swiper-container { padding: 0 25px } } @media (max-width:991px) { .media .swiper-container { padding: 0 15px } } .news-container .tabs-header { display: flex; justify-content: center } .news-container .tabs-header .tab-h { background: #f0f0f0; border-radius: 4px; padding: 10px; position: relative; outline: 0 } .news-container .tabs-header .tab-h::before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 15px 15px 15px 15px; border-color: transparent transparent transparent transparent; bottom: -25px; left: 50%; transform: translateX(-50%); z-index: 2 } .news-container .tabs-header .tab-h:not(:last-child) { margin-right: 30px } .news-container .tabs-header .tab-h.active { background: #fc0 } .news-container .tabs-header .tab-h.active::before { border-color: #fc0 transparent transparent transparent } .news__img img { -o-object-fit: cover; object-fit: cover; transition: 1s; width: 100%; height: 100% } .iti__selected-flag{ height: 44px !important; } #phone_lab-error{ display: block; margin-top: 10px; } #liqpay_checkout-otp{ margin-bottom: 20px; } .form-label.form-label--profile input.has-error{ border: 2px solid #e90f0f; } .form-label.form-label--profile input.has-error:focus, .form-label.form-label--profile input.has-error:active{ border: 2px solid #e90f0f; } .form-label.form-label--profile input.has-success{ border: 2px solid #009340; } .form-label.form-label--profile input.has-success:focus, .form-label.form-label--profile input.has-success:active{ border: 2px solid #009340; } input.has-success{ border: 2px solid #009340; } .has-success{ color: #009340 ; margin-top: 3px; display: flex; margin-right: 5px } .iti{ width: 100%; } .news__img{ overflow: hidden } .news__img:hover img{ transform: scale(1.2) } .news__title { display: flex; margin-top: 16px; margin-bottom: 15px; font-weight: 700; font-size: 22px } .news__text { line-height: 140% } button { outline: 0 } input { background: #fff; border: 2px solid rgba(0, 0, 0, .18); box-sizing: border-box; border-radius: 4px; padding: 11px 16px; font-weight: 600; color: #000 } .car-form input{ padding: 10px 16px; border-radius: 6px; } .transport-select { position: relative; width: 100%; } .transport-select__current { width: 100%; height: 42px; padding: 7px 14px; display: flex; align-items: center; gap: 2px; border: 2px solid rgba(0, 0, 0, .18); border-radius: 6px; background: #fff; color: #222; font: inherit; text-align: left; cursor: pointer; appearance: none; transition: border-color 0.2s ease; } .transport-select__current:hover, .transport-select__current:focus, .transport-select__current.is-open { border-color: #fc0; outline: 0; } .transport-select__current:disabled { cursor: not-allowed; opacity: 0.6; } .transport-select__dropdown { position: absolute; z-index: 1000; top: calc(100% + 5px); left: 0; width: 100%; max-height: 300px; padding: 5px; overflow-x: hidden; overflow-y: auto; border: 1px solid #d1d1d1; border-radius: 6px; background: #fff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14); } .transport-select__option { width: 100%; min-height: 40px; padding: 5px 0; display: flex; align-items: center; gap: 5px; border: 0; border-radius: 6px; background: transparent; color: #222; font: inherit; text-align: left; cursor: pointer; } .transport-select__option:hover { background: #f2f7f3; } .transport-select__option.is-selected { background: #eaf5ec; color: #22933c; } .transport-select__image { width: 34px; height: 34px; flex: 0 0 34px; object-fit: contain; } .transport-select__text { min-width: 0; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .transport-select__placeholder { color: #9b9b9b; } .transport-select__arrow { width: 16px; height: 16px; margin-left: auto; display: flex; align-items: center; justify-content: center; flex: 0 0 16px; color: #666; transition: transform 0.2s ease; } .transport-select__arrow.is-open { transform: rotate(180deg); } .btn-default { font-weight: 700; font-size: 14px; text-align: center; color: #fff; background: linear-gradient(180deg, #009340 0, #00be53 100%); border-radius: 4px; padding: 13px 25px; position: relative; border: 1px solid #009340 } .btn-default::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: #fff; transform: scale(0); border-radius: 4px; transition: transform .3s ease-out; z-index: 1 } .btn-default:hover { color: #000!important; z-index: 3 } .btn-more:hover{ cursor:pointer; } .btn-default:hover::before { transform: scale(1); z-index: -1 } .btn-default.btn-default--download { display: flex; align-items: center; padding: 0; padding-left: 25px } .btn-default.btn-default--download:hover .download-img { border-left: 1px solid #009340!important } .btn-default.btn-default--download:hover .download-img img { filter: invert(1) } .btn-default.btn-default--download .download-img { margin-left: 25px; min-width: 50px; padding: 7px 0; display: flex; align-items: center; justify-content: center; height: 100%; border-left: 1px solid #fff } .article-section .tabs-header { display: flex; flex-wrap: wrap; max-width: 90%; margin: 0 auto } .article-section .tabs-header .tab-h { font-size: 16px; font-weight: 700; margin-bottom: 17px; outline: 0; position: relative } .article-section .tabs-header .tab-h::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -5px; width: 80%; height: 2px; background: #fc0; opacity: 0 } .article-section .tabs-header .tab-h:hover::before { opacity: 1 } .article-section .tabs-header .tab-h:not(:last-child) { margin-right: 25px } .article-section .tabs-header .tab-h.active::before { opacity: 1 } .article-section .article-section-list { margin-top: 20px } .article-section .article-section-list__item { background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, .1); border-radius: 3px } .article-section .article-section-list__img { height: 256px; min-height: 170px; background-size: cover; background-position: 100% 100%; background-repeat: no-repeat; border-radius: 5px 5px 0 0; overflow: hidden; display: flex; align-items: flex-end; justify-content: flex-end } #seo_div ul, .article-body ul { padding-left: 40px; list-style: disc!important } #seo_div ol, .article-body ol { padding-left: 40px; list-style: d!important } .article-section .article-section-list__img img { border-radius: 3px; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: right bottom; object-position: right bottom; transition: transform .2s } .article-section .article-section-list__img:hover img { transform: scale(1.1) } .article-section .article-section-list .info { padding: 10px } .article-section .article-section-list__title { display: block; margin: 0; margin-bottom: 7px; font-weight: 700; font-size: 16px; line-height: 140%; text-align: left; color: #161616; position: relative; height: 43px; position: relative; overflow: hidden } .article-section .article-section-list__text { font-size: 15px; color: #999da6; text-align: left; margin-bottom: 17px; height: 103px; position: relative; overflow: hidden; overflow-y: auto } @media (max-width:991px) { .article-section .tabs-header { flex-wrap: nowrap; overflow-x: auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; justify-content: flex-start; max-width: 100% } .article-section .tabs-header .tab-h { font-size: 15px; margin-bottom: 15px; word-break: keep-all; white-space: nowrap } .article-section .tabs-header .tab-h:not(:last-child) { margin-right: 15px } .article-section .article-section-list-wrapper-item { margin-bottom: 20px } } .tab, .tabs { overflow: hidden } .tabs-header button { position: relative } .tab-b, .tab-b-sub, .tabcontent { display: none; border-top: none } .tab-b-sub:nth-child(1), .tab-b:nth-child(1) { display: flex; flex-direction: column } .tab-b, .tab-b-sub, .tabcontent { -webkit-animation: fadeEffect 1.3s; animation: fadeEffect 1.3s } @keyframes fadeEffect { from { opacity: 0 } to { opacity: 1 } } @media (min-width:992px) { ::-webkit-scrollbar { width: 10px } ::-webkit-scrollbar-track { background: #f1f1f1 } ::-webkit-scrollbar-thumb { background: #888 } ::-webkit-scrollbar-thumb:hover { background: #555 } } .container-radiobutton { position: relative; cursor: pointer; padding-left: 30px } .container-radiobutton:not(:last-child) { margin-bottom: 8px } .container-radiobutton input { position: absolute; opacity: 0; cursor: pointer } .checkmark-radiobutton { position: absolute; top: 0; left: 0; height: 16px; width: 16px; background-color: #fff; border-radius: 50%; border: 1px solid #cdcdcd } .container-radiobutton:hover input~.checkmark-radiobutton { background-color: #e0e0e0 } .checkmark-radiobutton:after { content: ""; position: absolute; display: none } .container-radiobutton input:checked~.checkmark-radiobutton:after { display: block } .container-radiobutton .checkmark-radiobutton:after { top: 4px; left: 4px; width: 6px; height: 6px; border-radius: 50%; background: #009340 } .container-checkbox { position: relative; display: flex; align-items: center; padding-top: 3px; padding-left: 29px } .container-checkbox .checkbox-name { font-size: 14px } .container-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0 } .js-user-found-model{ display: none !important; } .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border-radius: 2px; border: 1px solid rgba(50, 50, 50, .2) } .container-checkbox .checkmark::after { display: block; left: 6px; top: 2px; width: 4px; height: 9px; border: solid transparent; border-width: 0 1px 1px 0; transform: rotate(45deg) } .container-checkbox input:checked~.checkmark { background: #4067a3; border-radius: 2px } .checkmark:after { content: ""; position: absolute; display: none } .container-checkbox input:checked~.checkmark:after { display: block; border-color: #fff!important } .switch { position: relative; display: inline-block; min-width: 40px; height: 22px } .switch input { opacity: 0; width: 0; height: 0 } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s } .slider:before { position: absolute; content: ""; height: 12px; width: 12px; left: 4px; bottom: 5px; background-color: #fff; transition: .4s } input:checked+.slider { background-color: #009340 } input:focus+.slider { box-shadow: 0 0 1px #009340 } input:checked+.slider:before { transform: translateX(19px) } .slider.round { border-radius: 34px } .slider.round:before { border-radius: 50% } .checkbox-col * { font-size: 14px } .tabs-wrapper-default .tabs-header { display: flex; margin-bottom: -2px } .tabs-wrapper-default .tabs-header .tab-h { display: flex; align-items: center; padding: 16px 43px; padding-bottom: 13px; background: #fff; border: 2px solid rgba(22, 22, 22, .2); border-bottom: 2px solid #009340; box-sizing: border-box; border-radius: 10px 10px 0 0; font-weight: 700; font-size: 18px; color: #161616; outline: 0; cursor: pointer } .tabs-wrapper-default .tabs-header .tab-h:not(:last-child) { margin-right: 10px } .tabs-wrapper-default .tabs-header .tab-h.active { color: #009340; z-index: 2; border: 2px solid #009340; border-bottom: 2px solid #fff } .tabs-wrapper-default .tab-body { border-radius: 0 0 10px 10px; padding: 20px; background: #fff; border: 2px solid #009340; box-sizing: border-box } .modal-footer .button-wrapper .btn-default.btn-none { display: none!important } .tabs-wrapper-popup .tab-body { padding: 20px 25px } .tabs-wrapper-popup .form-label.form-label--profile .form-label__input { margin-bottom: 0; font-size: 14px } @media (max-width:550px) { .tabs-wrapper-popup .tab-body { padding: 20px 15px } .tabs-wrapper-popup .form-label.form-label--profile .form-label__input { margin-bottom: 0 } } .forger-password { font-size: 14px; line-height: 140%; text-align: center; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #161616; opacity: .7 } .forger-password:hover { opacity: 1; text-decoration: none } @media (max-width:420px) { .tabs-wrapper-default .tabs-header .tab-h { font-size: 14px; padding: 15px 20px } } .deactivated { display: none } .activated { display: block } .swal2-popup>.dropdown.swal2-select { display: none!important } .dropdown.swal2-select { display: none } #liqpay_checkout-resend_btn { padding: 10px 0 } .form-label .additional-input-info { opacity: .67; font-size: 13px } .form-label .number-sms-wrapper { position: relative } .form-label .number-sms-wrapper .number-sms-wrapper-btn { position: absolute; right: 5px; top: 3px; padding: 10px } .form-label .password-input-wrapper { position: relative; width: 100% } .form-label .password-input-wrapper .js-show-password { position: absolute; right: 10px; top: 20px; transform: translateY(-50%); max-width: 20px; min-width: 20px; max-height: 12px; min-height: 12px; cursor: pointer } .form-label .password-input-wrapper .js-show-password:hover { opacity: .7 } .form-label.form-label--required { position: relative } .form-label.form-label--required::after { content: '*'; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); color: red } .form-label.form-label--profile { width: 100% } .form-label.form-label--profile .form-label__name { font-weight: 600 } .form-label.form-label--profile .form-label__input { color: #161616; border: 1px solid rgba(0, 0, 0, .18); border-radius: 4px; width: 100%; height: 44px } .form-label.form-label--profile .form-label__textarea { border: 1px solid rgba(0, 0, 0, .18) } .form-label__name { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; color: #161616 } .form-label__name .add-green-info { color: #009340; font-weight: 500; font-size: 12px } .form-label__input { color: #161616; border: 1px solid #000; box-sizing: border-box; border-radius: 4px; padding: 12px 16px; resize: none; font-size: 14px } .form-label__textarea { width: 100%; color: #161616; border: 1px solid #000; box-sizing: border-box; border-radius: 4px; padding: 12px 16px; resize: none; font-size: 14px } @media (max-width:767px) { .tabs-wrapper-default .tabs-header .tab-h { font-size: 16px; padding: 15px 24px } .form-label .number-sms-wrapper { position: relative } .form-label .number-sms-wrapper .number-sms-wrapper-btn { position: relative!important; right: 0!important; top: 10px!important; transform: none!important; padding: 10px } } @media (max-width:767px) { .form-label__name { display: flex; align-items: flex-start; flex-direction: column } .notify-info { font-size: 13px } } .go-back-btn { display: flex; align-items: center; position: relative; margin-bottom: 10px } .go-back-btn:hover { cursor: pointer; opacity: .6 } .go-back-btn::before { content: '\003C'; display: block; margin-right: 7px } .profile-insurance-policies-item-table-button .have-add-info .add-info { display: none; padding: 12px; background: #fff2bd; border: 1px solid #fc0; box-sizing: border-box; border-radius: 7px; position: absolute; top: calc(100% + 10px); z-index: 7777; margin-left: -41px; font-size: 13px; font-weight: 500 } .notify-info { display: flex; padding: 10px 0 } .notify-info .notify-info-img { max-width: 8px; min-width: 8px; margin-right: 10px } .notify-info .notify-info-img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; height: auto } @media (min-width:991px) { .row-in-5 { flex: 0 0 20%; max-width: 20% } } .blue-link { color: #286e8a } .blue-link:hover { text-decoration: underline } .rating-area { overflow: hidden; width: 265px; display: flex; flex-direction: row-reverse; justify-content: flex-end } .rating-area:not(:checked)>input { display: none } .rating-area:not(:checked)>label { float: right; width: 42px; padding: 0; cursor: pointer; font-size: 32px; line-height: 32px; color: #d3d3d3; text-shadow: 1px 1px #bbb } .rating-area:not(:checked)>label:before { content: '★' } .rating-area>input:checked~label { color: gold; text-shadow: 1px 1px #c60 } .rating-area:not(:checked)>label:hover, .rating-area:not(:checked)>label:hover~label { color: gold } .rating-area>input:checked+label:hover, .rating-area>input:checked+label:hover~label, .rating-area>input:checked~label:hover, .rating-area>input:checked~label:hover~label, .rating-area>label:hover~input:checked~label { color: gold; text-shadow: 1px 1px #daa520 } .rate-area>label.dropdown.open, .rate-area>label:active { position: relative } .wow { opacity: 0 } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: .15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible } .hamburger:hover { opacity: .7 } .hamburger.is-active:hover { opacity: .7 } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before { background-color: #161616 } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative } .hamburger-inner { display: block; top: 50%; margin-top: -2px } .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before { width: 40px; height: 4px; background-color: #161616; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: .15s; transition-timing-function: ease } .hamburger-inner::after, .hamburger-inner::before { content: ""; display: block } .hamburger-inner::before { top: -10px } .hamburger-inner::after { bottom: -10px } .hamburger--3dx .hamburger-box { perspective: 80px } .hamburger--3dx .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1) } .hamburger--3dx .hamburger-inner::after, .hamburger--3dx .hamburger-inner::before { transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1) } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent!important; transform: rotateY(180deg) } .hamburger--3dx.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dx.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dx-r .hamburger-box { perspective: 80px } .hamburger--3dx-r .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1) } .hamburger--3dx-r .hamburger-inner::after, .hamburger--3dx-r .hamburger-inner::before { transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1) } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent!important; transform: rotateY(-180deg) } .hamburger--3dx-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dx-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dy .hamburger-box { perspective: 80px } .hamburger--3dy .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1) } .hamburger--3dy .hamburger-inner::after, .hamburger--3dy .hamburger-inner::before { transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1) } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent!important; transform: rotateX(-180deg) } .hamburger--3dy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dy-r .hamburger-box { perspective: 80px } .hamburger--3dy-r .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1) } .hamburger--3dy-r .hamburger-inner::after, .hamburger--3dy-r .hamburger-inner::before { transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1) } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent!important; transform: rotateX(180deg) } .hamburger--3dy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dxy .hamburger-box { perspective: 80px } .hamburger--3dxy .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1) } .hamburger--3dxy .hamburger-inner::after, .hamburger--3dxy .hamburger-inner::before { transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1) } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent!important; transform: rotateX(180deg) rotateY(180deg) } .hamburger--3dxy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dxy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--3dxy-r .hamburger-box { perspective: 80px } .hamburger--3dxy-r .hamburger-inner { transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1) } .hamburger--3dxy-r .hamburger-inner::after, .hamburger--3dxy-r .hamburger-inner::before { transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1) } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent!important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg) } .hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg) } .hamburger--arrow.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1) } .hamburger--arrow.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1) } .hamburger--arrow-r.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1) } .hamburger--arrow-r.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1) } .hamburger--arrowalt .hamburger-inner::before { transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1) } .hamburger--arrowalt .hamburger-inner::after { transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1) } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(.7, 1); transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22) } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(.7, 1); transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22) } .hamburger--arrowalt-r .hamburger-inner::before { transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1) } .hamburger--arrowalt-r .hamburger-inner::after { transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1) } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; transform: translate3d(8px, -10px, 0) rotate(45deg) scale(.7, 1); transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22) } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(.7, 1); transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22) } .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg) } .hamburger--arrowturn.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(.7, 1) } .hamburger--arrowturn.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(.7, 1) } .hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg) } .hamburger--arrowturn-r.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(.7, 1) } .hamburger--arrowturn-r.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(.7, 1) } .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::after, .hamburger--boring .hamburger-inner::before { transition-property: none } .hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg) } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0 } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg) } .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: .13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear } .hamburger--collapse .hamburger-inner::before { transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1) } .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: .13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } .hamburger--collapse-r .hamburger-inner::after { top: -20px; transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear } .hamburger--collapse-r .hamburger-inner::before { transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1) } .hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 275ms; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) } .hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 125ms 275ms ease } .hamburger--elastic .hamburger-inner::after { top: 20px; transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55) } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 75ms } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0 } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 75ms } .hamburger--elastic-r .hamburger-inner { top: 2px; transition-duration: 275ms; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55) } .hamburger--elastic-r .hamburger-inner::before { top: 10px; transition: opacity 125ms 275ms ease } .hamburger--elastic-r .hamburger-inner::after { top: 20px; transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55) } .hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 75ms } .hamburger--elastic-r.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0 } .hamburger--elastic-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: 75ms } .hamburger--emphatic { overflow: hidden } .hamburger--emphatic .hamburger-inner { transition: background-color 125ms 175ms ease-in } .hamburger--emphatic .hamburger-inner::before { left: 0; transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in } .hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent!important } .hamburger--emphatic.is-active .hamburger-inner::before { left: -80px; top: -80px; transform: translate3d(80px, 80px, 0) rotate(45deg); transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1) } .hamburger--emphatic.is-active .hamburger-inner::after { right: -80px; top: -80px; transform: translate3d(-80px, 80px, 0) rotate(-45deg); transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1) } .hamburger--emphatic-r { overflow: hidden } .hamburger--emphatic-r .hamburger-inner { transition: background-color 125ms 175ms ease-in } .hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in } .hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent!important } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -80px; top: 80px; transform: translate3d(80px, -80px, 0) rotate(-45deg); transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1) } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -80px; top: 80px; transform: translate3d(-80px, -80px, 0) rotate(45deg); transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1) } .hamburger--minus .hamburger-inner::after, .hamburger--minus .hamburger-inner::before { transition: bottom 80ms 0s ease-out, top 80ms 0s ease-out, opacity 0s linear } .hamburger--minus.is-active .hamburger-inner::after, .hamburger--minus.is-active .hamburger-inner::before { opacity: 0; transition: bottom 80ms ease-out, top 80ms ease-out, opacity 0s 80ms linear } .hamburger--minus.is-active .hamburger-inner::before { top: 0 } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0 } .hamburger--slider .hamburger-inner { top: 2px } .hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: .15s } .hamburger--slider .hamburger-inner::after { top: 20px } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0 } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg) } .hamburger--slider-r .hamburger-inner { top: 2px } .hamburger--slider-r .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: .15s } .hamburger--slider-r .hamburger-inner::after { top: 20px } .hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg) } .hamburger--slider-r.is-active .hamburger-inner::before { transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0 } .hamburger--slider-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(90deg) } .hamburger--spin .hamburger-inner { transition-duration: .22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } .hamburger--spin .hamburger-inner::before { transition: top .1s .25s ease-in, opacity .1s ease-in } .hamburger--spin .hamburger-inner::after { transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19) } .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top .1s ease-out, opacity .1s .12s ease-out } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1) } .hamburger--spin-r .hamburger-inner { transition-duration: .22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } .hamburger--spin-r .hamburger-inner::before { transition: top .1s .25s ease-in, opacity .1s ease-in } .hamburger--spin-r .hamburger-inner::after { transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19) } .hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top .1s ease-out, opacity .1s .12s ease-out } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1) } .hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s .13s linear } .hamburger--spring .hamburger-inner::before { top: 10px; transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--spring .hamburger-inner::after { top: 20px; transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent!important } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1); transform: translate3d(0, 10px, 0) rotate(45deg) } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg) } .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: .13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } .hamburger--spring-r .hamburger-inner::after { top: -20px; transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear } .hamburger--spring-r .hamburger-inner::before { transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19) } .hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1) } .hamburger--stand .hamburger-inner { transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear } .hamburger--stand .hamburger-inner::before { transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19) } .hamburger--stand .hamburger-inner::after { transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19) } .hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: transparent!important; transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear } .hamburger--stand.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1) } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1) } .hamburger--stand-r .hamburger-inner { transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear } .hamburger--stand-r .hamburger-inner::before { transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19) } .hamburger--stand-r .hamburger-inner::after { transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19) } .hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: transparent!important; transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1) } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1) } .hamburger--squeeze .hamburger-inner { transition-duration: 75ms; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19) } .hamburger--squeeze .hamburger-inner::before { transition: top 75ms .12s ease, opacity 75ms ease } .hamburger--squeeze .hamburger-inner::after { transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19) } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 75ms ease, opacity 75ms .12s ease } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1) } .hamburger--vortex .hamburger-inner { transition-duration: .2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) } .hamburger--vortex .hamburger-inner::after, .hamburger--vortex .hamburger-inner::before { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear } .hamburger--vortex .hamburger-inner::before { transition-property: top, opacity } .hamburger--vortex .hamburger-inner::after { transition-property: bottom, transform } .hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) } .hamburger--vortex.is-active .hamburger-inner::after, .hamburger--vortex.is-active .hamburger-inner::before { transition-delay: 0s } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0 } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg) } .hamburger--vortex-r .hamburger-inner { transition-duration: .2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) } .hamburger--vortex-r .hamburger-inner::after, .hamburger--vortex-r .hamburger-inner::before { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear } .hamburger--vortex-r .hamburger-inner::before { transition-property: top, opacity } .hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, transform } .hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) } .hamburger--vortex-r.is-active .hamburger-inner::after, .hamburger--vortex-r.is-active .hamburger-inner::before { transition-delay: 0s } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0 } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg) } .header { border-bottom: 2px solid rgba(22, 22, 22, .2) } .header .header-top { background: linear-gradient(180deg, #009340 0, #00be53 100%); padding: 0 } .header .header-top .header-top-inn-wrapper { display: flex; align-items: center; justify-content: center } .header .header-top__item { display: flex; align-items: center } .header .header-top__item:not(:last-child) { margin-right: 50px } .header .header-top__item .name { font-weight: 700; font-size: 16px; text-transform: uppercase; color: #fff; margin-right: 11px } .header .header-top__item .tel { display: flex; align-items: center; font-weight: 600; font-size: 15px; text-transform: uppercase; color: #fff } .header .header-top__item .tel img { margin-right: 9px } .header .header-top__item .info { font-weight: 600; font-size: 14px; text-transform: uppercase; color: #fff; margin-left: 12px } .header .header-top__item .tel-btn { color: #fff; font-weight: 600; font-size: 14px; line-height: 140%; -webkit-text-decoration-line: underline; text-decoration-line: underline; text-transform: uppercase; margin-left: 12px } .header .header-top__item .tel-btn:hover { text-decoration: none } .header .header-top .container-select.container-select--lang { max-width: 70px; width: auto; min-width: auto } .header .header-top .dropdn-link::after { border: solid #fff; border-width: 0 2px 2px 0 } .header .header-top .container-select.container-select--lang .dropdown.wide { background: 0 0; border: none; width: 100%; padding-right: 27px; padding-left: 10px } .header .header-top .icon-angle-down{ color: #FFFFFF; font-size: 13px; font-weight: 800; } .header .header-top .dropdn .dropdn-link { display: flex; justify-content: center; align-items: center; gap: 5px; } .header .header-top .js-dropdn-select-current { display: inline-flex; max-width: 60px; overflow: hidden; color: #fff; text-transform: uppercase } .header .header-bottom { padding-top: 12px; padding-bottom: 20px; background: #fff } .header .header-bottom .wrapper-auth { display: flex; flex-direction: column; align-items: center; align-content: center; margin-left: 14px } .header .header-bottom .wrapper-auth .header-bottom-buttons__item { margin-right: 0!important } .header .header-bottom .header-bottom-inn-wrapper { display: flex; align-items: center; justify-content: space-between } .header .header-bottom nav { margin: 0 20px } .header .header-bottom .header-bottom-buttons { display: flex } .header .header-bottom .header-bottom-buttons__item { display: flex; width: 35px; max-width: 35px; align-items: center; justify-content: center; opacity: .7 } .header .header-bottom .header-bottom-buttons__item:not(:last-child) { margin-right: 28px } .header .header-bottom .header-bottom-buttons__item object { pointer-events: none; width: 100% } .header .header-bottom .header-bottom-buttons__item object:hover { cursor: pointer } .header .header-bottom .header-bottom-buttons__item:hover { opacity: 1 } .header .hamburger { outline: 0; display: none } .nav-menu__item { display: flex; position: relative } .nav-menu__item:not(:last-child) { margin-right: 70px } .nav-menu__item.have-submenu:first-child>a { background: #ffe8ab; color: #009340; position: relative } .nav-menu__item.have-submenu>a:hover { background: #f90 } .nav-menu__item.have-submenu>a:hover::after { border: solid #fff; border-top: 4px solid #fff; border-width: 0 2px 2px 0 } .nav-menu__item.have-submenu>a::after { content: ""; height: 0; width: 0; transition: all .125s ease-in-out; pointer-events: none; margin-left: 10px; border: solid #009340; border-top: 4px solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; position: static; transform: translateY(-50%) rotate(45deg) } .nav-menu__item>a { padding: 14px 28px; box-sizing: border-box; border-radius: 10px; color: #009340; font-weight: 800; font-size: 14px; text-align: center; text-transform: uppercase } .nav-menu__item>a:hover { background: #009340; color: #fff } .nav-menu__item .header-submenu { opacity: 0; pointer-events: none; visibility: hidden; transition: opacity .2s; z-index: 6; width: 110%; background: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, .3); padding: 15px 23px; position: absolute; left: 50%; top: calc(100% + 15px); transform: translateX(-50%) } .nav-menu__item .header-submenu.open { opacity: 1; pointer-events: auto; visibility: visible } .nav-menu__item .header-submenu::before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 13px 13px 13px; border-color: transparent transparent rgba(0, 0, 0, .06) transparent; top: -13px; left: 50%; transform: translateX(-50%); z-index: 2 } .nav-menu__item .header-submenu::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 13px 13px 13px; border-color: transparent transparent #fff transparent; top: -12px; left: 50%; transform: translateX(-50%); z-index: 2 } .nav-menu__item .header-submenu__item a { display: flex; align-items: center; width: 100%; padding: 6px 0 } .nav-menu__item .header-submenu__item a img { margin-right: 9px; width: 32px; height: 32px } .nav-menu__item .header-submenu__item a:hover { color: #009340; font-weight: 600 } .js-account { position: relative } .js-account.open .account-info { display: block } .js-account .account-info { display: none; position: absolute; right: 0; top: 40px; padding: 12px; background: #fff2bd; border: 1px solid #fc0; box-sizing: border-box; border-radius: 7px; z-index: 7777; max-width: 216px; min-width: 216px } .js-account .account-info::before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fff2bd transparent; top: -8px; right: 15px; z-index: 5 } .js-account .account-info::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fc0 transparent; top: -9px; right: 15px; z-index: 2 } .js-account .account-info .account-info__name { display: flex; align-items: center; margin-bottom: 8px; text-decoration: underline } .js-account .account-info .account-info__name:hover { text-decoration: none } .js-account .account-info .account-info__name img { margin-right: 5px } .js-account .account-info .account-info-list { margin: 0 } .js-account .account-info .account-info-list__item { display: flex; align-items: center; position: relative } .js-account .account-info .account-info-list__item:hover { text-decoration: underline } .js-account .account-info .account-info-list__item:not(:last-child) { margin-bottom: 4px } .js-account .account-info .account-info-list__item::before { content: ''; display: block; margin-right: 8px; max-width: 7px; min-width: 7px; max-height: 7px; min-height: 7px; background: #009340; border-radius: 50% } .js-account .account-info .account-info-out { display: flex; align-items: center; color: #009340; margin-top: 10px } .js-account .account-info .account-info-out:hover { text-decoration: underline } .js-account .account-info .account-info-out img { margin-right: 5px } @media (min-width:991px) { .js-account:hover .account-info { display: block } .nav-menu__item.have-submenu { position: relative } .nav-menu__item.have-submenu::after { content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: 20px; background: 0 0; z-index: 1 } .nav-menu__item.have-submenu:hover .header-submenu { opacity: 1; pointer-events: auto; visibility: visible } } @media (min-width:1300px) { .header .header-top__item:not(:last-child) { margin-right: 25px } .header .header-top__item .name { font-size: 14px } .header .header-top__item .tel { font-size: 18px } .header .header-top__item .tel img { margin-right: 7px } .header .header-top__item .info { font-size: 13px; margin-left: 10px } .header .header-top__item .tel-btn { font-size: 13px; margin-left: 10px } .header .header-bottom .logo, .header .header-bottom .logo img { width: 115px; max-height: 98px } .header .header-bottom nav { margin: 0 10px } .header .header-bottom .nav-menu__item:not(:last-child) { margin-right: 15px } .header .header-bottom .nav-menu__item>a { padding: 14px; font-size: 13px } .header .header-bottom .header-bottom-buttons__item:not(:last-child) { margin-right: 14px } } @media (max-width:1300px) { .header .header-top__item:not(:last-child) { margin-right: 25px } .header .header-top__item .name { font-size: 14px } .header .header-top__item .tel { font-size: 18px } .header .header-top__item .tel img { margin-right: 7px } .header .header-top__item .info { font-size: 13px; margin-left: 10px } .header .header-top__item .tel-btn { font-size: 13px; margin-left: 10px } .header .header-bottom .logo, .header .header-bottom .logo img { width: 115px } .header .header-bottom nav { margin: 0 10px } .header .header-bottom .nav-menu__item:not(:last-child) { margin-right: 15px } .header .header-bottom .nav-menu__item>a { padding: 14px; font-size: 13px } .header .header-bottom .header-bottom-buttons__item:not(:last-child) { margin-right: 14px } } @media (max-width:1150px) { .header .header-top__item:not(:last-child) { margin-right: 17px } .header .header-bottom .logo, .header .header-bottom .logo img { width: 95px } .header .header-bottom nav { margin: 0 10px } .header .header-bottom .nav-menu__item:not(:last-child) { margin-right: 10px } .header .header-bottom .nav-menu__item>a { padding: 14px 8px; font-size: 12px } .header .header-bottom .header-bottom-buttons__item:not(:last-child) { margin-right: 13px } } @media (max-width:991px) { .header .header-top .header-top-inn-wrapper { display: none } .header .header-bottom { padding: 13px 0 } .header .header-bottom .logo, .header .header-bottom .logo img { width: 155px } .header .header-bottom .container { padding-right: 0 } .header .header-bottom nav { display: none } .header .header-bottom .header-bottom-buttons { margin-left: auto; margin-right: 15px } .header .header-bottom .hamburger { display: flex } } @media (max-width:380px) { .header .header-bottom .logo, .header .header-bottom .logo img { width: 125px } } .product-scroll_to_top { position: fixed; top: 0; z-index: 10000; width: 100%; background: #fff; height: 70px; max-height: 200px; justify-content: center; align-items: center } .alert-success { color: #fff!important; border: 1px solid #2d8102!important; background: #8caf47!important } #order_place-form .modal-window { height: 100%; width: 100%; overflow-y: auto; max-width: 100%!important } #order_place-form .modal-window img { margin: 0 auto } #order_place-form .modal-window .modal-body { max-width: 40% } #order_place-form .modal-window .modal-body { text-align: center } .probe-mtsbu-wrapper-arrow_text { text-align: left } .probe-mtsbu-wrapper-arrow_text:after { content: ''; display: inline-block; margin-left: 10px; width: 81px; height: 9px; background-repeat: no-repeat } #order_place-form .modal-window .modal-body .title-order { font-weight: 600; font-size: 19px } #order_place-form .modal-window .preloader_text { margin: 20px auto 0 auto; left: 0; width: 100% } .probe-mtsbu-wrapper { box-shadow: 0 0 8px rgba(0, 0, 0, .15); border-radius: 10px; padding: 30px 20px; margin-top: 40px; margin-bottom: 40px } .probe-mtsbu-wrapper_text { text-align: left } .otp_code { display: block; margin: 10px auto; text-align: center } .otp_code-text { display: block; font-size: 12px; margin-bottom: 1rem!important } .lds-default { margin: 40px auto; position: relative; width: 80px; height: 80px } .lds-default div { position: absolute; width: 6px; height: 6px; background: #009340; border-radius: 50%; -webkit-animation: lds-default 1.2s linear infinite; animation: lds-default 1.2s linear infinite } .lds-default div:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; top: 37px; left: 66px } .lds-default div:nth-child(2) { -webkit-animation-delay: -.1s; animation-delay: -.1s; top: 22px; left: 62px } .lds-default div:nth-child(3) { -webkit-animation-delay: -.2s; animation-delay: -.2s; top: 11px; left: 52px } .lds-default div:nth-child(4) { -webkit-animation-delay: -.3s; animation-delay: -.3s; top: 7px; left: 37px } .lds-default div:nth-child(5) { -webkit-animation-delay: -.4s; animation-delay: -.4s; top: 11px; left: 22px } .lds-default div:nth-child(6) { -webkit-animation-delay: -.5s; animation-delay: -.5s; top: 22px; left: 11px } .lds-default div:nth-child(7) { -webkit-animation-delay: -.6s; animation-delay: -.6s; top: 37px; left: 7px } .lds-default div:nth-child(8) { -webkit-animation-delay: -.7s; animation-delay: -.7s; top: 52px; left: 11px } .lds-default div:nth-child(9) { -webkit-animation-delay: -.8s; animation-delay: -.8s; top: 62px; left: 22px } .lds-default div:nth-child(10) { -webkit-animation-delay: -.9s; animation-delay: -.9s; top: 66px; left: 37px } .lds-default div:nth-child(11) { -webkit-animation-delay: -1s; animation-delay: -1s; top: 62px; left: 52px } .lds-default div:nth-child(12) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; top: 52px; left: 62px } @-webkit-keyframes lds-default { 0%, 100%, 20%, 80% { transform: scale(1) } 50% { transform: scale(2) } } @keyframes lds-default { 0%, 100%, 20%, 80% { transform: scale(1) } 50% { transform: scale(2) } } .mtsbu_link { text-decoration: underline } .progress { position: relative; width: 40%; margin: 0 auto; background: #fc0; border-radius: 15px } .progress .color { background-color: red; width: 0; height: 10px; border-radius: 15px; -webkit-animation: progres 6s infinite linear; animation: progres 6s infinite linear } @-webkit-keyframes progres { 0% { width: 0% } 25% { width: 50% } 50% { width: 75% } 75% { width: 85% } 100% { width: 100% } } @keyframes progres { 0% { width: 0% } 25% { width: 50% } 50% { width: 75% } 75% { width: 85% } 100% { width: 100% } } .wrapper_circle-preloader { position: relative; display: block; margin: 0 auto; width: 540px; height: 540px } .preloader_arrows { position: absolute; margin: 0 auto; -webkit-animation: progres_mtsbu 4s infinite; animation: progres_mtsbu 4s infinite } .preloader_circles { position: absolute; width: 542px; height: 443px; display: flex; align-content: center; align-items: center; justify-content: center } .preloader_circles-logo { position: absolute; bottom: 62px; max-width: 71px; left: 67px } .alert { display: block; padding: 20px 30px; color: #000; border: 1px solid #000; background: #fff } .swiper-container { overflow: hidden; position: relative } .after_pay_wrapper { position: relative; text-align: center; margin: 0 auto; padding: 50px 0; width: 50% } .after_pay_wrapper img { margin: 0 auto } .after_pay_wrapper-title { font-size: 26px; font-weight: 600 } .alert-danger { color: #fff; border: 1px solid #ca0000; background: #ff5454 } #liqpay_checkout-resend_btn button { border-bottom: 1px solid #1c1c1c; margin-bottom: 10px } #liqpay_checkout-resend_btn button:hover { border-bottom: 1px solid #009340 } .small_logo-polis { position: absolute; top: 11px; left: 34%; max-width: 44px } @-webkit-keyframes progres_mtsbu { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } @keyframes progres_mtsbu { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .order_ajax-wrapper { max-width: 55%; margin: 0 auto } .wrapper_logo-polis img { margin: 0 auto } .wrapper_logo-polis { text-align: center } .wrapper_logo-polis a { text-align: center; font-size: 15px; text-decoration: underline } .order_ajax-email-sender { margin-top: 15px } .checkout-title { font-size: 23px; color: #161616; text-align: center; margin-top: 30px; font-weight: 800 } .order_ajax-wrapper-block { width: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .15); border-radius: 10px; padding: 30px 20px; margin-top: 40px; margin-bottom: 40px } .order_document-wrapper { width: 100% } .order_ajax-email-sender span { font-size: 12px; color: #161616; margin: 20px 0; display: block } .order_ajax-attention { width: 100%; margin: 30px auto } .order_ajax-attention p { font-size: 18px; text-align: center; font-weight: 600 } .order_ajax-text_thanks { font-size: 18px; text-align: center; font-weight: 600; margin: 30px auto } .order_ajax-btn_cabinet { font-weight: 700; font-size: 14px; text-align: center; color: #fff; background: #009340; border-radius: 4px; padding: 13px 25px; position: relative; border: 1px solid #009340; margin: 30px auto } .order_ajax-under_attention { font-size: 12px; color: #161616; text-align: center; margin-bottom: 30px } .modal.open .modal-overlay, .modal.open .modal-window { opacity: 1; z-index: 60 } .modal.open .modal-window { top: 50%; transform: translateY(-50%); opacity: 1 } .modal.open .modal-overlay { background: rgba(22, 22, 22, .7) } .modal.hiding .modal-overlay, .modal.hiding .modal-window { opacity: 1; z-index: 60 } .modal.hiding .modal-window { top: 50%; transform: translateY(-500px); opacity: 0 } .modal.hiding .modal-overlay { background: rgba(22, 22, 22, 0) } .modal-overlay, .modal-window { opacity: 0; z-index: -1 } .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(22, 22, 22, 0); transition: background .4s ease-in } .modal-window { width: 90%; background: #fff; margin: 0 auto; padding: 45px 0; position: relative; opacity: 0; background: #fff; transform: translateY(-500px); transition: transform .4s ease-in-out, top .4s ease-in-out, opacity .4s ease-in-out } .modal-header { display: flex; justify-content: space-between; flex-direction: column; padding: 0 10px } .modal_logo{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0 30px; margin-bottom: 30px; gap: 20px } .modal-header .modal-title { font-size: 1.5rem; font-weight: 700; text-align: center; text-transform: uppercase; } #diya-modal .modal-header .modal-title, #diya-docs-modal .modal-header .modal-title{ text-transform: none; } .modal-header .modal-close { position: absolute; top: 0; right: 10px; cursor: pointer; font-size: 50px; transition: .3s } .modal-header .modal-close:hover { color: #ccc } #basket-page .modal-window { width: 100%!important; max-width: 100%!important; height: 100% } .modal-body { margin: 0 auto; padding: 15px 0 } .modal-body p { margin: 0 0 5px } .modal-body .form { display: flex; flex-direction: column; max-width: 600px; width: 90%; margin: 25px auto } .modal-body form { display: flex; flex-direction: column } .modal-body form input, .modal-body form textarea { padding: 17px 24px; font-size: 18px; color: rgba(22, 22, 22, .7); background: #fff; border: 2px solid #ddd; box-sizing: border-box; border-radius: 6px; margin-bottom: 20px } .modal-body form textarea { margin-bottom: 0; resize: none; height: 100px } .modal-footer .button-wrapper { margin-top: 0; text-align: center } .modal-footer .button-wrapper .btn-default { margin-top: 0; display: inline-block!important } @media (max-width:991px) { .modal-window { max-height: 100%; overflow-y: auto } #order_place-form .modal-window .modal-body { max-width: 100% } .wrapper_circle-preloader { position: relative; display: block; margin: 0 auto; margin-top: 33px; width: 260px; height: 260px } .preloader_circles-logo { position: absolute; bottom: 4px; max-width: 41px; left: 4px } .preloader_circles { position: absolute; width: 260px; height: 206px; display: flex; align-content: center; align-items: center; justify-content: center } #basket-page .modal-window { width: 100%; height: 100% } .wrapper_logo-polis { margin-top: 30px } .progress { position: relative; width: 90%; margin: 0 auto; margin-top: 30px; background: #fc0; border-radius: 15px } .order_ajax-wrapper { max-width: 98%; margin: 0 auto } } #delivery_department .select2-container, .container-select .select2-container { width: 100%!important; margin-bottom: 10px } .wrapper_custom-select { position: relative } .ewa_city:hover { cursor: pointer } .ewa_city-arrow { height: 0; width: 0; border-top: 4px solid #777; transition: all 125ms ease-in-out; pointer-events: none; position: absolute; right: 10px; top: 50%; border: solid #161616; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: translateY(calc(-50% - 2px)) rotate(45deg) } .ewa_city-arrow.open { transform: translateY(calc(-50% + 2px)) rotate(225deg) } .dropdown .option img { max-width: 30px } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 44px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 44px; margin-bottom: 20px } .select .current { display: flex; position: relative; text-overflow: ellipsis; overflow: hidden } .dropdown { background-image: linear-gradient(to bottom, rgba(255, 255, 255, .25) 0, rgba(255, 255, 255, 0) 100%); background-repeat: repeat-x; background-color: #fff; border-radius: 6px; border: 2px solid rgba(0, 0, 0, .18); box-shadow: 0 1px 0 rgba(0, 0, 0, .0075); box-sizing: border-box; cursor: pointer; display: block; float: left; font-size: 14px; font-weight: 400; height: 42px; line-height: 42px; outline: 0; padding-left: 18px; padding-right: 30px; position: relative; text-align: left; transition: all .2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto } .dropdown:hover { border-color: #fc0 } .dropdown.open { border-color: #fc0!important } .dropdown:focus { background-color: #f1f1f1 } .dropdown:hover { background-color: #f3f3f3 } .dropdown.open, .dropdown:active { background-color: #f0f0f0!important; border-color: #e4e4e4; box-shadow: 0 1px 4px rgba(0, 0, 0, .05) inset } .dropdown:after { height: 0; width: 0; border-top: 4px solid #777; transition: all 125ms ease-in-out; content: ''; pointer-events: none; position: absolute; right: 10px; top: 50%; border: solid #161616; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: translateY(calc(-50% - 2px)) rotate(45deg) } .dropdown.open:after { transform: translateY(calc(-50% + 2px)) rotate(225deg) } .dropdown.open .list { transform: scale(1); opacity: 1; pointer-events: auto } .dropdown.open .option { cursor: pointer } .dropdown.wide { width: 100% } .dropdown.wide .list { left: 0!important; right: 0!important } .dropdown .list { box-sizing: border-box; transition: all .15s cubic-bezier(.25, 0, .25, 1.75), opacity .1s linear; transform: scale(.75); transform-origin: 50% 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, .09); background-color: #fff; border-radius: 6px; margin-top: 4px; padding: 3px 0; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; top: 100%; left: 0; z-index: 999; max-height: 300px; overflow-x: hidden; overflow-y: auto } .dropdown .list:hover .option:not(:hover) { background-color: transparent!important } .dropdown .list::-webkit-scrollbar { width: 5px } .dropdown .list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px #fff } .dropdown .list::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3); border-radius: 5px } .dropdown .option { cursor: default; font-weight: 400; line-height: 40px; outline: 0; padding-left: 18px; padding-right: 29px; text-align: left; transition: all .2s } .dropdown .option:focus, .dropdown .option:hover { background-color: #f6f6f6!important } .dropdown .option.selected { font-weight: 600 } .dropdown .option.selected:focus { background: #f6f6f6 } .container-select { max-width: 250px; width: auto; min-width: 250px } .container-select.dropdown-custom { display: flex; align-items: flex-end; width: auto; min-width: auto; padding-bottom: 2px; padding-right: 5px; border-bottom: 1px solid var(--color-elements) } .container-select.dropdown-custom svg { color: var(--color-elements); margin-right: 4px } .container-select.dropdown-custom .current { color: var(--color-elements); font-size: 16px } .container-select.dropdown-custom .dropdown { height: auto; line-height: 100%; width: auto; padding-left: 0; padding-right: 0; border: 0 } .container-select.dropdown-custom .dropdown::after { display: none } .diya_login_wrapper{ display: inline-flex; align-items: center; gap: 16px; float: right; } .diya_login_link{ display: flex; align-items: center; gap: 10px; border: 1px solid #000000; border-radius: 27px; padding: 7px 28px; } .diya_login_icon svg{ width: 28px; height: 28px; } .diya_modal_timer { font-weight: bold; font-size: 30px; font-style: italic; color: #61bd8a; } .diya_errors{ display: flex; flex-direction: column; align-content: center; justify-content: center; } .diya_modal-body{ display: flex; flex-direction: row; justify-content: space-between; padding: 0 10px; } .diya_block{ display: flex; justify-content: center; flex-direction: row; align-items: center; } .diya_errors #quick_buy_spiner{ display: flex; align-items: center; justify-content: center; } .diya_content_mob{ display: none; } .diya_content_link{ display: inline-flex; flex-direction: row; gap: 7px; padding: 8px 25px; line-height: 100%; justify-content: space-between; align-items: center; border: 2px solid #717171; border-radius: 12px; margin-top: 20px; } .diya_content_mob_link{ padding: 15px; margin: 20px 0; border: 2px solid #cfcfcf; } .diya_content_link svg{ width: 22px; } #diya-modal .modal-window{ max-width: 700px !important; } .diya_modal_wrapper_qr{ display: flex; flex-direction: column; width: 50%; gap: 10px; align-items: center; justify-content: center; } #diya-docs-modal .modal-window { max-width: 420px !important; } #diya-docs-modal .modal-header .modal-title{ font-size: 1.1rem; } .diya_modal_wrapper_back{ display: flex; padding: 20px; background: #000000; flex-direction: column; align-items: center; justify-content: center; } .diya_modal-qr table{ width: 230px; height: 230px; } .diya_modal_wrapper_back p{ color: #ffffff; margin-bottom: 10px; } .diya_modal-info{ display: flex; width: 50%; flex-direction: column; } .diya_list{ list-style: auto; margin-top: 10px; padding-left: 20px; } .diya_modal_timer-wrapper{ width: 80%; box-sizing: border-box; background: rgba(24, 152, 81, .1); border-radius: 12px; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; font-size: 18px; line-height: 20px; } .diya_modal_timer-text{ display: flex; } .diya_modal_timer-text-mob{ display: none; } .company_list .news__title{ min-height: 50px; } .calc-item-bottom-info__links{ flex: 1 100%; margin-bottom: 20px; } .calc-item-bottom-info .link_sk{ font-size: 13px; background-color: #009340; padding: 5px 10px; border-radius: 15px; color: #FFFFFF; } .calc-item-bottom-info .link_sk:hover{ cursor: pointer; text-decoration: underline; text-decoration-color: #ffffff; } .diya_reboot_link{ display: inline-flex; flex-direction: row; gap: 10px; padding: 8px 20px; border: 1px solid #000000; background: #f7b460; flex-wrap: nowrap; align-items: center; align-content: center; border-radius: 12px; } @media (max-width:580px) { .block-sort { font-size: 14px } .diya_modal_timer-wrapper{ width: 100%; } .diya_modal_timer-text{ display: none; } .diya_modal_timer-text-mob{ display: flex; font-size: 15px; } .diya_content_pc{ display: none; } .container-select.dropdown-custom { max-width: 170px } .container-select.dropdown-custom svg { min-width: 25px } .container-select.dropdown-custom .dropdown .current { max-width: 140px; overflow-x: hidden } .calc-item-bottom-info .link_sk { font-size: 11px; } .bottom_sk_links{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; } .diya_login_wrapper{ display: flex; justify-content: flex-end; float: none; padding-bottom: 20px; } .modal_logo-gerb svg, .modal_logo-diya svg{ width: 65px; height: 65px; } .diya_modal-body{ flex-direction: column; } .diya_modal_wrapper_back{ display: none; } .diya_modal_wrapper_qr{ width: 100%; } #diya-modal .modal-header .modal-title{ font-size: 1rem; } #diya-modal.modal.open .modal-overlay, #diya-modal.modal.open .modal-window{ z-index: 11160 !important; } .diya_reboot_qr{ display: none; } .diya_modal-info{ width: 100%; } .diya_content_mob{ display: block; text-align: center; } } @media (max-width:375px) { .container-select.dropdown-custom { max-width: 140px } .container-select.dropdown-custom .dropdown .current { max-width: 110px } #diya-modal .modal_logo { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0; margin-bottom: 30px; gap: 20px; } .diya_login_link{ padding: 7px 12px; font-size: 13px; } } .by { bottom: 12px; color: #aaa; font-size: 12px; left: 0; position: absolute; right: 0; text-align: center } .mobile-menu { position: fixed; left: 0; width: 100%; padding: 15px; background: #fff; z-index: 20; visibility: hidden; pointer-events: none; opacity: 0; left: -400px; transition: .5s; overflow-y: auto; box-shadow: 0 0 10px rgba(0, 0, 0, .15); display: none } .mobile-menu .tel-list { margin-top: 20px; margin-bottom: 30px } .mobile-menu .tel-list__item:not(:last-child) { margin-bottom: 25px } .mobile-menu .tel-list__item .tel { display: flex; align-items: center; font-weight: 700 } .mobile-menu .tel-list__item .tel img { margin-right: 8px; filter: invert(1) } .mobile-menu .tel-list__item .tel-btn { font-weight: 600; font-size: 14px; line-height: 140%; -webkit-text-decoration-line: underline; text-decoration-line: underline; text-transform: uppercase; color: #161616 } .mobile-menu .nav-menu__item { display: flex; width: 100%; justify-content: center; max-width: 100% } .mobile-menu .nav-menu__item .header-submenu { transform: translateX(-50%) translateY(60px); width: 100% } .mobile-menu .nav-menu__item:not(:last-child) { margin-right: 0; margin-bottom: 23px } .mobile-menu .nav-menu__item a { width: 100% } .mobile-menu .mobile-menu-select { max-width: none; min-width: auto; width: 85px; height: 35px } .mobile-menu .mobile-menu-select .dropdown { display: flex; padding: 0; border: none; height: auto; background-color: #fff; padding: 10px 7px; padding-left: 0; line-height: 13px; position: relative; font-size: 20px; text-transform: uppercase } .mobile-menu .mobile-menu-select .dropdown::after { padding: 4px; right: 20px } .mobile-menu.pre-open { display: block } .mobile-menu.open { visibility: visible; pointer-events: auto; opacity: 1; left: 0 } .main-banner { padding: 36px 0; padding-bottom: 41px; position: relative } .main-banner .container.privilege-container-banner { max-width: 1000px } .main-banner .container { position: relative } .main-banner .country-map { position: absolute; right: -200px; top: 19px } .main-banner__title { margin: 0 auto; margin-bottom: 20px; font-weight: 800; font-size: 40px; line-height: 125%; text-align: center; color: #fff; max-width: 800px } .main-banner__subtitle { margin: 0 auto; margin-bottom: 24px; font-weight: 400; font-size: 26px; text-align: center; color: #fff; max-width: 1050px } .main-banner__subtitle-bg { font-weight: 500; font-size: 18px; text-align: center; color: #161616; padding: 13px 30px; border-radius: 150px; background: #fc0 } .main-banner__subtitle-bottom { font-weight: 800; font-size: 18px; text-align: center; color: #fff } .main-banner .insurance-list { margin: 30px auto; margin-bottom: 10px } .insurance-list { max-width: 1275px; margin: 0 auto } .insurance-list .insurance-list-item-wrapper { display: flex; flex-direction: column; align-items: center; width: 100%; transition: .2s } .insurance-list__item { width: 100%; max-width: 280px; border-radius: 30px; padding: 23px 15px; background-color: #fff; display: flex; flex-direction: column; align-items: center; position: relative } .insurance-list__item::before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: #fff; opacity: 0 } .insurance-list__img { position: relative; z-index: 1; min-height: 85px } .insurance-list__img img { max-width: 82px; min-width: 82px } .insurance-list__title { position: relative; z-index: 1; display: flex; align-items: center; font-weight: 700; font-size: 15px; text-align: center; text-transform: uppercase; color: #161616; margin: 12px 0; height: 36px; overflow: hidden } .insurance-list__more { position: relative; z-index: 1; font-weight: 500; font-size: 14px; line-height: 17px; text-align: center; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #009340 } @media (min-width:992px) { .insurance-list .insurance-list-item-wrapper { transition: .2s } .insurance-list .insurance-list-item-wrapper:hover { transform: scale(1.1) } } @media (max-width:1560px) { .main-banner .country-map { right: -140px } } @media (max-width:1280px) { .main-banner .country-map { display: none } .main-banner__title { font-size: 36px } } @media (max-width:991px) { .insurance-list { max-width: 500px } } @media (max-width:767px) { .main-banner { padding: 28px 0 } .main-banner__title { margin: 0 auto; margin-bottom: 10px; font-size: 30px } .main-banner__subtitle { margin-bottom: 10px; font-size: 21px } .main-banner__subtitle-bg { font-size: 18px; color: #161616; padding: 11px 26px } .main-banner__subtitle-bottom { font-size: 18px } .main-banner .insurance-list { margin: 30px auto } .insurance-list { max-width: 435px } .insurance-list__item { padding: 20px 5px; padding-bottom: 10px } .insurance-list__img { min-height: 54px } .insurance-list__img img { max-width: 54px; min-width: 54px } .insurance-list__title { font-size: 15px; margin: 15px 0; height: 49px; margin-bottom: 0 } } @media (max-width:490px) { .main-banner { padding: 27px 0 } .main-banner .insurance-list { max-width: 375px } .main-banner__title { margin: 0 auto; margin-bottom: 10px; font-size: 17px; line-height: 130% } .main-banner__subtitle { margin-bottom: 10px; font-size: 16px } .main-banner__subtitle-bg { font-size: 15px; color: #161616; padding: 6px 21px } .main-banner__subtitle-bottom { font-size: 16px } .main-banner .insurance-list { margin: 30px auto } .insurance-list .insurance-list-item-wrapper { padding: 0 10px } .insurance-list__item { padding: 17px 5px; padding-bottom: 10px } .insurance-list__img img { max-width: 51px; min-width: 51px } .insurance-list__title { display: flex; align-items: center; justify-content: center; font-size: 14px; height: 49px; margin: 8px 0; margin-bottom: 0 } .insurance-list__more { display: none } } @media (max-width:385px) { .main-banner { padding: 27px 0 } .main-banner .insurance-list { margin-left: -13px!important; margin-right: -13px!important } } .banner-page-default { padding: 34px 0; position: relative } .banner-page-default .breadcrumbs { justify-content: flex-start!important } .banner-page-default .breadcrumbs a { color: #fff!important } .banner-page-default.banner-page-default--osago { padding: 47px 0; padding-bottom: 85px } .banner-page-default.banner-page-default--blue .banner-page-default__subtitle, .banner-page-default.banner-page-default--blue .banner-page-default__title { color: #286e8a } .banner-page-default.banner-page-default--blue .breadcrumbs { justify-content: flex-start!important } .banner-page-default.banner-page-default--blue .breadcrumbs a { color: #000!important } .banner-page-default.banner-page-default--shadow::before { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(22, 22, 22, .5) } .banner-page-default__title { position: relative; margin: 0; margin-bottom: 35px; font-weight: 800; font-size: 27px; text-align: center; color: #fff } .banner-page-default__title.banner-title-casco, .banner-page-default__title.banner-titlte-tourism { max-width: 750px; margin: 0 auto; margin-bottom: 35px } .banner-page-default__subtitle { display: flex; justify-content: center; font-weight: 700; font-size: 22px; text-align: center; color: #fff; margin-top: 7px } .banner-page-default .banner-content { width: 100%; position: relative } .banner-page-default .banner-privilege-list { padding-top: 50px; padding-bottom: 28px } .banner-page-default .banner-privilege-list .banner-privilege-list-item-wrapper { display: flex; height: 100% } .banner-page-default .banner-privilege-list__item { display: flex; flex-direction: column; align-items: center; justify-content: center } .banner-page-default .banner-privilege-list__img { margin-bottom: 12px; height: 74px } .banner-page-default .banner-privilege-list__img img { width: 86px; height: 74px } .banner-page-default .banner-privilege-list__title { display: flex; justify-content: center; text-align: center; margin-bottom: 10px; font-weight: 700; font-size: 22px; text-align: center; color: #fff } .banner-page-default .banner-privilege-list__text { font-size: 16px; line-height: 140%; text-align: center; color: #fff } @media (max-width:767px) { .banner-page-default.banner-page-default--osago { padding: 35px 0 } .banner-page-default__title { font-size: 21px } .banner-page-default__subtitle { font-size: 17px } } @media (max-width:520px) { .banner-page-default__title { font-size: 17px } .banner-page-default__subtitle { font-size: 14px } } .privilege { padding-top: 60px } .privilege.privilege--tourism .privilege__item { padding: 28px 13px } .privilege.privilege--tourism .privilege__img { display: flex; justify-content: center; align-items: center; width: 75px; max-height: 75px; margin-bottom: 13px } .privilege.privilege--tourism .privilege__img img { width: auto; height: auto; bject-fit: contain } .privilege__item { display: flex; flex-direction: column; align-items: center; background-color: #fff; padding: 36px 17px; box-shadow: 0 3px 10px rgba(0, 0, 0, .1); border-radius: 10px; height: 100% } .privilege__img { height: 88px; margin-bottom: 30px } .privilege__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -o-object-fit: unset; object-fit: unset } .privilege__title { margin: 0; margin-bottom: 14px; font-weight: 700; font-size: 18px; text-align: center; color: #161616; position: relative; height: 46px; overflow: hidden; padding-bottom: 0 } .privilege__title::before { content: ''; position: absolute; background: #fc0; border-radius: 10px; width: 100%; height: 4px; bottom: 0; left: 0 } .privilege__text { text-align: center; font-size: 13px; line-height: 130%; color: #161616; max-width: 100% } @media (max-width:1280px) { .privilege__item { padding: 30px 14px } .privilege__img { height: 80px; margin-bottom: 23px } .privilege__title { margin-bottom: 18px; font-size: 18px; height: 47px } .privilege__text { max-width: 100% } } @media (max-width:1200px) { .privilege { padding-top: 80px } } @media (max-width:991px) { .privilege { padding-top: 60px } } @media (max-width:757px) { .privilege { padding-top: 50px } .privilege__item { padding: 20px 14px } .privilege__img { margin-bottom: 6px } } @media (max-width:480px) { .privilege { padding-top: 30px } } .privilege-list-wrapper { padding: 35px 0 } .privilege-list-wrapper .privilege-list__item { display: flex; flex-direction: column; align-items: center } .privilege-list-wrapper .privilege-list__img { display: flex; align-items: center; justify-content: center; max-width: 131px; min-width: 131px; max-height: 131px; min-height: 131px; background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, .1); border-radius: 50% } .privilege-list-wrapper .privilege-list__info { display: flex; justify-content: center; align-items: center; text-align: center; margin-top: 20px; max-width: 260px; width: 100%; font-size: 13px } @media (max-width:575px) { .privilege-list-wrapper .privilege-list__img { max-width: 54px; min-width: 54px; max-height: 54px; min-height: 54px; box-shadow: none; margin-right: 7px } .privilege-list-wrapper .privilege-list__item { flex-direction: row; justify-content: center } } .privilege-info { padding: 35px 0 } .privilege-info .container { display: flex; flex-direction: column; justify-content: center; align-items: center } .privilege-info .privilege-info__title { color: #ff5c00; font-weight: 800; font-size: 50px } .privilege-info .privilege-info__title .number { color: #ff5c00; font-size: 110px } .privilege-info .privilege-info__subtitle { color: #ff5c00; font-weight: 700; font-size: 30px } .privilege-info .privilege-info__description { color: #ff5c00; font-weight: 500; font-size: 22px; text-align: center } @media (max-width:850px) { .privilege-info .privilege-info__title { font-size: 24px } .privilege-info .privilege-info__title .number { font-size: 42px } .privilege-info .privilege-info__subtitle { font-size: 20px } .privilege-info .privilege-info__description { font-size: 16px } } :root { --disabled-color: #b1b1b1; --disabled-text: #a7a7a7; } /* Базовий контейнер чекбокса */ .container-checkbox { display: flex; align-items: center; gap: 10px; cursor: pointer; } /* Коли інпут реально disabled — фарбуємо “галочку” та текст, блокуємо курсор */ .container-checkbox input[type="checkbox"]:disabled + .checkmark { background: var(--disabled-color) !important; border-color: var(--disabled-color) !important; cursor: not-allowed; opacity: 0.8; } .container-checkbox input[type="checkbox"]:disabled ~ .checkbox-name .add-name { color: var(--disabled-text); } .container-checkbox input[type="checkbox"]:disabled ~ .checkbox-name .add-info { opacity: .6; } /* Опційно: коли контейнер позначено класом is-disabled (див. Blade нижче) */ .container-checkbox.is-disabled { cursor: not-allowed; } .container-checkbox.is-disabled .checkmark { background: var(--disabled-color) !important; border-color: var(--disabled-color) !important; } .container-checkbox.is-disabled .checkbox-name, .container-checkbox.is-disabled .checkbox-name .add-name { color: var(--disabled-text); } /* Вимикаємо наведення/активні ефекти для disabled */ .container-checkbox input[type="checkbox"]:disabled + .checkmark:hover, .container-checkbox.is-disabled .checkmark:hover { box-shadow: none; } /* Радіокнопки документів пільг у disabled-стані (на випадок, якщо колись потрібно) */ .container-privileges-docs input[type="radio"]:disabled + label { color: var(--disabled-text); cursor: not-allowed; opacity: .8; } /* Поле міста, коли відключене (abroad = true) */ .wrapper_custom-select input[disabled] { background: #f2f2f2; color: #9b9b9b; cursor: not-allowed; } .wrapper_custom-select input[disabled] ~ .ewa_city-arrow, .wrapper_custom-select input[disabled] ~ .input-loader { opacity: .4; pointer-events: none; } .wrapper_custom-select input[disabled] ~ .search_result { display: none !important; /* не відкриваємо список підказок */ } .car-form-single-wrapper { padding: 25px 0; background: #fff; box-shadow: 0 4px 17px rgba(0, 0, 0, .1) } .checkmark--disabled { background: #b1b1b1; } .car-form input[name=number]{ text-align: center; padding: 5px 0; font-size: 26px; } .car-form .number__wrapper{ position: relative; display: inline-block; width: 100%; } .container-privileges-docs{ position: absolute; top: 30px; width: 120%; background: #ffffff; border-radius: 20px; border: 2px solid rgba(108, 108, 108, 0.26); -webkit-box-shadow: 10px 9px 5px -4px rgba(0,0,0,0.65); -moz-box-shadow: 10px 9px 5px -4px rgba(0,0,0,0.65); box-shadow: 10px 9px 5px -4px rgba(0,0,0,0.65); transition: 2s; z-index: 12; } .container-privileges-docs ul li:first-child label{ border-top-left-radius: 20px; border-top-right-radius: 20px; } .container-privileges-docs ul li:last-child label{ border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .container-privileges-docs label { display: inline-block; width: 100%; padding: 10px 10px; } .container-privileges-docs label:hover { background-color: rgba(108, 108, 108, 0.26); cursor: pointer; } input[type="radio"].radio-doc-privileges { display: initial; position: absolute; opacity: 0; } input[type="radio"].radio-doc-privileges:checked + label { background-color: rgba(108, 108, 108, 0.26); } .number__flag{ position: absolute; left: 12px; top: 4px; width: 22px; height: 15px; background: url("../images/flag-ua.webp"); background-size: contain; } .car-form .number__wrapper::before{ content: ''; background-size: 33px 16px; position: absolute; left: 0; top: 0; width: 45px; height: 100%; background-color: #0e42c7; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .car-form .number__wrapper::after{ content: 'ua'; position: absolute; left: 0; bottom: 0; width: 45px; height: 50%; text-transform: uppercase; font-weight: 600; font-size: 12px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; text-align: center; border-bottom-left-radius: 4px; } .car-form .add-name{ -webkit-line-clamp: 1; line-clamp: 1; display: -webkit-box !important; -webkit-box-orient: vertical; overflow: hidden; } /*.car-form .btn_ocago_form {*/ /* font-size: 21px;*/ /*}*/ .dropdown .current { font-size: initial; font-weight: 600 } @media (min-width:992px) { .car-form-single-wrapper .car-form-button-wrapper, .car-form-single-wrapper .car-form-field-wrapper { order: -1 } .car-form-single-wrapper .car-form-button-wrapper { margin-top: 1.3rem!important } .car-form-block--single-inputs .car-form-button-wrapper, .car-form-block--single-inputs .car-form-field-wrapper { order: -1 } .car-form-block--single-inputs .car-form-button-wrapper { margin-bottom: 1em!important } } .car-form-block.car-form-block--driver .tabs-header .tab-h { width: 32%; word-break: break-all } .car-form-block.car-form-block--driver .tab-body { border-radius: 0 0 10px 10px; padding: 20px } .car-form-block.car-form-block--single-inputs.car-form---green-purchase { padding: 25px 0; box-shadow: 0 4px 17px rgba(0, 0, 0, .1) } .car-form-block.car-form-block--single-inputs.car-form---green-purchase .container { padding: 0 } .car-form-block.car-form-block--single-inputs.car-form---green-purchase .car-form { padding: 0; background: #fff; border-radius: 0; border: none } .car-form-block.car-form-block--single-inputs .car-form { display: flex; align-items: flex-end; width: 100%; background: #fff; padding: 40px; border: 2px solid #009340; box-sizing: border-box; border-radius: 10px } .car-form-block.car-form-block--single-inputs .car-form .row { width: 100%; align-items: flex-end } .car-form-block .tabs-header { display: flex; margin-bottom: -2px } .car-form-block .tabs-header .tab-h, .car-form-block .tabs-header .tab-h-sub { display: flex; align-items: center; padding: 16px 43px; padding-bottom: 13px; background: #fff; border: 2px solid #009340; border-bottom: 2px solid #009340; box-sizing: border-box; border-radius: 10px 10px 0 0; font-weight: 700; font-size: 18px; color: #161616; outline: 0 } .car-form-block .tabs-header .tab-h svg, .car-form-block .tabs-header .tab-h-sub svg { margin-right: 5px; fill: #161616 } .car-form-block .tabs-header .tab-h-sub.active, .car-form-block .tabs-header .tab-h.active { color: #009340; z-index: 2; border-bottom: 2px solid #fff } .car-form-block .tabs-header .tab-h-sub.active svg, .car-form-block .tabs-header .tab-h.active svg { fill: #009340 } .car-form-block .tabs-header .tab-h-sub:not(:last-child), .car-form-block .tabs-header .tab-h:not(:last-child) { margin-right: 40px } .car-form-block .tab-body { padding: 40px; background: #fff; border: 2px solid #009340; box-sizing: border-box; border-radius: 0 10px 10px 10px } .car-form-block .wrapper-info-section { display: flex; flex-direction: column; padding: 22px 0; padding-bottom: 10px; border-bottom: 1px solid rgba(22, 22, 22, .2) } .car-form-block .wrapper-info-section:last-child { border-bottom: none } .car-form-block .wrapper-info-section__title { margin: 0; margin-bottom: 6px; font-weight: 700; font-size: 16px; text-transform: uppercase; color: #161616 } .car-form-block .wrapper-info-section .input-wrapper { display: flex; flex-direction: column; padding: 10px 0 } .car-form-block .wrapper-info-section .input-wrapper .name { display: flex; font-size: 13px; color: #009742; font-weight: 700; margin-bottom: 5px; } #order_checkout-form .add-name, #order_checkout-form .form-label__name { font-size: 13px; color: #009742; font-weight: 700; } #otpOrderPay .modal-body form { display: flex; flex-direction: column; justify-content: center; align-items: center; } #order_checkout-form .liqpay-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 30px; max-width: 345px; min-height: 52px; padding: 14px 20px; border: 0; background: linear-gradient(135deg, #9fdb57 0%, #71ca5e 33.7%, #36b98f 68.75%, #1fadc3 100%); border-radius: 8px; color: #fff; font-size: 16px; font-weight: 700; line-height: 1; cursor: pointer; transition: background .2s ease, transform .2s ease; } .liqpay-btn:hover { background: #4aa950; } .liqpay-btn:active { transform: translateY(1px); } .liqpay-btn__icon { flex-shrink: 0; } .liqpay-btn__text { display: inline-block; } .liqpay-btn__icon { width: 20px; height: 20px; object-fit: contain; } .car-form-block .car-form-mini-input-wrapper { display: flex; align-items: center; border-bottom: 1px solid rgba(22, 22, 22, .2); padding-bottom: 20px } .car-form-block .car-form-mini-input { font-size: 14px } .car-form-block .car-form-mini-input:not(:last-child) { margin-right: 50px } .car-form-block .car-form-mini-input input { max-width: 55px; max-height: 40px; margin-left: 24px } .car-form-block .button-container-characteristic .button-wrapper { margin-bottom: calc(1em + 21px) } @media (max-width:1280px) { .car-form-block .tab-body { padding: 30px 20px } .car-form-block .car-characteristic-title { font-size: 13px } } @media (max-width:991px) { .car-form-block .button-container-characteristic .button-wrapper { margin-bottom: 0; margin-top: 12px } .car-form-block .tab-body { border-radius: 0 0 10px 10px; padding: 20px } .car-form-block .tabs-header { display: flex; flex-wrap: wrap; justify-content: space-between } .car-form-block .tabs-header .tab-h { width: 49%; padding: 15px 20px; font-size: 19px } .car-form-block .tabs-header .tab-h img, .car-form-block .tabs-header .tab-h svg { display: none } .car-form-block .tabs-header .tab-h:not(:last-child) { margin-right: 2% } } .our-products-body .car-form-block .container { padding: 0 } @media (max-width:580px) { .car-form-block.car-form-block--single-inputs .car-form { padding: 30px 10px } .car-form-block .car-form-mini-input-wrapper { flex-direction: column; justify-content: flex-start; align-items: flex-start } .car-form-block .car-form-mini-input-wrapper .car-form-mini-input:not(:last-child) { margin-right: 0; margin-bottom: 20px } .car-form-block .tabs-header .tab-h, .car-form-block .tabs-header .tab-h-sub { padding: 15px 15px; font-size: 14px } .car-form-block .tabs-header .tab-h-sub { width: calc(50% - 5px) } .car-form-block .tabs-header .tab-h-sub:not(:last-child) { margin-right: 0; margin-right: 10px } } @media (max-width:420px) { .car-form-block .tabs-header .tab-h, .car-form-block .tabs-header .tab-h-sub { padding: 9px 13px; font-size: 13px!important } } .reviews .swiper-button-next { right: 0; top: 50%; transform: translateY(-50%); height: 100%; margin: 0 } .reviews .swiper-button-next img { width: 27px; transform: rotate(180deg) } .reviews .swiper-button-next::after { display: none } .reviews .swiper-button-prev { left: 0; top: 50%; transform: translateY(-50%); height: 100%; background-color: #fff; margin: 0 } .reviews .swiper-button-prev img { width: 27px } .reviews .swiper-button-prev::after { display: none } .reviews .swiper-container { padding: 0 35px; overflow: hidden } .reviews__item { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f0f0f0; border-radius: 36px; padding: 34px 20px } .reviews__name { font-weight: 700; font-size: 22px; text-align: center; margin: 0; display: block; margin-bottom: 17px } .reviews .rate { display: flex } .reviews .rate__item { display: flex; align-items: center; justify-content: center } .reviews .rate__item:not(:last-child) { margin-right: 7px } .reviews .reviews-text-wrapper { position: relative; margin: 30px 0; padding: 16px 0 } .reviews .reviews-text-wrapper::after, .reviews .reviews-text-wrapper::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; max-width: 110px; height: 1px; background-color: rgba(22, 22, 22, .2) } .reviews .reviews-text-wrapper::before { top: 0 } .reviews .reviews-text-wrapper::after { bottom: 0 } .reviews__text { padding: 0 6px; position: relative; text-align: center; max-height: 90px; height: 90px; overflow-y: auto } .reviews .date { font-size: 13px; line-height: 140%; text-align: center; color: #161616; opacity: .5 } @media (max-width:991px) { .reviews .swiper-container { padding: 0 27px } } @media (max-width:680px) { .reviews .swiper-button-next, .reviews .swiper-button-prev { background-color: transparent } .reviews .swiper-button-next { right: 1px } .reviews .swiper-button-prev { left: 1px } .reviews .swiper-container { padding: 0; padding-left: 0 } } .help-block { padding: 100px 0; padding-bottom: 55px } .help-block .container { max-width: 960px } .help-block .bg-wrapper { margin-top: 80px; background-size: cover!important; background-attachment: fixed!important; position: relative } .help-block .help-list-wrapper-item { position: relative; z-index: 3 } .help-block .help-list__item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px 20px; background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, .1); border-radius: 10px; height: 100%; position: relative; z-index: 1 } .help-block .help-list__img { height: 98px; margin-bottom: 34px } .help-block .help-list__img img { min-width: 98px; max-width: 98px } .help-block .help-list__title { font-weight: 700; font-size: 22px; text-align: center; color: #161616; margin: 0; margin-bottom: 16px; height: 47px; overflow: hidden; position: relative } .help-block .help-list__text { font-size: 14px; line-height: 140%; margin-bottom: 12px; text-align: center } .help-block .help-list .btn-default { max-width: 260px; width: 100% } @media (min-width:991px) { .help-block .help-list-wrapper-item:first-child { padding-right: 35px } .help-block .help-list-wrapper-item:last-child { padding-left: 35px } .help-block .bg-wrapper::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 40px; background: #fff } .help-block .bg-wrapper::after { content: ''; position: absolute; top: 0; width: 100%; height: 40px; background: #fff } .help-block .help-list__text { height: 94px; overflow: hidden; overflow-y: auto; position: relative } } @media (max-width:991px) { .help-block { padding: 45px 0 } .help-block .bg-wrapper { background: 0 0!important; margin-top: 35px } .help-block .help-list .help-list-wrapper-item:not(:last-child) { margin-bottom: 30px } .help-block .help-list__item { height: 100%; transform: translateY(0) } } @media (max-width:650px) { .help-block .help-list__title { font-size: 18px; height: auto } .help-block .help-list__img { height: 64px; margin-bottom: 15px } .help-block .help-list__img img { max-width: 55px; min-width: 55px } } .our-products .our-products-body { margin-top: 50px } .our-products__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } .our-products__title { margin: 0; margin-bottom: 9px; font-weight: 700; font-size: 16px; line-height: 140%; color: #161616 } .our-products__text p { margin: 0; font-size: 14px } .our-products__text p.open { display: inline-block } .our-products__text p:not(:last-child) { margin-bottom: 14px } .our-products .js-more-text-btn { margin-top: 0 } .our-products .tabs-header { display: flex } .our-products .tabs-header .tab-h { width: 24%; padding: 14px 7px; background: #fff; box-shadow: inset 1px 1px 4px rgba(0, 0, 0, .2); border-radius: 40px; color: #161616; outline: 0; font-weight: 700; font-size: 13px; text-align: center } .our-products .tabs-header .tab-h:not(:last-child) { margin-right: 1.333% } .our-products .tabs-header .tab-h.active { background: linear-gradient(180deg, #009340 0, #00be53 100%); color: #fff } .our-products .tabs-header .tab-h-mobile { display: none } .our-products .tabs-header .tab-header-submenu-mobile { display: none } .js-text-block p { margin: 0 } .js-text-block p:not(:last-child) { margin-bottom: 15px } .js-more-text-btn { display: none; margin-top: 15px; border-bottom: 1px dashed #000 } .js-more-text-btn:hover { text-decoration: none } @media (max-width:991px) { .our-products .tabs-header { display: flex; flex-wrap: wrap } .our-products .tabs-header .tab-h { display: block; width: 100%; margin-bottom: 10px } .our-products .tabs-header .tab-h.tab-h-mobile { display: flex; justify-content: center; align-items: center; width: 100%; position: relative; font-size: 16px } .our-products .tabs-header .tab-h.tab-h-mobile::after { content: ""; height: 0; width: 0; margin-top: 4px; transition: all .125s ease-in-out; pointer-events: none; margin-left: 10px; border: solid #fff; border-top: 4px solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; position: static; transform: translateY(-50%) rotate(45deg) } .our-products .tabs-header .tab-header-submenu-mobile { display: flex; flex-direction: column; opacity: 0; pointer-events: none; visibility: hidden; transition: opacity .2s; z-index: 6; max-width: 500px; width: 100%; background: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, .3); padding: 15px 23px; position: absolute; left: 50%; transform: translateX(-50%) translateY(65px) } .our-products .tabs-header .tab-header-submenu-mobile::before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #fff transparent; top: -10px; left: 50%; transform: translateX(-50%); z-index: 2 } .our-products .tabs-header .tab-header-submenu-mobile.open { opacity: 1; pointer-events: auto; visibility: visible } .our-products .tabs-header .tab-header-submenu-mobile .tab-h { display: flex; width: 100%; text-align: center; align-items: center; justify-content: center; font-size: 16px; padding: 15px 10px } .our-products .tabs-header .tab-header-submenu-mobile .tab-h:not(:last-child) { margin-bottom: 10px } .our-products .our-products-body { margin-top: 30px } .our-products .js-more-text-btn { display: inline-block } .our-products__text p { display: none } .our-products__text p:first-child { display: inline-block } .js-text-block p, .js-text-block ul, .js-text-block ol{ display: none } .js-text-block p:first-child { display: inline-block } .js-text-block p:nth-child(2) { display: inline-block } .js-text-block p:nth-child(3) { display: inline-block } .js-text-block p:nth-child(4) { display: inline-block } .js-text-block p.open, .js-text-block ul.open, .js-text-block ol.open{ display: inline-block } .js-more-text-btn { display: inline-block; margin-top: 0 } } .why-us .why-us-inn-wrapper { display: flex; align-items: center } .why-us .why-us-card { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; min-width: 490px; max-width: 490px; height: 280px; padding: 25px; border-radius: 35px; box-shadow: 0 0 20px 2px rgba(34, 60, 80, .2) } .why-us .why-us-card__title { font-weight: 800; font-size: 30px; text-align: center; color: #161616; margin: 0; margin-bottom: 7px } .why-us .why-us-card__subtitle { font-weight: 700; font-size: 30px; line-height: 120%; text-align: center; color: #161616; margin: 0; margin-bottom: 7px } .why-us .why-us-text { background: #f0f0f0; border-radius: 36px; padding: 30px 45px; width: 100%; margin-left: 40px } .why-us .why-us-text__item { display: flex; align-items: center; font-weight: 500 } .why-us .why-us-text__item:not(:last-child) { margin-bottom: 26px } .why-us .why-us-text__item img { margin-right: 7px } .why-us .why-us-text.why-us-text--service { display: flex; align-items: center; padding: 10px 20px } .why-us .why-us-text.why-us-text--service .info { width: 50% } .why-us .why-us-text.why-us-text--service .img { position: relative; width: 50%; height: 100% } .why-us .why-us-text.why-us-text--service .img .img-big { position: static; width: 100%; max-width: 317px } .why-us .why-us-text.why-us-text--service .why-us-text__title { font-weight: 700; font-size: 30px; line-height: 37px; margin: 0; margin-bottom: 11px } .why-us .why-us-text.why-us-text--service .why-us-text__text p { margin: 0 } .why-us .why-us-text.why-us-text--service .why-us-text__text p:not(:last-child) { margin-bottom: 10px } .why-us.why-us--service { padding: 50px 0; padding-bottom: 50px } .why-us .why-us-list { padding-top: 70px } .why-us .why-us-list__item { display: flex; flex-direction: column; position: relative; padding-left: 25px; height: 100% } .why-us .why-us-list__item::before { content: ''; position: absolute; display: flex; left: 0; top: 0; width: 10px; height: 100%; background: #fc0; border-radius: 5px 0 0 5px } .why-us .why-us-list__title { margin: 0; margin-bottom: 12px; font-weight: 700; font-size: 22px; line-height: 27px } .why-us .why-us-list__text { font-size: 14px; line-height: 140% } .why-us .why-us-guarantee-list { display: flex; padding: 20px 0; padding-bottom: 60px } .why-us .why-us-guarantee-list__item { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, .1); border-top: 17px solid #009340; border-radius: 10px 10px 10px 10px; padding: 15px; min-width: calc(20% - 20px); margin: 0 10px } .why-us .why-us-guarantee-list__title { display: flex; align-items: center; margin: 0; margin-bottom: 14px; font-weight: 700; font-size: 18px; height: 62px; overflow: hidden; text-align: center; color: #161616; position: relative } .why-us .why-us-guarantee-list__text { line-height: 140%; text-align: center; word-break: break-word; position: relative; height: 242px; overflow: hidden; overflow-y: auto } .why-us .green-card-privilege { display: flex; padding-top: 55px; padding-bottom: 15px } .why-us .green-card-privilege__item { display: flex; flex-direction: column; align-items: center; width: 20%; padding: 0 10px; margin-bottom: 16px } .why-us .green-card-privilege__img { height: 95px; margin-bottom: 15px } .why-us .green-card-privilege__title { font-weight: 700; font-size: 18px; text-align: center; color: #161616; position: relative; height: 50px; overflow: hidden } .why-us .green-card-privilege__title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #fc0; border-radius: 10px; width: 60%; height: 4px } .why-us .green-card-privilege__text { display: flex; justify-content: center; align-items: center; margin-top: 14px; text-align: center } @media (max-width:1400px) { .why-us .why-us-guarantee-list { padding-bottom: 35px } .why-us .why-us-text.why-us-text--service { display: flex; align-items: center; padding: 10px 20px } .why-us .why-us-text.why-us-text--service .info { width: 50% } .why-us .why-us-text.why-us-text--service .img { position: relative; width: 50%; height: 100% } .why-us .why-us-text.why-us-text--service .img .img-big { position: static; width: 100%; max-width: 312px; margin-left: auto } .why-us .why-us-text.why-us-text--service .why-us-text__title { font-weight: 700; font-size: 30px; line-height: 37px; margin: 0; margin-bottom: 11px } .why-us .why-us-text.why-us-text--service .why-us-text__text p { margin: 0 } .why-us .why-us-text.why-us-text--service .why-us-text__text p:not(:last-child) { margin-bottom: 10px } .why-us.why-us--service { padding: 50px 0; padding-bottom: 50px } .why-us .green-card-privilege__title { font-size: 19px; padding-bottom: 14px } } @media (max-width:1250px) { .why-us .why-us-inn-wrapper { flex-direction: column; align-items: center } .why-us .why-us-inn-wrapper .why-us-card { margin-bottom: 30px } .why-us .why-us-inn-wrapper .why-us-text { margin-left: 0 } .why-us .why-us-guarantee-list { display: flex; flex-wrap: wrap } .why-us .why-us-guarantee-list__item { min-width: calc(33.33% - 20px); width: calc(33.33% - 20px); margin: 0 10px; margin-bottom: 20px } .why-us .why-us-guarantee-list__title { margin-bottom: 16px; font-size: 26px } .why-us .green-card-privilege { flex-wrap: wrap } .why-us .green-card-privilege__item { width: 25% } .why-us .green-card-privilege__title { font-size: 17px } } @media (max-width:991px) { .why-us .why-us-guarantee-list { padding-bottom: 20px } .why-us .green-card-privilege__item { width: 33.33% } .why-us-list { padding-top: 40px } } @media (max-width:767px) { .why-us .green-card-privilege__item { width: 50% } .why-us .why-us-guarantee-list__item { min-width: calc(50% - 20px); width: calc(50% - 20px) } .why-us .why-us-guarantee-list__title { margin-bottom: 13px; font-size: 21px } } @media (max-width:580px) { .why-us .green-card-privilege__item { width: 100% } .why-us .why-us-inn-wrapper .why-us-card { margin-bottom: 30px; min-width: 400px; max-width: 400px; height: 231px; padding: 15px } .why-us .why-us-inn-wrapper .why-us-card__title { font-size: 24px; margin-bottom: 3px } .why-us .why-us-inn-wrapper .why-us-card__subtitle { font-size: 19px } .why-us .why-us-inn-wrapper .why-us-text { padding: 0; background: 0 0 } .why-us .why-us-text.why-us-text--service { flex-direction: column } .why-us .why-us-text.why-us-text--service .info { width: 100% } .why-us .why-us-guarantee-list__item { min-width: 100%; width: 100%; margin: 0; margin-bottom: 20px } .why-us .why-us-guarantee-list__title { margin-bottom: 13px; font-size: 19px } } @media (max-width:420px) { .why-us .why-us-inn-wrapper .why-us-card { margin-bottom: 30px; min-width: 310px; max-width: 310px; height: 185px; padding: 15px } .why-us .why-us-inn-wrapper .why-us-card__title { font-size: 19px; margin-bottom: 0 } .why-us .why-us-inn-wrapper .why-us-card__subtitle { font-size: 16px } .why-us .why-us-inn-wrapper .why-us-card .btn-default { padding: 7px 14px } .why-us .why-us-inn-wrapper .why-us-text { padding: 0; background: 0 0 } } .digital-policy-list__item { background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, .1); border-radius: 10px; height: 100% } .digital-policy-list__img { padding: 7px; border-radius: 10px } .digital-policy-list__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } .digital-policy-list__info { display: flex; flex-direction: column; justify-content: space-between; padding: 24px 16px; padding-top: 10px } .digital-policy-list__title { display: flex; align-items: flex-start; justify-content: center; font-weight: 700; font-size: 16px; text-align: center; margin: 0; margin-bottom: 4px; height: 52px; overflow: hidden; position: relative } .digital-policy-list .btn-wrapper { margin-top: 11px } .digital-policy-list .btn-wrapper .btn-default { padding: 13px 10px; font-size: 12px; max-width: 260px; width: 100% } .digital-policy-list .btn-wrapper .btn-default.btn-default--download { padding: 0; padding-left: 18px; padding-right: 65px; height: 40px; text-align: center; display: flex; justify-content: space-between; } .digital-policy-list .btn-wrapper .btn-default.btn-default--download .download-img { position: absolute; right: 0; margin-left: 18px; max-width: 50px } .google__top{ padding: 30px 25px; background-color: #f2f2f2; margin-bottom: 50px; border-radius: 30px } .google__top-logo{ display: flex; flex-direction: row; align-items: center; gap: 10px; } .google__bottom{ display: flex; flex-direction: row; align-items: baseline; gap: 10px; } .google__bottom_rate{ font-size: 22px; font-weight: 600; } .google__top-img{ max-width: 150px; } .google__top-title{ font-weight: 500; font-size: 27px; } .reviews__top{ display: flex; flex-direction: row; width: 100%; gap: 10px; } @media (max-width:767px) { .google__top{ margin-bottom: 20px; } .google__top-logo{ margin-bottom: 10px; } .google__top-img{ max-width: 95px; } .google__top-title{ font-weight: 500; font-size: 20px; } } .reviews.reviews__google .reviews__name{ margin-bottom: 7px; font-weight: 600; font-size: 20px; } .google__reviews-text-wrapper{ margin-top: 15px; } .reviews.reviews__google .rate--google{ align-self: flex-start; margin-top: 15px; } .reviews__top-img{ width: 50px; } .google__secure{ display: flex; gap: 10px; flex-direction: row; align-items: center; margin-top: 10px; width: 100%; } .google__secure-img{ width: 35px; } .google__secure-text{ display: flex; gap: 5px; flex-direction: column; align-items: flex-start; color: #afafaf; } .google__secure-brand{ color: green; font-weight: 500; } .digital-policy-list__text { font-size: 14px; line-height: 140%; text-align: center; height: 190px; overflow: hidden; overflow-y: auto; position: relative; word-break: break-word; } @media (max-width:991px) { .digital-policy-list .digital-policy-list__text { height: 120px } } @media (max-width:575px) { .digital-policy-list__title { height: auto } .digital-policy-list__title::before { display: none } .digital-policy-list .digital-policy-list__text { height: auto } } .question-block-wrapper .swiper-container { padding: 10px 40px } .question-block-wrapper .question-block__item { display: flex; flex-direction: column; background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, .1); border-radius: 10px } .question-block-wrapper .question-block__item .info { display: flex; flex-direction: column; height: 380px; max-height: 380px; overflow-y: auto; padding: 30px } .question-block-wrapper .question-block__title { font-weight: 700; font-size: 22px; line-height: 27px; margin-bottom: 23px } .question-block-wrapper .question-block__text { font-size: 14px; line-height: 140% } @media (max-width:991px) { .question-block-wrapper .swiper-container { padding: 15px } .question-block-wrapper .question-block .info { padding: 15px; height: 320px; max-height: 320px } .question-block-wrapper__title { font-size: 18px } } @media (max-width:620px) { .question-block-wrapper .swiper-container { padding: 10px 3px } } .city-block-wrapper { padding: 30px 0 } .city-block-wrapper .btn-all-city { max-width: 220px; width: 100% } .city-block__item { position: relative } .city-block__item img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; border-radius: 10px } .city-block__info { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%) translateY(0); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100% } .city-block__name { font-weight: 700; font-size: 16px; text-align: center; color: #fff; background: rgba(22, 22, 22, .8); border-radius: 10px; padding: 5px 13px } .city-block .button-wrapper { display: flex; justify-content: center; margin-top: 8px } .city-block .button-wrapper .btn-default { font-size: 13px; padding: 10px 14px } .swiper-mobile-city { display: none!important } @media (max-width:991px) { .city-block.city-block-desktop { display: none } .city-block-wrapper .btn-default.btn-all-city { margin-top: 25px; max-width: 220px; width: 100% } .swiper-mobile-city { display: flex!important } } .contacts { margin-top: 50px } .contacts .contacts-info { padding: 40px; background: #f0f0f0; border-radius: 10px; border-left: 26px solid #fc0; border-radius: 10px 0 0 10px } .contacts .contacts-map { width: 100%; height: 100% } .contacts .contacts-map iframe { width: 100%; height: 100% } @media (max-width:991px) { .contacts .contacts-map { margin-top: 30px; height: 50vw } .btn-all-city { display: none } } @media (max-width:1491px) { #otpOrderPay .modal-window { max-height: 100%; overflow-y: auto } } .input-data-wrapper { width: 100%; position: relative } .input-data-wrapper .data-img { position: absolute; left: 10px; top: 50%; transform: translateY(-50%) } .input-data-wrapper input { padding-left: 50px!important } .modal-overlay .wide { height: 100% } .calculation-page-content-wrapper { background-color: #f0f0f0; padding: 12px 0 } .calc-top-filter { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px } .calc-top-filter .calc-top-filter__filter-select { margin-left: 10px } .calc-list .calc-list-item:not(:last-child) { margin-bottom: 25px } .calc-list .calc-item-top { display: flex; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .15); border-radius: 10px; padding: 15px } .calc-list .calc-item-top .calc-item-top__logo { width: 15%; box-sizing: content-box; margin-left: -15px; padding-left: 15px; padding-right: 15px; padding-top: 55px; position: relative } .calc-list .calc-item-top .calc-item-top__logo .mark { position: absolute; left: 0; top: 0; background: red; border-radius: 0 20px 20px 0; padding: 7px 8px; font-weight: 700; font-size: 12px; line-height: 140%; text-transform: uppercase; color: #fff } .calc-list .calc-item-top .calc-item-top__logo .calc-item-top__img { max-width: 166px } .calc-list .calc-item-top .calc-item-top__logo .calc-item-top__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .calc-list .calc-item-top .calc-item-top__logo .calc-item-top__logo-name { display: flex; justify-content: center; text-align: center; margin-top: 13px; font-size: 13px } .calc-list .calc-item-top .calc-item-top__logo .rating { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 21px } .calc-list .calc-item-top .calc-item-top__logo .rating .rating-name { display: inline; text-align: center; font-size: 12px; color: #161616; position: relative; padding-left: 13px } .calc-list .calc-item-top .calc-item-top__logo .rating .rating-name::before { content: '\00AB'; position: absolute; left: 0; top: calc(50% - 1px); transform: translateY(-50%); display: block; margin-right: 6px; color: red; font-size: 18px; font-weight: 700 } .calc-list .calc-item-top .calc-item-top__logo .rating .rating-colors { display: flex; justify-content: center; align-items: center; margin-top: 10px } .calc-list .calc-item-top .calc-item-top__logo .rating .rating-colors__item { width: 8px; height: 8px; border-radius: 50% } .calc-list .calc-item-top .calc-item-top__logo .rating .rating-colors__item:not(:last-child) { margin-right: 10px } .calc-list .calc-item-top .calc-item-top__logo .rating .rating-colors__item:nth-child(1) { background: #009340 } .calc-list .calc-item-top .calc-item-top__logo .rating .rating-colors__item:nth-child(2) { background: #fc0 } .calc-list .calc-item-top .calc-item-top__logo .rating .rating-colors__item:nth-child(3) { background: red } .calc-list .calc-item-top .calc-item-top__info { width: 65%; box-sizing: content-box; padding: 0 25px; border-right: 1px solid rgba(22, 22, 22, .2); border-left: 1px solid rgba(22, 22, 22, .2) } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-info .text, .calc-list .calc-item-top .calc-item-top__info .text { font-size: 14px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top__name { margin: 0; margin-bottom: 18px; font-weight: 600; font-size: 18px; line-height: 140%; color: #161616 } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-selectors { display: flex } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-selectors .select-in-wrapper { height: 42px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-selectors .calc-item-top-selectors__franchise .container-select { max-width: 190px; min-width: 190px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-selectors .calc-item-top-selectors__franchise .container-select .dropdown .current { display: flex; overflow: hidden } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-selectors .calc-item-top-selectors__policy { margin-left: 20px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-selectors .calc-item-top-selectors__policy .selector-wrapper-with-info { display: flex } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-selectors .calc-item-top-selectors__policy .selector-wrapper-with-info .info { margin-right: 6px; font-size: 13px; max-width: 120px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-selectors .calc-item-top-selectors__policy .container-select { max-width: 225px; min-width: 225px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-selectors .calc-item-top-selectors__policy .container-select .dropdown .current { display: flex; overflow: hidden } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-privilege { display: flex; margin-top: 18px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-privilege .calc-item-top-privilege__info { font-size: 14px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-privilege .calc-item-top-privilege__info p, .calc-list .calc-item-top .calc-item-top__info .calc-item-top-privilege .calc-item-top-privilege__info span { font-size: 13px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-privilege .calc-item-top-privilege__info .description { font-size: 13px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-privilege .calc-item-top-privilege__img { margin-right: 10px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-privilege .calc-item-top-privilege__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; max-width: 136px; min-width: 136px; max-height: auto; min-height: auto; -o-object-fit: contain; object-fit: contain } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-buttons { display: flex; align-items: center; justify-content: flex-end; margin-top: 30px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-buttons .btn-wrapper { display: flex; margin-right: 10px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-buttons .js-open-descr { max-width: 370px; width: 370px; position: relative } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-buttons .js-open-descr.is-active .arrow { transform: translateY(calc(50% - 7px)) rotate(225deg) } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-buttons .js-open-descr:hover .arrow { border: solid #161616; border-width: 0 2px 2px 0 } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-buttons .js-open-descr .arrow { height: 0; width: 0; border-top: 4px solid #777; transition: all 125ms ease-in-out; pointer-events: none; position: absolute; right: 10px; top: 50%; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: translateY(calc(-50% - 2px)) rotate(45deg) } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-buttons .policy-copy-btn { border-bottom: 1px dashed #000; font-size: 14px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-buttons .policy-copy-btn:hover { border-bottom: 1px dashed transparent } .calc-list .calc-item-top .calc-item-top__additional { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 20%; box-sizing: content-box; padding-left: 15px; position: relative } .calc-list .calc-item-top .calc-item-top__additional .calc-item-top-sale { display: flex; margin-bottom: 20px; position: relative } .calc-list .calc-item-top .calc-item-top__additional .calc-item-top-sale .price-old { display: block; margin-right: 37px; font-size: 15px; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: #161616; opacity: .8 } .calc-list .calc-item-top .calc-item-top__additional .calc-item-top-sale .sale { position: absolute; right: -15px; display: flex; align-items: center; justify-content: center; padding: 2px 3px; background: red; border-radius: 20px 0 0 20px; color: #fff; font-weight: 800; font-size: 15px; text-transform: uppercase; color: #fff } .calc-list .calc-item-top{ position: relative; } .calc-list .calc-item-top .cashback { position: absolute; right: 20px; top: 15px; padding: 7px 8px; font-weight: 700; font-size: 14px; color: #f3b91e; line-height: 140%; } .calc-list .calc-item-top .calc-item-top__additional .calc-item-top-price { margin-top: 33px; display: block; margin-bottom: 20px; font-weight: 600; font-size: 21px; line-height: 120%; text-align: center; color: red; opacity: .8 } .calc-list .calc-item-top .calc-item-top__additional .btn-wrapper { display: flex; justify-content: center; align-items: center } .calc-list .calc-item-top .calc-item-top__additional .btn-wrapper .btn-default { padding: 7px 11px; font-size: 13px } .calc-list .calc-item-top .calc-item-top__additional .pay-card-list { margin-top: 17px; display: flex; justify-content: space-between; align-content: center } .calc-list .calc-item-top .calc-item-top__additional .pay-card-list__item { display: flex; align-content: center; justify-content: center; margin-bottom: 3px; min-width: 0; min-height: 0; } .calc-list .calc-item-top .calc-item-top__additional .pay-card-list__item img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .calc-list .calc-item-top .calc-item-top__additional .pay-card-list__item:not(:last-child) { margin-right: 3px } .calc-list .calc-item-top .calc-item-top__additional .calc-item-top-icons { display: flex; justify-content: center; align-content: center; margin-top: 17px } .calc-list .calc-item-top .calc-item-top__additional .calc-item-top-icons__item { display: flex; justify-content: center; align-content: center } .calc-list .calc-item-top .calc-item-top__additional .calc-item-top-icons__item:hover { opacity: .6 } .calc-list .calc-item-top .calc-item-top__additional .calc-item-top-icons__item:not(:last-child) { margin-right: 25px } .calc-list .calc-item-bottom { display: none; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .15); border-radius: 10px; margin-top: 2px; padding: 15px } .calc-list .calc-item-bottom.open { display: flex; flex-wrap: wrap; justify-content: space-between; } .calc-item-bottom-info-item-img-button .btn-wrapper{ display: flex; } .calc-list .calc-item-bottom .calc-item-bottom-info .calc-item-bottom-info-item:not(:last-child) { margin-bottom: 15px } .calc-list .calc-item-bottom .calc-item-bottom-info .calc-item-bottom-info-item__title { display: block; margin-bottom: 8px; font-weight: 600; font-size: 15px; line-height: 140%; color: #161616 } .calc-list .calc-item-bottom .calc-item-bottom-info .calc-item-bottom-info-item-list { margin: 0; padding: 0 } .calc-list .calc-item-bottom .calc-item-bottom-info .calc-item-bottom-info-item-list__item { display: flex; align-items: center; font-size: 13px; line-height: 135%; color: #000; position: relative } .calc-list .calc-item-bottom .calc-item-bottom-info .calc-item-bottom-info-item-list__item:not(:last-child) { margin-bottom: 6px } .calc-list .calc-item-bottom .calc-item-bottom-info .calc-item-bottom-info-item-list__item::before { content: ''; display: block; margin-right: 5px; background: url(2bbbe3a9fc99b6c79951d7e2cc31b2ad.svg); max-width: 17px; min-width: 17px; max-height: 13px; min-height: 13px } .calc-list .calc-item-bottom .calc-item-bottom-info-item-img-button { display: flex; align-items: center } .calc-list .calc-item-bottom .calc-item-bottom-info-item-img-button .img { max-width: 137px; margin-right: 10px } .calc-list .calc-item-bottom .calc-item-bottom-info-item-img-button .img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .calc-list .calc-item-bottom .calc-item-bottom-rating { margin-left: 15px; padding: 25px 30px; background: #f0f0f0; border-radius: 6px } .calc-list .calc-item-bottom .calc-item-bottom-rating .calc-item-bottom-rating__result { margin-top: 17px; font-weight: 500; font-size: 16px; line-height: 140%; color: #161616 } .calc-list .calc-item-bottom .calc-item-bottom-rating .calc-item-bottom-rating__title { display: flex; align-items: center; font-size: 17px; margin-bottom: 17px } .calc-list .calc-item-bottom .calc-item-bottom-rating .calc-item-bottom-rating__title::before { content: '\00AB'; display: block; margin-right: 6px; color: red; font-size: 22px; font-weight: 700 } .calc-list .calc-item-bottom .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item { padding-bottom: 13px; border-bottom: 1px solid rgba(22, 22, 22, .2) } .calc-list .calc-item-bottom .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item:not(:last-child) { margin-bottom: 15px } .calc-list .calc-item-bottom .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item__title { display: block; margin-bottom: 6px; font-size: 14px } .calc-list .calc-item-bottom .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item .calc-item-bottom-rating-list-item-info { display: flex; align-items: center; position: relative } .calc-list .calc-item-bottom .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item .calc-item-bottom-rating-list-item-info::before { content: ''; display: block; margin-right: 7px; max-width: 7px; min-width: 7px; max-height: 7px; min-height: 7px; border-radius: 50%; background: #009340 } .calc-list .calc-item-bottom .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item .calc-item-bottom-rating-list-item-info.good::before { background: #009340 } .calc-list .calc-item-bottom .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item .calc-item-bottom-rating-list-item-info.bad::before { background: red } .calc-list .calc-item-bottom .calc-item-bottom-rating .calc-item-bottom-rating-list .calc-item-bottom-rating-list-item .calc-item-bottom-rating-list-item-info.middle::before { background: #fc0 } .ss-main .ss-single-selected .placeholder { padding-left: 13px } .ss-main .ss-single-selected .placeholder .ss-disabled { color: #000 } .placeholder { color: #000 } .ss-content .ss-list .ss-option.ss-disabled { color: #000 } .calc-item-bottom-list-text__item:not(:last-child) { margin-bottom: 6px } .calc-banner-info { border-top: 5px solid #009340; padding: 18px 13px; background: #fff } .calc-banner-info .text { font-weight: 500; font-size: 18px; line-height: 130%; text-align: center; color: #161616 } .calc-banner-info .calc-banner-info-logo { margin: 0 auto; margin-top: 15px; max-width: 210px } .calc-banner-info .calc-banner-info-logo img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } .calc-banner-info.calc-banner-info--green { border-top: 5px solid #009340 } .calc-banner-info.calc-banner-info--red { border-top: 5px solid red } .calc-banner-img { position: relative } .calc-banner-img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .calc-banner-img .calc-banner-img__info { padding: 55px 0; position: relative; z-index: 1 } .calc-banner-img .calc-banner-img__info .text { font-weight: 800; font-size: 35px; line-height: 120%; text-align: center; color: #fff } .calc-banner-img .calc-banner-img__info .number { font-weight: 800; font-size: 80px; line-height: 140%; text-align: center; color: #fff; text-shadow: 0 4px 14px rgba(0, 0, 0, .45) } .info-list__item { position: relative; display: flex; align-items: center; font-size: 14px } .info-list__item:not(:last-child) { margin-bottom: 8px } .info-list__item::before { content: ''; display: block; margin-right: 5px; background: url(2bbbe3a9fc99b6c79951d7e2cc31b2ad.svg); max-width: 17px; min-width: 17px; max-height: 13px; min-height: 13px } .have-add-info { font-size: 13px; position: relative } .have-add-info:hover .add-name { opacity: .6 } .have-add-info:hover .add-info { display: block } .have-add-info .add-name { display: inline; cursor: pointer; position: relative } .have-add-info .add-name::before { content: ''; position: absolute; right: -15px; top: -6px; max-width: 13px; min-width: 13px; max-height: 13px; min-height: 13px; background: url(a21500e53fda93f182b70d3e68fa9750.svg) } .have-add-info .add-info { display: none; padding: 12px; background: #fff2bd; border: 1px solid #fc0; box-sizing: border-box; border-radius: 7px; position: absolute; top: calc(100% + 10px); z-index: 7777; font-size: 13px; font-weight: 500 } .have-add-info .add-info::before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fff2bd transparent; top: -8px; left: 50%; transform: translateX(-50%); z-index: 5 } .have-add-info .add-info::after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fc0 transparent; top: -9px; left: 50%; transform: translateX(-50%); z-index: 2 } .calc-item-info-additional { display: flex; align-items: center; padding: 10px; background: #f0f0f0; border-radius: 300px } .calc-item-info-additional .calc-item-info-additional__img { margin-right: 5px; max-width: 20px; min-width: 20px; max-height: auto; min-height: auto } .calc-item-info-additional .calc-item-info-additional__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .calc-item-info-additional .calc-item-info-additional__text { font-size: 13px } @media (max-width:1350px) { .calc-banner-img .calc-banner-img__info { padding: 48px 0 } .calc-banner-img .calc-banner-img__info .text { font-size: 26px } .calc-banner-img .calc-banner-img__info .number { font-size: 50px } } @media (max-width:520px) { .calc-list .calc-item-top .calc-item-top__info .calc-item-top-selectors .calc-item-top-selectors__policy .container-select { max-width: 130px; min-width: 130px } } @media (max-width:1150px) { .calc-list .calc-item-top .calc-item-top__logo { width: 20% } .calc-list .calc-item-top .calc-item-top__info { width: 60%; padding: 0 15px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-buttons .js-open-descr { width: auto } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-selectors .calc-item-top-selectors__policy .container-select { max-width: 100%; min-width: 130px } .calc-list .calc-item-top .calc-item-top__additional { width: 20% } } @media (min-width:768px) { .calc-list .calc-item-top .calc-item-top__additional .calc-item-top-sale { position: absolute; top: 0; right: 0; width: 100%; padding-left: 10px } } @media (max-width:991px) { .calc-item-info-additional { border-radius: 45px } .calc-banner-img, .calc-banner-info { display: none } } @media (max-width:767px) { .calc-item-info-additional { border-radius: 15px } .calc-list .calc-item-bottom { flex-wrap: wrap } .calc-list .calc-item-bottom .calc-item-bottom-info { width: 100% } .calc-list .calc-item-bottom .calc-item-bottom-rating { margin-left: 0; width: 100%; padding: 15px; margin-top: 15px } .calc-list .calc-item-top { flex-wrap: wrap } .calc-list .calc-item-top .calc-item-top__logo { order: -2; width: calc(50% - 15px); display: flex; flex-direction: column; align-items: flex-start; box-sizing: content-box; padding: 0; padding-left: 15px; padding-top: 40px } .calc-list .calc-item-top .calc-item-top__logo .rating { margin-top: 6px } .calc-list .calc-item-top .calc-item-top__logo .calc-item-top__img { margin-right: 10px } .calc-list .calc-item-top .calc-item-top__logo .calc-item-top__logo-name { margin-right: 10px } .calc-list .calc-item-top .calc-item-top__additional { display: flex; flex-direction: column; align-items: flex-end; width: 50%; box-sizing: content-box; order: -1 } .calc-list .calc-item-top .calc-item-top__info { margin-top: 10px; padding: 0; width: 100%; border: 0 } } @media (max-width:480px) { .calc-list .calc-item-bottom .btn-default { padding: 11px 12px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-privilege { flex-direction: column } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-privilege .calc-item-top-privilege__img { margin-right: 0; margin-bottom: 8px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-buttons { margin-top: 10px; flex-direction: column } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-buttons .btn-wrapper { margin-right: 0; margin-bottom: 10px } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-selectors { flex-direction: column } .calc-list .calc-item-top .calc-item-top__info .calc-item-top-selectors .calc-item-top-selectors__policy { margin-top: 10px; margin-left: 0 } } @media (max-width:420px) { .calc-top-filter { justify-content: center; flex-direction: column } .calc-top-filter .calc-top-filter__filter-select { margin-left: 0; margin-top: 10px } } .admin_additional_orders { text-align: center; margin-top: 30px; font-size: 20px; font-weight: 700 } .profile-tabs .tabs-header { display: flex; margin-bottom: -2px } .profile-tabs .tabs-header .tab-h { display: flex; align-items: center; padding: 16px 20px; padding-bottom: 13px; background: #fff; border: 2px solid #009340; border-bottom: 2px solid #009340; box-sizing: border-box; border-radius: 10px 10px 0 0; font-weight: 700; font-size: 15px; color: #161616; outline: 0 } .profile-tabs .tabs-header .tab-h:not(:last-child) { margin-right: 15px } .profile-tabs .tabs-header .tab-h.active { color: #009340; border-bottom: 2px solid transparent } .profile-tabs .tab-body { border-radius: 0 10px 10px 10px; padding: 20px; background: #fff; border: 2px solid #009340; box-sizing: border-box } .profile-insurance-policies-item__title { display: block; font-weight: 700; font-size: 18px; color: #161616; margin-bottom: 10px } .plus-delimiter { font-size: 20px; margin-right: 10px; font-weight: 700 } .profile-insurance-policies-item-table { width: 100% } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-item__name-cell { display: none } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-header { border-bottom: 1px solid rgba(22, 22, 22, .2) } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-header th { width: 20%; text-align: left; font-size: 14px; color: #161616; opacity: .7; padding-bottom: 10px } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-item:not(:last-child) { border-bottom: 1px solid rgba(22, 22, 22, .2) } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-item td { font-size: 14px; color: #161616; width: 20%; padding: 10px 0 } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-item .sal-download-info { display: flex; align-items: center } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-item .profile-insurance-policies-item-table-title { display: flex; align-items: flex-start; justify-content: flex-start; margin-left: 10px; text-align: center } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-item .profile-insurance-policies-item-table-button { display: flex; align-items: center; justify-content: flex-start; margin-left: 10px; margin-top: 5px } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-item .profile-insurance-policies-item-table-button a { margin-right: 10px } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-item .profile-insurance-policies-item-table-button .profile-insurance-policies-item-table-button__download { filter: invert(1); margin: 0 auto } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-item .profile-insurance-policies-item-table-button .btn-default { display: block; padding: 11px } @media (max-width:991px) { .profile-tabs .tabs-header .tab-h { padding: 15px; font-size: 14px } .profile-tabs .tabs-header .tab-h:not(:last-child) { margin-right: 8px } .profile-insurance-policies-item-table .sal-download-info { flex-direction: column } .profile-insurance-policies-item-table .sal-download-info .profile-insurance-policies-item-table-button { margin-left: 0; margin-top: 5px } } @media (max-width:650px) { .profile-tabs .tab-body { padding: 13px } .calc-list .calc-item-top .calc-item-top__additional .pay-card-list__item:nth-child(3){ flex: 1 1 0%; } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-item { display: flex; flex-direction: column } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-item td { display: flex; flex-direction: column; align-items: flex-start; width: 100% } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-item .sal-download-info { align-items: flex-start } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-header { display: none } .profile-insurance-policies-item-table .profile-insurance-policies-item-table-item__name-cell { display: flex; font-weight: 700; margin-bottom: 10px } } @media (max-width:530px) { .profile-tabs { margin-left: -10px; margin-right: -10px } .profile-tabs .tabs-header .tab-h { padding: 10px 7px; font-size: 13px } .profile-tabs .tabs-header .tab-h:not(:last-child) { margin-right: 5px } } @media (max-width:530px) { .profile-tabs .tabs-header .tab-h { padding: 10px 3px; font-size: 11px } .profile-tabs .tabs-header .tab-h:not(:last-child) { margin-right: 3px } } .profile-item .profile-upload-photo { display: flex; align-items: center } .profile-item .profile-upload-photo .profile-upload-photo-input:hover .text { border-bottom: 1px dashed transparent } .profile-item .profile-upload-photo input { width: 100% } .profile-item .profile-upload-photo .text { display: inline-block; border-bottom: 1px dashed #000 } .profile-item .profile-upload-photo .img { margin-right: 9px; max-width: 32px; min-width: 32px; max-height: 32px; min-height: 32px } .profile-item .profile-upload-photo .img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; max-width: 32px; min-width: 32px; max-height: 32px; min-height: 32px } .profile-item .change-password { text-decoration: underline } .profile-item .change-password:hover { text-decoration: none } .purchase-wrapper { background: #f0f0f0; padding: 36px 0 } .wrapper-promocode { align-items: center } .checkout_date_period { border: 2px solid transparent!important } .checkout_date_period:hover { border: 2px solid #fc0!important } .purchase-banner { margin: 0; margin-bottom: 30px; padding: 17px; background: #05b853; box-shadow: 0 0 8px rgba(0, 0, 0, .15); border-radius: 10px } .purchase-banner__info { font-weight: 700; font-size: 18px; line-height: 140%; color: #fff } .purchase-banner__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } .purchase-item { background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .15); border-radius: 10px; padding: 14px } .purchase-item:not(:last-child) { margin-bottom: 30px } .purchase-item .purchase-item-top { display: flex } .purchase-item .purchase-item-top .purchase-item-top-info__title { display: block; margin-bottom: 9px; font-weight: 700; font-size: 15px; line-height: 140%; color: #161616 } .purchase-item .purchase-item-top .purchase-item-top-info__text { font-size: 14px; line-height: 140%; color: #161616 } .purchase-item .purchase-item-top .purchase-item-top-logo { max-width: 89px; width: 100% } .purchase-item .purchase-item-select-wrapper { display: flex; flex-direction: column; margin-bottom: 20px; margin-top: 16px } .purchase-item .btn-wrapper { display: flex } .purchase-policy { background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .15); border-radius: 10px; padding: 37px 32px; padding-bottom: 0 } .purchase-policy__result { display: flex; margin-left: -32px; margin-right: -32px; margin-top: 29px; padding: 19px; width: calc(100% + 64px); background: rgba(0, 147, 64, .2); border-radius: 0 0 10px 10px; font-weight: 600; font-size: 18px; text-align: center } .purchase-policy__title { font-weight: 700; font-size: 18px; text-align: center; color: #161616; margin: 0; margin-bottom: 15px } .purchase-policy .purchase-policy-logo { display: flex; align-items: center; margin-bottom: 7px } .purchase-policy .purchase-policy-logo .purchase-policy-logo-img { display: block; margin-right: 6px; max-width: 107px } .purchase-policy .purchase-policy-logo .purchase-policy-logo-img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .purchase-policy .purchase-policy-logo .purchase-policy-name { font-size: 14px } .purchase-policy .purchase-policy-info { padding: 15px 0 } .purchase-policy .purchase-policy-info .purchase-policy-info-type-img { margin-bottom: 12px } .purchase-policy .purchase-policy-info .purchase-policy-info-type-img img { max-width: 30px } .purchase-policy .purchase-policy-info:not(:last-child) { border-bottom: 1px solid rgba(22, 22, 22, .2) } .purchase-policy .purchase-policy-info:last-child { border-bottom: 0 } .purchase-policy .purchase-policy-info .purchase-policy-info-item { display: flex; align-items: center; justify-content: space-between } .purchase-policy .purchase-policy-info .purchase-policy-info-item:not(:last-child) { margin-bottom: 10px } .purchase-policy .purchase-policy-info .purchase-policy-info-item .name { display: block; margin-right: 5px; font-size: 14px } .purchase-policy .purchase-policy-info .purchase-policy-info-item .value { font-size: 14px; text-align: right } @media (max-width:991px) { .purchase-policy { margin-top: 25px } } .car-characteristic-title { font-size: 13px; color: #009742; } .form-default-item { padding: 30px; background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .15); border-radius: 10px } .form-default-item:not(:last-child) { margin-bottom: 11px } .form-default-item .tabs-header-wrapper { display: flex; align-items: center } .form-default-item .tabs-header-wrapper .tabs-header { margin-left: 15px } .form-default-item .tabs-header { display: flex; align-items: center } .form-default-item .tabs-header .tab-h { cursor: pointer } .form-default-item .tabs-header .tab-h:hover { opacity: .6 } .form-default-item .tabs-header .tab-h.active { font-weight: 700 } .form-default-item .tabs-header .tab-h:not(:last-child) { margin-right: 10px } .type-doc.active{ color: #009340; border-bottom: 1px solid #009340; } .form-default-item .info-dates { display: flex; align-items: center } .form-default-item .info-dates .dates { margin: 0 13px; display: flex; align-items: center; } .form-default-item .info-dates .dates .date-first { color: #009340 } .form-default-item .info-dates .dates .date-first input { border: none; color: #009340 } .form-default-item .info-dates .dates .date-first input:hover { border: none; color: #009340; cursor: pointer } .form-default-item .form-default-item-title-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px } .form-default-item .form-default-item-title-wrapper .additional-info img { margin-right: 5px } .form-default-item .form-default-item-title-wrapper .form-default-item__title { margin: 0 } .form-default-item__title { display: inline-block; margin-bottom: 25px; font-weight: 700; font-size: 16px; line-height: 140%; text-transform: uppercase; color: #161616 } .form-info-result { display: flex; justify-content: flex-end; align-items: center; margin-top: 25px } .form-info-result .info { text-align: right; font-size: 15px } .form-info-result .info .number { font-weight: 600; font-size: 15px; line-height: 140%; text-align: right; color: #161616 } .form-info-result .info .additional { font-size: 14px } .form-info-result .btn-wrapper { display: flex; margin-left: 10px } @media (min-width:992px) { .form-default-item .form-label__name { font-size: 15px } } @media (max-width:850px) { .form-default-item .form-default-item-title-wrapper { flex-direction: column } .form-default-item .form-default-item-title-wrapper .form-default-item__title { margin-bottom: 15px } } @media (max-width:720px) { .form-default-item .tabs-header-wrapper { flex-direction: column; align-items: flex-start } .form-default-item .tabs-header-wrapper .tabs-header { margin-top: 10px; margin-left: 0 } } @media (max-width:550px) { .form-info-result { flex-direction: column } .form-info-result .info { text-align: center } .form-info-result .btn-wrapper { margin-top: 10px; margin-left: 0 } .form-default-item { padding: 20px 13px } .form-default-item .info-dates { display: flex; flex-direction: column } .form-default-item .info-dates .dates { margin: 12px 0 } } .footer { background-color: #161616; padding: 25px 0 } .footer .logo { display: flex; align-items: center; justify-content: center } .footer .logo img { max-width: 215px; width: 100%; filter: drop-shadow(0px 0px 70px rgba(255, 255, 255, .7)) } .footer .footer-menu__title { font-weight: 700; font-size: 14px; line-height: 130%; color: #fff; margin: 0; margin-bottom: 13px } .footer .footer-menu .footer-menu-list { display: flex; flex-direction: column } .footer .footer-menu .footer-menu-list__item { display: flex } .footer .footer-menu .footer-menu-list__item a { color: #fff; font-size: 14px } .footer .footer-menu .footer-menu-list__item a:hover { text-decoration: underline } .footer .footer-menu .footer-menu-list__item:not(:last-child) { margin-bottom: 14px } .footer .footer-additional-info { display: flex; flex-direction: column; margin-top: 17px } .footer .footer-additional-info__item { font-size: 14px; line-height: 140%; color: #fff } .footer .footer-additional-info__item:hover { text-decoration: underline } .footer .footer-additional-info__item:not(:last-child) { margin-bottom: 10px } .social { display: flex; flex-wrap: wrap } .social__item { display: flex; align-items: center; justify-content: center; margin-bottom: 10px; max-width: 37px; min-width: 37px; max-height: 37px; min-height: 37px } .social__item:not(:last-child) { margin-right: 18px } .social__item:hover { opacity: .7 } @media (max-width:1350px) { .social__item:not(:last-child) { margin-right: 15px } } @media (max-width:1240px) { .social__item:not(:last-child) { margin-right: 8px } } @media (max-width:991px) { .footer .social__item:not(:last-child) { margin-right: 25px } .footer .footer__item { display: none } .footer .footer__item.footer__item--additional { display: flex; align-items: center; justify-content: center } .footer .footer__item.footer__item--additional .footer-menu { display: flex; flex-direction: column; align-items: center } .footer .footer__item.footer__item--additional .footer-additional-info { align-items: center } } @media (max-width:480px) { .footer .footer-menu__title { text-align: center } .footer .social .social__item:not(:last-child) { margin-right: 15px } } @media (max-width:991px) { .news-container .tabs-header .tab-h:not(:last-child) { margin-right: 10px } .news-container .tabs-header .tab-h { font-size: 13px; padding: 6px } .news-container .tabs-header { display: flex; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; width: 100% } } @-webkit-keyframes pulse { 0% { background-color: rgba(221, 187, 0, .2) } 13% { background-color: rgba(221, 187, 0, .2) } 15% { background-color: rgba(255, 234, 119, .9) } 28% { background-color: rgba(255, 234, 119, .9) } 30% { background-color: rgba(221, 187, 0, .2) } 43% { background-color: rgba(221, 187, 0, .2) } 45% { background-color: rgba(255, 234, 119, .9) } 70% { background-color: rgba(255, 234, 119, .9) } 74% { background-color: rgba(221, 187, 0, .2) } 100% { background-color: rgba(255, 234, 119, .9) } } @keyframes pulse { 0% { background-color: rgba(221, 187, 0, .2) } 13% { background-color: rgba(221, 187, 0, .2) } 15% { background-color: rgba(255, 234, 119, .9) } 28% { background-color: rgba(255, 234, 119, .9) } 30% { background-color: rgba(221, 187, 0, .2) } 43% { background-color: rgba(221, 187, 0, .2) } 45% { background-color: rgba(255, 234, 119, .9) } 70% { background-color: rgba(255, 234, 119, .9) } 74% { background-color: rgba(221, 187, 0, .2) } 100% { background-color: rgba(255, 234, 119, .9) } } @-webkit-keyframes borderPulse { 0% { -webkit-box-shadow: 0 0 0 0 #fff, 0 0 0 1px rgba(221, 187, 0, .8); box-shadow: 0 0 0 0 #fff, 0 0 0 1px rgba(221, 187, 0, .8) } 40% { -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(221, 187, 0, .8); box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(221, 187, 0, .8) } 80% { -webkit-box-shadow: 0 0 0 3px #fff, 0 0 1px 3px rgba(221, 187, 0, .8); box-shadow: 0 0 0 3px #fff, 0 0 1px 3px rgba(221, 187, 0, .8) } } @keyframes borderPulse { 0% { -webkit-box-shadow: 0 0 0 0 #fff, 0 0 0 1px rgba(221, 187, 0, .8); box-shadow: 0 0 0 0 #fff, 0 0 0 1px rgba(221, 187, 0, .8) } 40% { -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(221, 187, 0, .8); box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(221, 187, 0, .8) } 80% { -webkit-box-shadow: 0 0 0 3px #fff, 0 0 1px 3px rgba(221, 187, 0, .8); box-shadow: 0 0 0 3px #fff, 0 0 1px 3px rgba(221, 187, 0, .8) } } @keyframes pulse { 0% { -webkit-transform: scale(0); opacity: 1; transform: scale(0) } 50% { opacity: .5 } to { -webkit-transform: scale(1); opacity: 0; transform: scale(1) } } @-webkit-keyframes show-stat { 0%, 20% { -webkit-transform: scale(1); transform: scale(1) } 21%, 84% { -webkit-transform: scale(0); transform: scale(0) } 85%, to { -webkit-transform: scale(1); transform: scale(1) } } @keyframes show-stat { 0%, 20% { -webkit-transform: scale(1); transform: scale(1) } 21%, 84% { -webkit-transform: scale(0); transform: scale(0) } 85%, to { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes show-icons { 0%, 20% { -webkit-transform: scale(0); transform: scale(0) } 21%, 84% { -webkit-transform: scale(1); transform: scale(1) } 85%, to { -webkit-transform: scale(0); transform: scale(0) } } @keyframes show-icons { 0%, 20% { -webkit-transform: scale(0); transform: scale(0) } 21%, 84% { -webkit-transform: scale(1); transform: scale(1) } 85%, to { -webkit-transform: scale(0); transform: scale(0) } } @-webkit-keyframes icon-change { 0%, 10% { -webkit-transform: translateX(30px); transform: translateX(30px) } 20%, 30% { -webkit-transform: translateX(0); transform: translateX(0) } 40%, 50% { -webkit-transform: translateX(-73px); transform: translateX(-73px) } 60%, 70% { -webkit-transform: translateX(-147px); transform: translateX(-147px) } 80%, to { -webkit-transform: translateX(-219px); transform: translateX(-219px) } } @keyframes icon-change { 0%, 10% { -webkit-transform: translateX(30px); transform: translateX(30px) } 20%, 30% { -webkit-transform: translateX(0); transform: translateX(0) } 40%, 50% { -webkit-transform: translateX(-73px); transform: translateX(-73px) } 60%, 70% { -webkit-transform: translateX(-147px); transform: translateX(-147px) } 80%, to { -webkit-transform: translateX(-219px); transform: translateX(-219px) } } .messenger { width: 70px; height: 70px; position: fixed!important; bottom: 20px; right: 20px; z-index: 1000; -webkit-transition: .6s; -o-transition: .6s; transition: .6s } .messenger * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .messenger__switch { background-size: cover; background-repeat: no-repeat; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #009340; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 70px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; width: 70px } .messenger__static { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; 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: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute } .messenger__static-icon { width: 19px; height: 19px; display: inline } .messenger__static-caption { color: #fff; font-family: Arial, sans-serif; font-size: 10px; font-weight: 700; line-height: 11px; margin: 0; text-align: center } .messenger__pulsation { -webkit-animation: pulseWidget 2s infinite; -webkit-transform: scale(0); animation: pulseWidget 2s infinite; background-color: #000; border-radius: 50px; height: 84px; left: -7px; position: absolute; top: -7px; -ms-transform: scale(0); transform: scale(0); width: 84px; z-index: -1 } @keyframes pulseWidget { 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); } } .messenger__pulsation:nth-of-type(2n) { -webkit-animation-delay: .5s; animation-delay: .5s } .messenger__pulsation.messenger-stop { -webkit-animation: none; animation: none } .messenger__icons { border-radius: 50px; height: 44px; overflow: hidden; position: absolute; width: 44px } .messenger__icons-line { -webkit-transform: translateX(30px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 24px; left: 12px; position: absolute; top: 10px; -ms-transform: translateX(30px); transform: translateX(30px); -webkit-transition: cubic-bezier(.13, 1.49, .14, -.4); -o-transition: cubic-bezier(.13, 1.49, .14, -.4); transition: cubic-bezier(.13, 1.49, .14, -.4) } .messenger__icons-line img { width: 22px; height: 22px } .messenger__icons-line.messenger-stop { -webkit-animation-play-state: paused; animation-play-state: paused } .messenger__icon { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; margin: 0 50px 0 0; user-select: none } .messenger__close { background-color: #009340; border-radius: 100%; top: 0; left: 0; bottom: 0; right: 0; display: none; -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; width: 70px; height: 70px } .messenger__icons.messenger-hide, .messenger__static.messenger-hide { display: none } .messenger__close-icon:first-of-type { margin-left: 0 } .messenger__close-icon { -webkit-transform: rotate(180deg) scale(0); -ms-transform: rotate(180deg) scale(0); transform: rotate(180deg) scale(0); -webkit-transition: all .12s ease-in; -o-transition: all .12s ease-in; transition: all .12s ease-in } .messenger__close.messenger-show { line-height: 0; position: absolute; top: 0; left: 0 } .messenger__close.messenger-show { display: -webkit-box!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important } .messenger__close.messenger-show .messenger__close-icon { width: 12px; height: 12px; -webkit-transform: rotate(0) scale(1); -ms-transform: rotate(0) scale(1); transform: rotate(0) scale(1) } .messenger__block { -webkit-transform: scale(0); -webkit-transform-origin: 80% 105%; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background-color: #fff; -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, .1); box-shadow: 0 0 15px 2px rgba(0, 0, 0, .1); border-radius: 7px; bottom: 85px; -webkit-box-sizing: border-box; box-sizing: border-box; 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; right: 0; padding: 20px; position: absolute; -ms-transform: scale(0); transform: scale(0); -ms-transform-origin: 80% 105%; transform-origin: 80% 105%; -webkit-transition: all .12s ease-out; -o-transition: all .12s ease-out; transition: all .12s ease-out; width: 255px; z-index: 9 } .messenger__block.messenger-show { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .messenger__btn { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin: 8px 0; line-height: 1.2; text-decoration: none } .messenger__btn:before { background: #0084ff no-repeat 50%; border-radius: 50px; content: ""; display: block; height: 40px; margin-right: 10px; width: 40px } .messenger__btn-caption { color: rgba(0, 0, 0, .87); font-family: Arial, sans-serif; font-size: 14px; margin: 0 } .messenger_owner { width: 100%; margin-top: 5px; padding-top: 10px; text-align: center; border-top: 1px solid #e4e4e4; color: #000 } .messenger__btn.messenger__btn_viber:before { background: #7c529d url("/tpl/ocago/images/widget/viber.svg") no-repeat 50% } .messenger__btn.messenger__btn_telegram:before { background: #2ca5e0 url("/tpl/ocago/images/widget/telegram.svg") no-repeat 43% } .messenger__btn.messenger__btn_whatsapp:before { background: #29df12 url("/tpl/ocago/images/widget/icons8-whatsapp.svg") no-repeat 45% 45%; background-size: 68% } .messenger__btn.messenger__btn_phone:before { background: red url("/tpl/ocago/images/widget/phone.svg") no-repeat center; background-size: 55% } .messenger__block.messenger-show { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .messenger-bg { display: block; width: 0; height: 0; background-color: rgba(0, 0, 0, .7); position: fixed; top: 0; left: 0; z-index: 111; opacity: 0; -webkit-transition: opacity .3s linear 0s, width 0s linear .3s, height 0s linear .3s; -o-transition: opacity .3s linear 0s, width 0s linear .3s, height 0s linear .3s; transition: opacity .3s linear 0s, width 0s linear .3s, height 0s linear .3s } .messenger-bg.active { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity .3s linear 0s, width 0s linear 0s, height 0s linear 0s; -o-transition: opacity .3s linear 0s, width 0s linear 0s, height 0s linear 0s; transition: opacity .3s linear 0s, width 0s linear 0s, height 0s linear 0s } .messenger__block { padding-bottom: 10px } .service-signature { width: 100%; margin-top: 8px; padding-top: 5px; text-align: center; border-top: 1px solid #e4e4e4 } .service-signature a { font-size: 12px; text-decoration: none; color: #000!important } body.modal-open { overflow: hidden!important } @media (max-width:900px) { .messenger { top: auto; right: 20px; bottom: 20px } #goToTop>svg { bottom: 100px } .container-privileges-docs{ width: 90%; z-index: 100; } } @media (max-width:900px) { .messenger__static-caption { font-size: 6px } } @media (max-width:900px) { .messenger-bg { display: none } } @media (max-width:767px) { .have-add-info .add-info { width: auto; min-width: 115px; left: 50%; transform: translateX(-50%) } .have-add-info .add-info { font-size: 11px; padding: 4px } } .swiper-mobile-city .swiper-slide { height: auto!important } .promotions-banner .promotions__item { height: auto!important } .header .header-bottom .header-bottom-buttons__item { max-height: 35px; height: 35px; } .mob_text { display: none; } @media (max-width:767px) { .mob_text { display: block; } .mob_text_not { display: none; } .public_offerta{ display: flex; } } .header .header-bottom .logo, .header .header-bottom .logo img { max-height: 98px; } .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } [dir=rtl] .iti__arrow { margin-right: 6px; margin-left: 0; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { display: flex; align-items: center; padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name { margin-right: 6px; } [dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name { margin-right: 0; margin-left: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } [dir=rtl] .iti--allow-dropdown input, [dir=rtl] .iti--allow-dropdown input[type=text], [dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--separate-dial-code input, [dir=rtl] .iti--separate-dial-code input[type=text], [dir=rtl] .iti--separate-dial-code input[type=tel] { padding-right: 52px; padding-left: 6px; margin-right: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } [dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container { right: 0; left: auto; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5263px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("../img/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url("../img/flags@2x.png"); } } .iti__flag.iti__np { background-color: transparent; }