/* Start:/local/templates/delomaks/css/bundle.min.css?1783091690718056*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} @charset "UTF-8"; /*$fa-font-path: "../fonts/webfonts";*/ /*$hamburger-layer-color: #FFF; $hamburger-padding-y: 0px; $hamburger-padding-x: 0px; $border-radius: .15rem; $border-radius-lg: .15rem; $border-radius-sm: .15rem; $font-family-sans-serif: 'Roboto', sans-serif; $font-family-monospace: 'Roboto', sans-serif; // $primary: $indigo; // Links // // Style anchor elements. // $link-color: $blue; // // Forms $input-btn-focus-width: .2rem !default; $input-btn-focus-color: rgba($pink, .25); $input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color; $input-focus-box-shadow: $input-btn-focus-box-shadow; $input-focus-border-color: lighten($pink, 25%); $custom-select-focus-border-color: $pink; $custom-file-focus-border-color: $pink;*/ /*$slick-font-path: "../fonts/"; $slick-loader-path: "../img/";*/ /*! * Bootstrap v5.0.0-alpha1 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: #00b0f5; --bs-indigo: #6610f2; --bs-purple: #2b2564; --bs-pink: #c53e8b; --bs-red: #ff0000; --bs-orange: #ff6900; --bs-yellow: #FEC90C; --bs-green: #28a745; --bs-teal: #20c997; --bs-cyan: #17a2b8; --bs-white: #ffffff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #00b0f5; --bs-secondary: #6c757d; --bs-success: #28a745; --bs-info: #17a2b8; --bs-warning: #FEC90C; --bs-danger: #ff0000; --bs-light: #f8f9fa; --bs-dark: #343a40; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); } *, *::before, *::after { -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #ffffff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: -moz-calc(1.375rem + 1.5vw); font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: -moz-calc(1.325rem + 0.9vw); font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: -moz-calc(1.3rem + 0.6vw); font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: -moz-calc(1.275rem + 0.3vw); font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; -moz-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #00b0f5; text-decoration: underline; } a:hover { color: #0079a9; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; -ms-overflow-style: scrollbar; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: #c53e8b; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #ffffff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6c757d; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } [list]::-webkit-calendar-picker-indicator { display: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: -moz-calc(1.275rem + 0.3vw); font-size: calc(1.275rem + 0.3vw); line-height: inherit; white-space: normal; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: textfield; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: -moz-calc(1.625rem + 4.5vw); font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: -moz-calc(1.575rem + 3.9vw); font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: -moz-calc(1.525rem + 3.3vw); font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: -moz-calc(1.475rem + 2.7vw); font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: -moz-calc(1.425rem + 2.1vw); font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: -moz-calc(1.375rem + 1.5vw); font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #ffffff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: #6c757d; } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { width: 100%; padding-right: 1rem; padding-left: 1rem; margin-right: auto; margin-left: auto; } @media (min-width: 575.99px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 767.99px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 991.99px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1169.99px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } @media (min-width: 1439.99px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: 1400px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 100%; -moz-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -moz-calc(var(--bs-gutter-y) * -1); margin-top: calc(var(--bs-gutter-y) * -1); margin-right: -moz-calc(var(--bs-gutter-x) / -2); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: -moz-calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); } .row > * { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: -moz-calc(var(--bs-gutter-x) / 2); padding-right: calc(var(--bs-gutter-x) / 2); padding-left: -moz-calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); } .col { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -moz-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 4.16667%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 12.5%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20.83333%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 29.16667%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 37.5%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45.83333%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-13 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 54.16667%; } .col-14 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-15 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 62.5%; } .col-16 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-17 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70.83333%; } .col-18 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-19 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 79.16667%; } .col-20 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-21 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 87.5%; } .col-22 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-23 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 95.83333%; } .col-24 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 4.16667%; } .offset-2 { margin-left: 8.33333%; } .offset-3 { margin-left: 12.5%; } .offset-4 { margin-left: 16.66667%; } .offset-5 { margin-left: 20.83333%; } .offset-6 { margin-left: 25%; } .offset-7 { margin-left: 29.16667%; } .offset-8 { margin-left: 33.33333%; } .offset-9 { margin-left: 37.5%; } .offset-10 { margin-left: 41.66667%; } .offset-11 { margin-left: 45.83333%; } .offset-12 { margin-left: 50%; } .offset-13 { margin-left: 54.16667%; } .offset-14 { margin-left: 58.33333%; } .offset-15 { margin-left: 62.5%; } .offset-16 { margin-left: 66.66667%; } .offset-17 { margin-left: 70.83333%; } .offset-18 { margin-left: 75%; } .offset-19 { margin-left: 79.16667%; } .offset-20 { margin-left: 83.33333%; } .offset-21 { margin-left: 87.5%; } .offset-22 { margin-left: 91.66667%; } .offset-23 { margin-left: 95.83333%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 575.99px) { .col-sm { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -moz-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-sm-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-sm-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 4.16667%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 12.5%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20.83333%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 29.16667%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 37.5%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45.83333%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-sm-13 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 54.16667%; } .col-sm-14 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-sm-15 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 62.5%; } .col-sm-16 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-sm-17 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70.83333%; } .col-sm-18 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-sm-19 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 79.16667%; } .col-sm-20 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-sm-21 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 87.5%; } .col-sm-22 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-sm-23 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 95.83333%; } .col-sm-24 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 4.16667%; } .offset-sm-2 { margin-left: 8.33333%; } .offset-sm-3 { margin-left: 12.5%; } .offset-sm-4 { margin-left: 16.66667%; } .offset-sm-5 { margin-left: 20.83333%; } .offset-sm-6 { margin-left: 25%; } .offset-sm-7 { margin-left: 29.16667%; } .offset-sm-8 { margin-left: 33.33333%; } .offset-sm-9 { margin-left: 37.5%; } .offset-sm-10 { margin-left: 41.66667%; } .offset-sm-11 { margin-left: 45.83333%; } .offset-sm-12 { margin-left: 50%; } .offset-sm-13 { margin-left: 54.16667%; } .offset-sm-14 { margin-left: 58.33333%; } .offset-sm-15 { margin-left: 62.5%; } .offset-sm-16 { margin-left: 66.66667%; } .offset-sm-17 { margin-left: 70.83333%; } .offset-sm-18 { margin-left: 75%; } .offset-sm-19 { margin-left: 79.16667%; } .offset-sm-20 { margin-left: 83.33333%; } .offset-sm-21 { margin-left: 87.5%; } .offset-sm-22 { margin-left: 91.66667%; } .offset-sm-23 { margin-left: 95.83333%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 767.99px) { .col-md { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -moz-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-md-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-md-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 4.16667%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 12.5%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20.83333%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 29.16667%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 37.5%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45.83333%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-md-13 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 54.16667%; } .col-md-14 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-md-15 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 62.5%; } .col-md-16 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-md-17 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70.83333%; } .col-md-18 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-md-19 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 79.16667%; } .col-md-20 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-md-21 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 87.5%; } .col-md-22 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-md-23 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 95.83333%; } .col-md-24 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 4.16667%; } .offset-md-2 { margin-left: 8.33333%; } .offset-md-3 { margin-left: 12.5%; } .offset-md-4 { margin-left: 16.66667%; } .offset-md-5 { margin-left: 20.83333%; } .offset-md-6 { margin-left: 25%; } .offset-md-7 { margin-left: 29.16667%; } .offset-md-8 { margin-left: 33.33333%; } .offset-md-9 { margin-left: 37.5%; } .offset-md-10 { margin-left: 41.66667%; } .offset-md-11 { margin-left: 45.83333%; } .offset-md-12 { margin-left: 50%; } .offset-md-13 { margin-left: 54.16667%; } .offset-md-14 { margin-left: 58.33333%; } .offset-md-15 { margin-left: 62.5%; } .offset-md-16 { margin-left: 66.66667%; } .offset-md-17 { margin-left: 70.83333%; } .offset-md-18 { margin-left: 75%; } .offset-md-19 { margin-left: 79.16667%; } .offset-md-20 { margin-left: 83.33333%; } .offset-md-21 { margin-left: 87.5%; } .offset-md-22 { margin-left: 91.66667%; } .offset-md-23 { margin-left: 95.83333%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 991.99px) { .col-lg { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -moz-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-lg-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-lg-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 4.16667%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 12.5%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20.83333%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 29.16667%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 37.5%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45.83333%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-lg-13 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 54.16667%; } .col-lg-14 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-lg-15 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 62.5%; } .col-lg-16 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-lg-17 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70.83333%; } .col-lg-18 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-lg-19 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 79.16667%; } .col-lg-20 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-lg-21 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 87.5%; } .col-lg-22 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-lg-23 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 95.83333%; } .col-lg-24 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 4.16667%; } .offset-lg-2 { margin-left: 8.33333%; } .offset-lg-3 { margin-left: 12.5%; } .offset-lg-4 { margin-left: 16.66667%; } .offset-lg-5 { margin-left: 20.83333%; } .offset-lg-6 { margin-left: 25%; } .offset-lg-7 { margin-left: 29.16667%; } .offset-lg-8 { margin-left: 33.33333%; } .offset-lg-9 { margin-left: 37.5%; } .offset-lg-10 { margin-left: 41.66667%; } .offset-lg-11 { margin-left: 45.83333%; } .offset-lg-12 { margin-left: 50%; } .offset-lg-13 { margin-left: 54.16667%; } .offset-lg-14 { margin-left: 58.33333%; } .offset-lg-15 { margin-left: 62.5%; } .offset-lg-16 { margin-left: 66.66667%; } .offset-lg-17 { margin-left: 70.83333%; } .offset-lg-18 { margin-left: 75%; } .offset-lg-19 { margin-left: 79.16667%; } .offset-lg-20 { margin-left: 83.33333%; } .offset-lg-21 { margin-left: 87.5%; } .offset-lg-22 { margin-left: 91.66667%; } .offset-lg-23 { margin-left: 95.83333%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1169.99px) { .col-xl { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -moz-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-xl-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-xl-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 4.16667%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 12.5%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20.83333%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 29.16667%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 37.5%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45.83333%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xl-13 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 54.16667%; } .col-xl-14 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-xl-15 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 62.5%; } .col-xl-16 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-xl-17 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70.83333%; } .col-xl-18 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xl-19 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 79.16667%; } .col-xl-20 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-xl-21 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 87.5%; } .col-xl-22 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-xl-23 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 95.83333%; } .col-xl-24 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 4.16667%; } .offset-xl-2 { margin-left: 8.33333%; } .offset-xl-3 { margin-left: 12.5%; } .offset-xl-4 { margin-left: 16.66667%; } .offset-xl-5 { margin-left: 20.83333%; } .offset-xl-6 { margin-left: 25%; } .offset-xl-7 { margin-left: 29.16667%; } .offset-xl-8 { margin-left: 33.33333%; } .offset-xl-9 { margin-left: 37.5%; } .offset-xl-10 { margin-left: 41.66667%; } .offset-xl-11 { margin-left: 45.83333%; } .offset-xl-12 { margin-left: 50%; } .offset-xl-13 { margin-left: 54.16667%; } .offset-xl-14 { margin-left: 58.33333%; } .offset-xl-15 { margin-left: 62.5%; } .offset-xl-16 { margin-left: 66.66667%; } .offset-xl-17 { margin-left: 70.83333%; } .offset-xl-18 { margin-left: 75%; } .offset-xl-19 { margin-left: 79.16667%; } .offset-xl-20 { margin-left: 83.33333%; } .offset-xl-21 { margin-left: 87.5%; } .offset-xl-22 { margin-left: 91.66667%; } .offset-xl-23 { margin-left: 95.83333%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1439.99px) { .col-xxl { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -moz-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; } .row-cols-xxl-auto > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .row-cols-xxl-4 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xxl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xxl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 4.16667%; } .col-xxl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.33333%; } .col-xxl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 12.5%; } .col-xxl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%; } .col-xxl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20.83333%; } .col-xxl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%; } .col-xxl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 29.16667%; } .col-xxl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%; } .col-xxl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 37.5%; } .col-xxl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%; } .col-xxl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 45.83333%; } .col-xxl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } .col-xxl-13 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 54.16667%; } .col-xxl-14 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%; } .col-xxl-15 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 62.5%; } .col-xxl-16 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%; } .col-xxl-17 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70.83333%; } .col-xxl-18 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%; } .col-xxl-19 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 79.16667%; } .col-xxl-20 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } .col-xxl-21 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 87.5%; } .col-xxl-22 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 91.66667%; } .col-xxl-23 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 95.83333%; } .col-xxl-24 { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 4.16667%; } .offset-xxl-2 { margin-left: 8.33333%; } .offset-xxl-3 { margin-left: 12.5%; } .offset-xxl-4 { margin-left: 16.66667%; } .offset-xxl-5 { margin-left: 20.83333%; } .offset-xxl-6 { margin-left: 25%; } .offset-xxl-7 { margin-left: 29.16667%; } .offset-xxl-8 { margin-left: 33.33333%; } .offset-xxl-9 { margin-left: 37.5%; } .offset-xxl-10 { margin-left: 41.66667%; } .offset-xxl-11 { margin-left: 45.83333%; } .offset-xxl-12 { margin-left: 50%; } .offset-xxl-13 { margin-left: 54.16667%; } .offset-xxl-14 { margin-left: 58.33333%; } .offset-xxl-15 { margin-left: 62.5%; } .offset-xxl-16 { margin-left: 66.66667%; } .offset-xxl-17 { margin-left: 70.83333%; } .offset-xxl-18 { margin-left: 75%; } .offset-xxl-19 { margin-left: 79.16667%; } .offset-xxl-20 { margin-left: 83.33333%; } .offset-xxl-21 { margin-left: 87.5%; } .offset-xxl-22 { margin-left: 91.66667%; } .offset-xxl-23 { margin-left: 95.83333%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6; } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); background-image: -webkit-linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); background-image: -moz-linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); border-bottom-width: 1px; } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table > :not(:last-child) > :last-child > * { border-bottom-color: currentColor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: 1px 0; } .table-bordered > :not(caption) > * > * { border-width: 0 1px; } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); } .table-hover > tbody > tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } .table-primary { --bs-table-bg: #b8e9fc; --bs-table-striped-bg: #b0dff1; --bs-table-striped-color: #212529; --bs-table-active-bg: #a9d5e7; --bs-table-active-color: #212529; --bs-table-hover-bg: #addaec; --bs-table-hover-color: #212529; color: #212529; border-color: #a9d5e7; } .table-secondary { --bs-table-bg: #d6d8db; --bs-table-striped-bg: #cdcfd2; --bs-table-striped-color: #212529; --bs-table-active-bg: #c4c6c9; --bs-table-active-color: #212529; --bs-table-hover-bg: #c8cbce; --bs-table-hover-color: #212529; color: #212529; border-color: #c4c6c9; } .table-success { --bs-table-bg: #c3e6cb; --bs-table-striped-bg: #bbdcc3; --bs-table-striped-color: #212529; --bs-table-active-bg: #b3d3bb; --bs-table-active-color: #212529; --bs-table-hover-bg: #b7d8bf; --bs-table-hover-color: #212529; color: #212529; border-color: #b3d3bb; } .table-info { --bs-table-bg: #bee5eb; --bs-table-striped-bg: #b6dbe1; --bs-table-striped-color: #212529; --bs-table-active-bg: #aed2d8; --bs-table-active-color: #212529; --bs-table-hover-bg: #b2d7dc; --bs-table-hover-color: #212529; color: #212529; border-color: #aed2d8; } .table-warning { --bs-table-bg: #fff0bb; --bs-table-striped-bg: #f4e6b4; --bs-table-striped-color: #212529; --bs-table-active-bg: #e9dcac; --bs-table-active-color: #212529; --bs-table-hover-bg: #eee1b0; --bs-table-hover-color: #212529; color: #212529; border-color: #e9dcac; } .table-danger { --bs-table-bg: #ffb8b8; --bs-table-striped-bg: #f4b1b1; --bs-table-striped-color: #212529; --bs-table-active-bg: #e9a9aa; --bs-table-active-color: #212529; --bs-table-hover-bg: #eeadad; --bs-table-hover-color: #212529; color: #212529; border-color: #e9a9aa; } .table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #edeef0; --bs-table-striped-color: #212529; --bs-table-active-bg: #e3e4e5; --bs-table-active-color: #212529; --bs-table-hover-bg: #e8e9ea; --bs-table-hover-color: #212529; color: #212529; border-color: #e3e4e5; } .table-dark { --bs-table-bg: #343a40; --bs-table-striped-bg: #3e444a; --bs-table-striped-color: #ffffff; --bs-table-active-bg: #484e53; --bs-table-active-color: #ffffff; --bs-table-hover-bg: #43494e; --bs-table-hover-color: #ffffff; color: #ffffff; border-color: #484e53; } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.97px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.97px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.97px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1169.97px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1439.97px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: -moz-calc(0.375rem + 1px); padding-top: calc(0.375rem + 1px); padding-bottom: -moz-calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: -moz-calc(0.5rem + 1px); padding-top: calc(0.5rem + 1px); padding-bottom: -moz-calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; } .col-form-label-sm { padding-top: -moz-calc(0.25rem + 1px); padding-top: calc(0.25rem + 1px); padding-bottom: -moz-calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: #6c757d; } .form-control { display: block; width: 100%; min-height: -moz-calc(1.5em + 0.75rem + 2px); min-height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #ffffff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { -webkit-transition: none; -moz-transition: none; transition: none; } } .form-control:focus { color: #495057; background-color: #ffffff; border-color: #76d8ff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 176, 245, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control:-moz-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: -moz-calc(1.5em + 0.5rem + 2px); min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .form-control-lg { min-height: -moz-calc(1.5em + 1rem + 2px); min-height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .form-control-color { max-width: 3rem; padding: 0.375rem; } .form-control-color::-moz-color-swatch { border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch { border-radius: 0.25rem; } .form-select { display: block; width: 100%; height: -moz-calc(1.5em + 0.75rem + 2px); height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background-color: #ffffff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-select:focus { border-color: #76d8ff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 176, 245, 0.25); } .form-select:focus::-ms-value { color: #495057; background-color: #ffffff; } .form-select[multiple], .form-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .form-select:disabled { color: #6c757d; background-color: #e9ecef; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .form-select-sm { height: -moz-calc(1.5em + 0.5rem + 2px); height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .form-select-lg { height: -moz-calc(1.5em + 1rem + 2px); height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.75em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.75em; } .form-check-input { width: 1.25em; height: 1.25em; margin-top: 0.125em; vertical-align: top; background-color: #ffffff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; -webkit-transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-check-input { -webkit-transition: none; -moz-transition: none; transition: none; } } .form-check-input[type="checkbox"] { border-radius: 0.25em; } .form-check-input[type="radio"] { border-radius: 50%; } .form-check-input:active { -webkit-filter: brightness(90%); filter: brightness(90%); } .form-check-input:focus { border-color: #76d8ff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 176, 245, 0.25); } .form-check-input:checked { background-color: #00b0f5; border-color: #00b0f5; } .form-check-input:checked[type="checkbox"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type="radio"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e"); } .form-check-input[type="checkbox"]:indeterminate { background-color: #00b0f5; border-color: #00b0f5; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; -webkit-filter: none; filter: none; opacity: .5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { opacity: .5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2376d8ff'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e"); } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .form-file { --bs-form-file-height: -moz-calc(1.5em + 0.75rem + 2px); --bs-form-file-height: calc(1.5em + 0.75rem + 2px); position: relative; } .form-file-input { position: relative; z-index: 2; width: 100%; height: var(--bs-form-file-height); margin: 0; opacity: 0; } .form-file-input:focus-within ~ .form-file-label { border-color: #76d8ff; box-shadow: 0 0 0 0.2rem rgba(0, 176, 245, 0.25); } .form-file-input[disabled] ~ .form-file-label .form-file-text, .form-file-input:disabled ~ .form-file-label .form-file-text { background-color: #e9ecef; } .form-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: var(--bs-form-file-height); border-color: #ced4da; border-radius: 0.25rem; } .form-file-text { display: block; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; text-overflow: ellipsis; white-space: nowrap; background-color: #ffffff; border-color: inherit; border-style: solid; border-width: 1px; border-top-left-radius: inherit; border-bottom-left-radius: inherit; } .form-file-button { display: block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding: 0.375rem 0.75rem; margin-left: -1px; line-height: 1.5; color: #495057; background-color: #e9ecef; border-color: inherit; border-style: solid; border-width: 1px; border-top-right-radius: inherit; border-bottom-right-radius: inherit; } .form-file-sm { --bs-form-file-height: -moz-calc(1.5em + 0.5rem + 2px); --bs-form-file-height: calc(1.5em + 0.5rem + 2px); font-size: 0.875rem; } .form-file-sm .form-file-text, .form-file-sm .form-file-button { padding: 0.25rem 0.5rem; } .form-file-lg { --bs-form-file-height: -moz-calc(1.5em + 1rem + 2px); --bs-form-file-height: calc(1.5em + 1rem + 2px); font-size: 1.25rem; } .form-file-lg .form-file-text, .form-file-lg .form-file-button { padding: 0.5rem 1rem; } .form-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-range:focus { outline: none; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(0, 176, 245, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(0, 176, 245, 0.25); } .form-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.2rem rgba(0, 176, 245, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #00b0f5; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #a9e7ff; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #00b0f5; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #a9e7ff; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #00b0f5; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-ms-thumb { -ms-transition: none; transition: none; } } .form-range::-ms-thumb:active { background-color: #a9e7ff; } .form-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .form-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .form-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .form-range:disabled::-ms-thumb { background-color: #adb5bd; } .input-group { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-file { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-file .form-file-input:focus ~ .form-file-label { z-index: 3; } .input-group > .form-file > .form-file-input:focus { z-index: 4; } .input-group > .form-file:not(:last-child) > .form-file-label { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-file:not(:first-child) > .form-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 3; } .input-group-text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-lg > .form-control { min-height: -moz-calc(1.5em + 1rem + 2px); min-height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-select { height: -moz-calc(1.5em + 1rem + 2px); height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .input-group-sm > .form-control { min-height: -moz-calc(1.5em + 0.5rem + 2px); min-height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-select { height: -moz-calc(1.5em + 0.5rem + 2px); height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 1.75rem; } .input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group > .dropdown-toggle:nth-last-child(n + 3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; color: #ffffff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: -moz-calc(1.5em + 0.75rem); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right -moz-calc(0.375em + 0.1875rem) center; background-position: right calc(0.375em + 0.1875rem) center; background-size: -moz-calc(0.75em + 0.375rem) -moz-calc(0.75em + 0.375rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: -moz-calc(1.5em + 0.75rem); padding-right: calc(1.5em + 0.75rem); background-position: top -moz-calc(0.375em + 0.1875rem) right -moz-calc(0.375em + 0.1875rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: #28a745; padding-right: -moz-calc(0.75em + 2.3125rem); padding-right: calc(0.75em + 2.3125rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; background-size: 16px 12px, -moz-calc(0.75em + 0.375rem) -moz-calc(0.75em + 0.375rem); background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #28a745; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #28a745; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: .5em; } .was-validated .form-file-input:valid ~ .form-file-label, .form-file-input.is-valid ~ .form-file-label { border-color: #28a745; } .was-validated .form-file-input:valid:focus ~ .form-file-label, .form-file-input.is-valid:focus ~ .form-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #ff0000; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; color: #ffffff; background-color: rgba(255, 0, 0, 0.9); border-radius: 0.25rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #ff0000; padding-right: -moz-calc(1.5em + 0.75rem); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff0000' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff0000' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right -moz-calc(0.375em + 0.1875rem) center; background-position: right calc(0.375em + 0.1875rem) center; background-size: -moz-calc(0.75em + 0.375rem) -moz-calc(0.75em + 0.375rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #ff0000; box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: -moz-calc(1.5em + 0.75rem); padding-right: calc(1.5em + 0.75rem); background-position: top -moz-calc(0.375em + 0.1875rem) right -moz-calc(0.375em + 0.1875rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #ff0000; padding-right: -moz-calc(0.75em + 2.3125rem); padding-right: calc(0.75em + 2.3125rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff0000' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff0000' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 1.75rem; background-size: 16px 12px, -moz-calc(0.75em + 0.375rem) -moz-calc(0.75em + 0.375rem); background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #ff0000; box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #ff0000; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #ff0000; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #ff0000; } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: .5em; } .was-validated .form-file-input:invalid ~ .form-file-label, .form-file-input.is-invalid ~ .form-file-label { border-color: #ff0000; } .was-validated .form-file-input:invalid:focus ~ .form-file-label, .form-file-input.is-invalid:focus ~ .form-file-label { border-color: #ff0000; box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25); } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { -webkit-transition: none; -moz-transition: none; transition: none; } } .btn:hover { color: #212529; } .btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 176, 245, 0.25); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; } .btn-primary { color: #212529; background-color: #00b0f5; border-color: #00b0f5; } .btn-primary:hover { color: #ffffff; background-color: #0095cf; border-color: #008bc2; } .btn-check:focus + .btn-primary, .btn-primary:focus { color: #ffffff; background-color: #0095cf; border-color: #008bc2; box-shadow: 0 0 0 0.2rem rgba(5, 155, 214, 0.5); } .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: #ffffff; background-color: #008bc2; border-color: #0082b5; } .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(5, 155, 214, 0.5); } .btn-primary:disabled, .btn-primary.disabled { color: #212529; background-color: #00b0f5; border-color: #00b0f5; } .btn-secondary { color: #ffffff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #ffffff; background-color: #5a6268; border-color: #545b62; } .btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #ffffff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { color: #ffffff; background-color: #545b62; border-color: #4e555b; } .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary:disabled, .btn-secondary.disabled { color: #ffffff; background-color: #6c757d; border-color: #6c757d; } .btn-success { color: #ffffff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #ffffff; background-color: #218838; border-color: #1e7e34; } .btn-check:focus + .btn-success, .btn-success:focus { color: #ffffff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { color: #ffffff; background-color: #1e7e34; border-color: #1c7430; } .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success:disabled, .btn-success.disabled { color: #ffffff; background-color: #28a745; border-color: #28a745; } .btn-info { color: #ffffff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #ffffff; background-color: #138496; border-color: #117a8b; } .btn-check:focus + .btn-info, .btn-info:focus { color: #ffffff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { color: #ffffff; background-color: #117a8b; border-color: #10707f; } .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info:disabled, .btn-info.disabled { color: #ffffff; background-color: #17a2b8; border-color: #17a2b8; } .btn-warning { color: #212529; background-color: #FEC90C; border-color: #FEC90C; } .btn-warning:hover { color: #212529; background-color: #e3b101; border-color: #d6a701; } .btn-check:focus + .btn-warning, .btn-warning:focus { color: #212529; background-color: #e3b101; border-color: #d6a701; box-shadow: 0 0 0 0.2rem rgba(221, 176, 16, 0.5); } .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d6a701; border-color: #c99d01; } .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(221, 176, 16, 0.5); } .btn-warning:disabled, .btn-warning.disabled { color: #212529; background-color: #FEC90C; border-color: #FEC90C; } .btn-danger { color: #ffffff; background-color: #ff0000; border-color: #ff0000; } .btn-danger:hover { color: #ffffff; background-color: #d90000; border-color: #cc0000; } .btn-check:focus + .btn-danger, .btn-danger:focus { color: #ffffff; background-color: #d90000; border-color: #cc0000; box-shadow: 0 0 0 0.2rem rgba(255, 38, 38, 0.5); } .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { color: #ffffff; background-color: #cc0000; border-color: #bf0000; } .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 38, 38, 0.5); } .btn-danger:disabled, .btn-danger.disabled { color: #ffffff; background-color: #ff0000; border-color: #ff0000; } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-check:focus + .btn-light, .btn-light:focus { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light:disabled, .btn-light.disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-dark { color: #ffffff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #ffffff; background-color: #23272b; border-color: #1d2124; } .btn-check:focus + .btn-dark, .btn-dark:focus { color: #ffffff; background-color: #23272b; border-color: #1d2124; box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { color: #ffffff; background-color: #1d2124; border-color: #171a1d; } .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark:disabled, .btn-dark.disabled { color: #ffffff; background-color: #343a40; border-color: #343a40; } .btn-outline-primary { color: #00b0f5; border-color: #00b0f5; } .btn-outline-primary:hover { color: #212529; background-color: #00b0f5; border-color: #00b0f5; } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 0.2rem rgba(0, 176, 245, 0.5); } .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #212529; background-color: #00b0f5; border-color: #00b0f5; } .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(0, 176, 245, 0.5); } .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: #00b0f5; background-color: transparent; } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #ffffff; background-color: #6c757d; border-color: #6c757d; } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #ffffff; background-color: #6c757d; border-color: #6c757d; } .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { color: #6c757d; background-color: transparent; } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #ffffff; background-color: #28a745; border-color: #28a745; } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #ffffff; background-color: #28a745; border-color: #28a745; } .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success:disabled, .btn-outline-success.disabled { color: #28a745; background-color: transparent; } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #ffffff; background-color: #17a2b8; border-color: #17a2b8; } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #ffffff; background-color: #17a2b8; border-color: #17a2b8; } .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info:disabled, .btn-outline-info.disabled { color: #17a2b8; background-color: transparent; } .btn-outline-warning { color: #FEC90C; border-color: #FEC90C; } .btn-outline-warning:hover { color: #212529; background-color: #FEC90C; border-color: #FEC90C; } .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 0.2rem rgba(254, 201, 12, 0.5); } .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #212529; background-color: #FEC90C; border-color: #FEC90C; } .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(254, 201, 12, 0.5); } .btn-outline-warning:disabled, .btn-outline-warning.disabled { color: #FEC90C; background-color: transparent; } .btn-outline-danger { color: #ff0000; border-color: #ff0000; } .btn-outline-danger:hover { color: #ffffff; background-color: #ff0000; border-color: #ff0000; } .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5); } .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #ffffff; background-color: #ff0000; border-color: #ff0000; } .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5); } .btn-outline-danger:disabled, .btn-outline-danger.disabled { color: #ff0000; background-color: transparent; } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light:disabled, .btn-outline-light.disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #ffffff; background-color: #343a40; border-color: #343a40; } .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #ffffff; background-color: #343a40; border-color: #343a40; } .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark:disabled, .btn-outline-dark.disabled { color: #343a40; background-color: transparent; } .btn-link { font-weight: 400; color: #00b0f5; text-decoration: underline; } .btn-link:hover { color: #0079a9; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } .fade { -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; -moz-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; -moz-transition: none; transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 575.99px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 767.99px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 991.99px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1169.99px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } @media (min-width: 1439.99px) { .dropdown-menu-xxl-left { right: auto; left: 0; } .dropdown-menu-xxl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #ffffff; text-decoration: none; background-color: #00b0f5; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n + 3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; text-decoration: none; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { -webkit-transition: none; -moz-transition: none; transition: none; } } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #ffffff; border-color: #dee2e6 #dee2e6 #ffffff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #ffffff; background-color: #00b0f5; } .nav-fill > .nav-link, .nav-fill .nav-item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: inherit; -ms-flex-wrap: inherit; flex-wrap: inherit; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; } .navbar-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; -webkit-transition: box-shadow 0.15s ease-in-out; -moz-transition: box-shadow 0.15s ease-in-out; transition: box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .navbar-toggler { -webkit-transition: none; -moz-transition: none; transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0.2rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; } @media (min-width: 575.99px) { .navbar-expand-sm { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (min-width: 767.99px) { .navbar-expand-md { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .navbar-expand-md .navbar-toggler { display: none; } } @media (min-width: 991.99px) { .navbar-expand-lg { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (min-width: 1169.99px) { .navbar-expand-xl { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (min-width: 1439.99px) { .navbar-expand-xxl { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .navbar-expand-xxl .navbar-toggler { display: none; } } .navbar-expand { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #ffffff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #ffffff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #ffffff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #ffffff; } .card { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #ffffff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: -moz-calc(0.25rem - 1px); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: -moz-calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: -moz-calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: -moz-calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem 1rem; } .card-title { margin-bottom: 0.5rem; } .card-subtitle { margin-top: -0.25rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1rem; } .card-header { padding: 0.5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: -moz-calc(0.25rem - 1px) -moz-calc(0.25rem - 1px) 0 0; border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.5rem 1rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 -moz-calc(0.25rem - 1px) -moz-calc(0.25rem - 1px); border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.5rem; margin-bottom: -0.5rem; margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: -moz-calc(0.25rem - 1px); border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: -moz-calc(0.25rem - 1px); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: -moz-calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: -moz-calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: -moz-calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-group > .card { margin-bottom: 0.75rem; } @media (min-width: 575.99px) { .card-group { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -moz-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.5rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: #00b0f5; text-decoration: none; background-color: #ffffff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0079a9; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 176, 245, 0.25); } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item.active .page-link { z-index: 3; color: #ffffff; background-color: #00b0f5; border-color: #00b0f5; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #ffffff; border-color: #dee2e6; } .page-link { padding: 0.375rem 0.75rem; } .page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.5em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3.5rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 1rem 1rem; color: inherit; } .alert-primary { color: #005c7f; background-color: #cceffd; border-color: #b8e9fc; } .alert-primary .alert-link { color: #00374c; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #846906; background-color: #fff4ce; border-color: #fff0bb; } .alert-warning .alert-link { color: #534204; } .alert-danger { color: #850000; background-color: #ffcccc; border-color: #ffb8b8; } .alert-danger .alert-link { color: #520000; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark .alert-link { color: #040505; } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } @-moz-keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; color: #ffffff; text-align: center; white-space: nowrap; background-color: #00b0f5; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { -webkit-transition: none; -moz-transition: none; transition: none; } } .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; -moz-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; -moz-animation: none; animation: none; } } .list-group { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.5rem 1rem; text-decoration: none; background-color: #ffffff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #ffffff; } .list-group-item.active { z-index: 2; color: #ffffff; background-color: #00b0f5; border-color: #00b0f5; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 575.99px) { .list-group-horizontal-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 767.99px) { .list-group-horizontal-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 991.99px) { .list-group-horizontal-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1169.99px) { .list-group-horizontal-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1439.99px) { .list-group-horizontal-xxl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #005c7f; background-color: #b8e9fc; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #005c7f; background-color: #a0e1fb; } .list-group-item-primary.list-group-item-action.active { color: #ffffff; background-color: #005c7f; border-color: #005c7f; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #ffffff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #ffffff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #ffffff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #846906; background-color: #fff0bb; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #846906; background-color: #ffeaa2; } .list-group-item-warning.list-group-item-action.active { color: #ffffff; background-color: #846906; border-color: #846906; } .list-group-item-danger { color: #850000; background-color: #ffb8b8; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #850000; background-color: #ff9f9f; } .list-group-item-danger.list-group-item-action.active { color: #ffffff; background-color: #850000; border-color: #850000; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #ffffff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #ffffff; background-color: #1b1e21; border-color: #1b1e21; } .close { font-size: -moz-calc(1.275rem + 0.3vw); font-size: calc(1.275rem + 0.3vw); font-weight: 700; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: .5; } @media (min-width: 1200px) { .close { font-size: 1.5rem; } } .close:hover { color: #000000; text-decoration: none; } .close:hover, .close:focus { opacity: .75; } .close:disabled, .close.disabled { pointer-events: none; } button.close { padding: 0; background-color: transparent; border: 0; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -moz-transition: transform 0.3s ease-out, -moz-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -moz-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); -moz-transform: translate(0, -50px); -ms-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; -moz-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { max-height: -moz-calc(100% - 1rem); max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-height: -moz-calc(100% - 1rem); min-height: calc(100% - 1rem); } .modal-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: -moz-calc(0.3rem - 1px); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: -moz-calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: -moz-calc(0.3rem - 1px); border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: -moz-calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 575.99px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: -moz-calc(100% - 3.5rem); max-height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: -moz-calc(100% - 3.5rem); min-height: calc(100% - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 991.99px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1169.99px) { .modal-xl { max-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @media (max-width: 575.97px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @media (max-width: 767.97px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @media (max-width: 991.97px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @media (max-width: 1169.97px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @media (max-width: 1439.97px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[x-placement^="top"] .tooltip-arrow { bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .tooltip-arrow, .bs-tooltip-auto[x-placement^="right"] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="right"] .tooltip-arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .tooltip-arrow, .bs-tooltip-auto[x-placement^="left"] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="left"] .tooltip-arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #ffffff; text-align: center; background-color: #000000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .popover-arrow, .bs-popover-auto[x-placement^="top"] > .popover-arrow { bottom: -moz-calc(-0.5rem - 1px); bottom: calc(-0.5rem - 1px); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[x-placement^="top"] > .popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[x-placement^="top"] > .popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #ffffff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .popover-arrow, .bs-popover-auto[x-placement^="right"] > .popover-arrow { left: -moz-calc(-0.5rem - 1px); left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .popover-arrow::before, .bs-popover-auto[x-placement^="right"] > .popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .popover-arrow::after, .bs-popover-auto[x-placement^="right"] > .popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #ffffff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .popover-arrow, .bs-popover-auto[x-placement^="bottom"] > .popover-arrow { top: -moz-calc(-0.5rem - 1px); top: calc(-0.5rem - 1px); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[x-placement^="bottom"] > .popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[x-placement^="bottom"] > .popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #ffffff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .popover-arrow, .bs-popover-auto[x-placement^="left"] > .popover-arrow { right: -moz-calc(-0.5rem - 1px); right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .popover-arrow::before, .bs-popover-auto[x-placement^="left"] > .popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .popover-arrow::after, .bs-popover-auto[x-placement^="left"] > .popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #ffffff; } .popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: -moz-calc(0.3rem - 1px); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: -moz-calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; -moz-transition: transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -moz-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { -webkit-transition: none; -moz-transition: none; transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; -webkit-transition: opacity 0s 0.6s; -moz-transition: opacity 0s 0.6s; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { -webkit-transition: none; -moz-transition: none; transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #ffffff; text-align: center; opacity: 0.5; -webkit-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { -webkit-transition: none; -moz-transition: none; transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #ffffff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #ffffff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; -webkit-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { -webkit-transition: none; -moz-transition: none; transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #ffffff; text-align: center; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner-border { to { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border 0.75s linear infinite; -moz-animation: spinner-border 0.75s linear infinite; animation: spinner-border 0.75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } @-moz-keyframes spinner-grow { 0% { -moz-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -moz-transform: none; transform: none; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow 0.75s linear infinite; -moz-animation: spinner-grow 0.75s linear infinite; animation: spinner-grow 0.75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .clearfix::after { display: block; clear: both; content: ""; } .link-primary { color: #00b0f5; } .link-primary:hover, .link-primary:focus { color: #0079a9; } .link-secondary { color: #6c757d; } .link-secondary:hover, .link-secondary:focus { color: #494f54; } .link-success { color: #28a745; } .link-success:hover, .link-success:focus { color: #19692c; } .link-info { color: #17a2b8; } .link-info:hover, .link-info:focus { color: #0f6674; } .link-warning { color: #FEC90C; } .link-warning:hover, .link-warning:focus { color: #bd9401; } .link-danger { color: #ff0000; } .link-danger:hover, .link-danger:focus { color: #b30000; } .link-light { color: #f8f9fa; } .link-light:hover, .link-light:focus { color: #cbd3da; } .link-dark { color: #343a40; } .link-dark:hover, .link-dark:focus { color: #121416; } .embed-responsive { position: relative; width: 100%; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .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; } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } @media (min-width: 575.99px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 767.99px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 991.99px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1169.99px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1439.99px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only, .sr-only-focusable:not(:focus) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .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: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .border { border: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-top-0 { border-top: 0 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #00b0f5 !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #FEC90C !important; } .border-danger { border-color: #ff0000 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #ffffff !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; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !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; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -moz-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -moz-box-orient: horizontal !important; -moz-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -moz-box-orient: vertical !important; -moz-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -moz-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -moz-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; -moz-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -moz-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -moz-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; -moz-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; -moz-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; -moz-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; -moz-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; -moz-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; -moz-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; -moz-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; -moz-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .mr-0 { margin-right: 0 !important; } .mr-1 { margin-right: 0.25rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mr-3 { margin-right: 1rem !important; } .mr-4 { margin-right: 1.5rem !important; } .mr-5 { margin-right: 3rem !important; } .mr-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ml-0 { margin-left: 0 !important; } .ml-1 { margin-left: 0.25rem !important; } .ml-2 { margin-left: 0.5rem !important; } .ml-3 { margin-left: 1rem !important; } .ml-4 { margin-left: 1.5rem !important; } .ml-5 { margin-left: 3rem !important; } .ml-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pr-0 { padding-right: 0 !important; } .pr-1 { padding-right: 0.25rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pr-3 { padding-right: 1rem !important; } .pr-4 { padding-right: 1.5rem !important; } .pr-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .pl-0 { padding-left: 0 !important; } .pl-1 { padding-left: 0.25rem !important; } .pl-2 { padding-left: 0.5rem !important; } .pl-3 { padding-left: 1rem !important; } .pl-4 { padding-left: 1.5rem !important; } .pl-5 { padding-left: 3rem !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; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-primary { color: #00b0f5 !important; } .text-secondary { color: #6c757d !important; } .text-success { color: #28a745 !important; } .text-info { color: #17a2b8 !important; } .text-warning { color: #FEC90C !important; } .text-danger { color: #ff0000 !important; } .text-light { color: #f8f9fa !important; } .text-dark { color: #343a40 !important; } .text-white { color: #ffffff !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-reset { color: inherit !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .bg-primary { background-color: #00b0f5 !important; } .bg-secondary { background-color: #6c757d !important; } .bg-success { background-color: #28a745 !important; } .bg-info { background-color: #17a2b8 !important; } .bg-warning { background-color: #FEC90C !important; } .bg-danger { background-color: #ff0000 !important; } .bg-light { background-color: #f8f9fa !important; } .bg-dark { background-color: #343a40 !important; } .bg-body { background-color: #ffffff !important; } .bg-white { background-color: #ffffff !important; } .bg-transparent { background-color: transparent !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .font-italic { font-style: italic !important; } .font-normal { font-style: normal !important; } .text-break { word-wrap: break-word !important; word-break: break-word !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; -ms-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: 0.25rem !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media (min-width: 575.99px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } .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: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -moz-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -moz-box-orient: horizontal !important; -moz-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -moz-box-orient: vertical !important; -moz-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -moz-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -moz-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-sm-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; -moz-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -moz-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -moz-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-sm-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; -moz-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-sm-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; -moz-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-sm-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; -moz-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-sm-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; -moz-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-sm-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; -moz-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-sm-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; -moz-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-sm-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; -moz-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-sm-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; -moz-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .mr-sm-0 { margin-right: 0 !important; } .mr-sm-1 { margin-right: 0.25rem !important; } .mr-sm-2 { margin-right: 0.5rem !important; } .mr-sm-3 { margin-right: 1rem !important; } .mr-sm-4 { margin-right: 1.5rem !important; } .mr-sm-5 { margin-right: 3rem !important; } .mr-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ml-sm-0 { margin-left: 0 !important; } .ml-sm-1 { margin-left: 0.25rem !important; } .ml-sm-2 { margin-left: 0.5rem !important; } .ml-sm-3 { margin-left: 1rem !important; } .ml-sm-4 { margin-left: 1.5rem !important; } .ml-sm-5 { margin-left: 3rem !important; } .ml-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pr-sm-0 { padding-right: 0 !important; } .pr-sm-1 { padding-right: 0.25rem !important; } .pr-sm-2 { padding-right: 0.5rem !important; } .pr-sm-3 { padding-right: 1rem !important; } .pr-sm-4 { padding-right: 1.5rem !important; } .pr-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .pl-sm-0 { padding-left: 0 !important; } .pl-sm-1 { padding-left: 0.25rem !important; } .pl-sm-2 { padding-left: 0.5rem !important; } .pl-sm-3 { padding-left: 1rem !important; } .pl-sm-4 { padding-left: 1.5rem !important; } .pl-sm-5 { padding-left: 3rem !important; } .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 767.99px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } .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: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -moz-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -moz-box-orient: horizontal !important; -moz-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -moz-box-orient: vertical !important; -moz-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -moz-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -moz-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-md-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; -moz-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -moz-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -moz-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-md-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; -moz-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-md-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; -moz-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-md-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; -moz-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-md-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; -moz-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-md-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; -moz-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-md-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; -moz-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-md-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; -moz-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-md-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; -moz-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .mr-md-0 { margin-right: 0 !important; } .mr-md-1 { margin-right: 0.25rem !important; } .mr-md-2 { margin-right: 0.5rem !important; } .mr-md-3 { margin-right: 1rem !important; } .mr-md-4 { margin-right: 1.5rem !important; } .mr-md-5 { margin-right: 3rem !important; } .mr-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-0 { margin-left: 0 !important; } .ml-md-1 { margin-left: 0.25rem !important; } .ml-md-2 { margin-left: 0.5rem !important; } .ml-md-3 { margin-left: 1rem !important; } .ml-md-4 { margin-left: 1.5rem !important; } .ml-md-5 { margin-left: 3rem !important; } .ml-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pr-md-0 { padding-right: 0 !important; } .pr-md-1 { padding-right: 0.25rem !important; } .pr-md-2 { padding-right: 0.5rem !important; } .pr-md-3 { padding-right: 1rem !important; } .pr-md-4 { padding-right: 1.5rem !important; } .pr-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .pl-md-0 { padding-left: 0 !important; } .pl-md-1 { padding-left: 0.25rem !important; } .pl-md-2 { padding-left: 0.5rem !important; } .pl-md-3 { padding-left: 1rem !important; } .pl-md-4 { padding-left: 1.5rem !important; } .pl-md-5 { padding-left: 3rem !important; } .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 991.99px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } .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: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -moz-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -moz-box-orient: horizontal !important; -moz-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -moz-box-orient: vertical !important; -moz-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -moz-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -moz-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-lg-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; -moz-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -moz-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -moz-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-lg-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; -moz-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-lg-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; -moz-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-lg-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; -moz-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-lg-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; -moz-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-lg-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; -moz-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-lg-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; -moz-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-lg-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; -moz-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-lg-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; -moz-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .mr-lg-0 { margin-right: 0 !important; } .mr-lg-1 { margin-right: 0.25rem !important; } .mr-lg-2 { margin-right: 0.5rem !important; } .mr-lg-3 { margin-right: 1rem !important; } .mr-lg-4 { margin-right: 1.5rem !important; } .mr-lg-5 { margin-right: 3rem !important; } .mr-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ml-lg-0 { margin-left: 0 !important; } .ml-lg-1 { margin-left: 0.25rem !important; } .ml-lg-2 { margin-left: 0.5rem !important; } .ml-lg-3 { margin-left: 1rem !important; } .ml-lg-4 { margin-left: 1.5rem !important; } .ml-lg-5 { margin-left: 3rem !important; } .ml-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pr-lg-0 { padding-right: 0 !important; } .pr-lg-1 { padding-right: 0.25rem !important; } .pr-lg-2 { padding-right: 0.5rem !important; } .pr-lg-3 { padding-right: 1rem !important; } .pr-lg-4 { padding-right: 1.5rem !important; } .pr-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .pl-lg-0 { padding-left: 0 !important; } .pl-lg-1 { padding-left: 0.25rem !important; } .pl-lg-2 { padding-left: 0.5rem !important; } .pl-lg-3 { padding-left: 1rem !important; } .pl-lg-4 { padding-left: 1.5rem !important; } .pl-lg-5 { padding-left: 3rem !important; } .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1169.99px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } .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: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -moz-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -moz-box-orient: horizontal !important; -moz-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -moz-box-orient: vertical !important; -moz-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -moz-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -moz-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-xl-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; -moz-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -moz-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -moz-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-xl-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; -moz-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-xl-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; -moz-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-xl-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; -moz-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-xl-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; -moz-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-xl-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; -moz-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-xl-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; -moz-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-xl-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; -moz-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-xl-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; -moz-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .mr-xl-0 { margin-right: 0 !important; } .mr-xl-1 { margin-right: 0.25rem !important; } .mr-xl-2 { margin-right: 0.5rem !important; } .mr-xl-3 { margin-right: 1rem !important; } .mr-xl-4 { margin-right: 1.5rem !important; } .mr-xl-5 { margin-right: 3rem !important; } .mr-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ml-xl-0 { margin-left: 0 !important; } .ml-xl-1 { margin-left: 0.25rem !important; } .ml-xl-2 { margin-left: 0.5rem !important; } .ml-xl-3 { margin-left: 1rem !important; } .ml-xl-4 { margin-left: 1.5rem !important; } .ml-xl-5 { margin-left: 3rem !important; } .ml-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pr-xl-0 { padding-right: 0 !important; } .pr-xl-1 { padding-right: 0.25rem !important; } .pr-xl-2 { padding-right: 0.5rem !important; } .pr-xl-3 { padding-right: 1rem !important; } .pr-xl-4 { padding-right: 1.5rem !important; } .pr-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .pl-xl-0 { padding-left: 0 !important; } .pl-xl-1 { padding-left: 0.25rem !important; } .pl-xl-2 { padding-left: 0.5rem !important; } .pl-xl-3 { padding-left: 1rem !important; } .pl-xl-4 { padding-left: 1.5rem !important; } .pl-xl-5 { padding-left: 3rem !important; } .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1439.99px) { .float-xxl-left { float: left !important; } .float-xxl-right { float: right !important; } .float-xxl-none { float: none !important; } .d-xxl-none { display: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xxl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .flex-xxl-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -moz-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xxl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -moz-box-orient: horizontal !important; -moz-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xxl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -moz-box-orient: vertical !important; -moz-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xxl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -moz-box-orient: horizontal !important; -moz-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xxl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -moz-box-orient: vertical !important; -moz-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xxl-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -moz-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xxl-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -moz-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xxl-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xxl-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .flex-xxl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xxl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -moz-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xxl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -moz-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xxl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xxl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -moz-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xxl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .justify-content-xxl-evenly { -webkit-box-pack: space-evenly !important; -webkit-justify-content: space-evenly !important; -moz-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .align-items-xxl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -moz-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xxl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -moz-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xxl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xxl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -moz-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xxl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -moz-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xxl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xxl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xxl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xxl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xxl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xxl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xxl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xxl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xxl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xxl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xxl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xxl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important; } .order-xxl-first { -webkit-box-ordinal-group: 0 !important; -webkit-order: -1 !important; -moz-box-ordinal-group: 0 !important; -ms-flex-order: -1 !important; order: -1 !important; } .order-xxl-0 { -webkit-box-ordinal-group: 1 !important; -webkit-order: 0 !important; -moz-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .order-xxl-1 { -webkit-box-ordinal-group: 2 !important; -webkit-order: 1 !important; -moz-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; } .order-xxl-2 { -webkit-box-ordinal-group: 3 !important; -webkit-order: 2 !important; -moz-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; } .order-xxl-3 { -webkit-box-ordinal-group: 4 !important; -webkit-order: 3 !important; -moz-box-ordinal-group: 4 !important; -ms-flex-order: 3 !important; order: 3 !important; } .order-xxl-4 { -webkit-box-ordinal-group: 5 !important; -webkit-order: 4 !important; -moz-box-ordinal-group: 5 !important; -ms-flex-order: 4 !important; order: 4 !important; } .order-xxl-5 { -webkit-box-ordinal-group: 6 !important; -webkit-order: 5 !important; -moz-box-ordinal-group: 6 !important; -ms-flex-order: 5 !important; order: 5 !important; } .order-xxl-last { -webkit-box-ordinal-group: 7 !important; -webkit-order: 6 !important; -moz-box-ordinal-group: 7 !important; -ms-flex-order: 6 !important; order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .mr-xxl-0 { margin-right: 0 !important; } .mr-xxl-1 { margin-right: 0.25rem !important; } .mr-xxl-2 { margin-right: 0.5rem !important; } .mr-xxl-3 { margin-right: 1rem !important; } .mr-xxl-4 { margin-right: 1.5rem !important; } .mr-xxl-5 { margin-right: 3rem !important; } .mr-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ml-xxl-0 { margin-left: 0 !important; } .ml-xxl-1 { margin-left: 0.25rem !important; } .ml-xxl-2 { margin-left: 0.5rem !important; } .ml-xxl-3 { margin-left: 1rem !important; } .ml-xxl-4 { margin-left: 1.5rem !important; } .ml-xxl-5 { margin-left: 3rem !important; } .ml-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pr-xxl-0 { padding-right: 0 !important; } .pr-xxl-1 { padding-right: 0.25rem !important; } .pr-xxl-2 { padding-right: 0.5rem !important; } .pr-xxl-3 { padding-right: 1rem !important; } .pr-xxl-4 { padding-right: 1.5rem !important; } .pr-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .pl-xxl-0 { padding-left: 0 !important; } .pl-xxl-1 { padding-left: 0.25rem !important; } .pl-xxl-2 { padding-left: 0.5rem !important; } .pl-xxl-3 { padding-left: 1rem !important; } .pl-xxl-4 { padding-left: 1.5rem !important; } .pl-xxl-5 { padding-left: 3rem !important; } .text-xxl-left { text-align: left !important; } .text-xxl-right { text-align: right !important; } .text-xxl-center { text-align: center !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: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 0px 0px; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -moz-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.85; } .hamburger.is-active:hover { opacity: 0.85; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #9096A4; } .hamburger-box { width: 18px; height: 10px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 18px; height: 2px; background-color: #9096A4; border-radius: 0px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -4px; } .hamburger-inner::after { bottom: -4px; } /* * 3DX */ .hamburger--3dx .hamburger-box { -webkit-perspective: 28px; -moz-perspective: 28px; perspective: 28px; } .hamburger--3dx .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 4px, 0) rotate(45deg); -moz-transform: translate3d(0, 4px, 0) rotate(45deg); transform: translate3d(0, 4px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -4px, 0) rotate(-45deg); -moz-transform: translate3d(0, -4px, 0) rotate(-45deg); transform: translate3d(0, -4px, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { -webkit-perspective: 28px; -moz-perspective: 28px; perspective: 28px; } .hamburger--3dx-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 4px, 0) rotate(45deg); -moz-transform: translate3d(0, 4px, 0) rotate(45deg); transform: translate3d(0, 4px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -4px, 0) rotate(-45deg); -moz-transform: translate3d(0, -4px, 0) rotate(-45deg); transform: translate3d(0, -4px, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { -webkit-perspective: 28px; -moz-perspective: 28px; perspective: 28px; } .hamburger--3dy .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 4px, 0) rotate(45deg); -moz-transform: translate3d(0, 4px, 0) rotate(45deg); transform: translate3d(0, 4px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -4px, 0) rotate(-45deg); -moz-transform: translate3d(0, -4px, 0) rotate(-45deg); transform: translate3d(0, -4px, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { -webkit-perspective: 28px; -moz-perspective: 28px; perspective: 28px; } .hamburger--3dy-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 4px, 0) rotate(45deg); -moz-transform: translate3d(0, 4px, 0) rotate(45deg); transform: translate3d(0, 4px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -4px, 0) rotate(-45deg); -moz-transform: translate3d(0, -4px, 0) rotate(-45deg); transform: translate3d(0, -4px, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { -webkit-perspective: 28px; -moz-perspective: 28px; perspective: 28px; } .hamburger--3dxy .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateX(180deg) rotateY(180deg); -moz-transform: rotateX(180deg) rotateY(180deg); transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 4px, 0) rotate(45deg); -moz-transform: translate3d(0, 4px, 0) rotate(45deg); transform: translate3d(0, 4px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -4px, 0) rotate(-45deg); -moz-transform: translate3d(0, -4px, 0) rotate(-45deg); transform: translate3d(0, -4px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { -webkit-perspective: 28px; -moz-perspective: 28px; perspective: 28px; } .hamburger--3dxy-r .hamburger-inner { -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -moz-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(0, 4px, 0) rotate(45deg); -moz-transform: translate3d(0, 4px, 0) rotate(45deg); transform: translate3d(0, 4px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -4px, 0) rotate(-45deg); -moz-transform: translate3d(0, -4px, 0) rotate(-45deg); transform: translate3d(0, -4px, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before { -webkit-transform: translate3d(-2.8px, 0, 0) rotate(-45deg) scale(0.7, 1); -moz-transform: translate3d(-2.8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-2.8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { -webkit-transform: translate3d(-2.8px, 0, 0) rotate(45deg) scale(0.7, 1); -moz-transform: translate3d(-2.8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-2.8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(2.8px, 0, 0) rotate(45deg) scale(0.7, 1); -moz-transform: translate3d(2.8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(2.8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(2.8px, 0, 0) rotate(-45deg) scale(0.7, 1); -moz-transform: translate3d(2.8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(2.8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(-2.8px, -3.5px, 0) rotate(-45deg) scale(0.7, 1); -moz-transform: translate3d(-2.8px, -3.5px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-2.8px, -3.5px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -moz-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(-2.8px, 3.5px, 0) rotate(45deg) scale(0.7, 1); -moz-transform: translate3d(-2.8px, 3.5px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-2.8px, 3.5px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -moz-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -moz-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: translate3d(2.8px, -3.5px, 0) rotate(45deg) scale(0.7, 1); -moz-transform: translate3d(2.8px, -3.5px, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(2.8px, -3.5px, 0) rotate(45deg) scale(0.7, 1); -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -moz-transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: translate3d(2.8px, 3.5px, 0) rotate(-45deg) scale(0.7, 1); -moz-transform: translate3d(2.8px, 3.5px, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(2.8px, 3.5px, 0) rotate(-45deg) scale(0.7, 1); -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); -moz-transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -moz-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); -moz-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); -moz-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); -moz-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); -moz-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { -webkit-transition-property: none; -moz-transition-property: none; transition-property: none; } .hamburger--boring.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -moz-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; -moz-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -8px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; -moz-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { -webkit-transform: translate3d(0, -4px, 0) rotate(-45deg); -moz-transform: translate3d(0, -4px, 0) rotate(-45deg); transform: translate3d(0, -4px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; -moz-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; -moz-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -moz-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0.13s; -moz-transition-delay: 0.13s; transition-delay: 0.13s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -8px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; -moz-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -4px, 0) rotate(45deg); -moz-transform: translate3d(0, -4px, 0) rotate(45deg); transform: translate3d(0, -4px, 0) rotate(45deg); -webkit-transition-delay: 0.22s; -moz-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; -moz-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 1px; -webkit-transition-duration: 0.275s; -moz-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 4px; -webkit-transition: opacity 0.125s 0.275s ease; -moz-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 8px; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -moz-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -moz-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { -webkit-transform: translate3d(0, 4px, 0) rotate(135deg); -moz-transform: translate3d(0, 4px, 0) rotate(135deg); transform: translate3d(0, 4px, 0) rotate(135deg); -webkit-transition-delay: 0.075s; -moz-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -8px, 0) rotate(-270deg); -moz-transform: translate3d(0, -8px, 0) rotate(-270deg); transform: translate3d(0, -8px, 0) rotate(-270deg); -webkit-transition-delay: 0.075s; -moz-transition-delay: 0.075s; transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 1px; -webkit-transition-duration: 0.275s; -moz-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 4px; -webkit-transition: opacity 0.125s 0.275s ease; -moz-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 8px; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -moz-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -moz-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 4px, 0) rotate(-135deg); -moz-transform: translate3d(0, 4px, 0) rotate(-135deg); transform: translate3d(0, 4px, 0) rotate(-135deg); -webkit-transition-delay: 0.075s; -moz-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -8px, 0) rotate(270deg); -moz-transform: translate3d(0, -8px, 0) rotate(270deg); transform: translate3d(0, -8px, 0) rotate(270deg); -webkit-transition-delay: 0.075s; -moz-transition-delay: 0.075s; transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { -webkit-transition: background-color 0.125s 0.175s ease-in; -moz-transition: background-color 0.125s 0.175s ease-in; transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -moz-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -moz-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic .hamburger-inner::after { top: 4px; right: 0; -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -moz-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -moz-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic.is-active .hamburger-inner { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -28px; top: -28px; -webkit-transform: translate3d(28px, 28px, 0) rotate(45deg); -moz-transform: translate3d(28px, 28px, 0) rotate(45deg); transform: translate3d(28px, 28px, 0) rotate(45deg); -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -moz-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -moz-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -28px; top: -28px; -webkit-transform: translate3d(-28px, 28px, 0) rotate(-45deg); -moz-transform: translate3d(-28px, 28px, 0) rotate(-45deg); transform: translate3d(-28px, 28px, 0) rotate(-45deg); -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -moz-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -moz-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { -webkit-transition: background-color 0.125s 0.175s ease-in; -moz-transition: background-color 0.125s 0.175s ease-in; transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -moz-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -moz-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic-r .hamburger-inner::after { top: 4px; right: 0; -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); -moz-transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -moz-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), -moz-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); } .hamburger--emphatic-r.is-active .hamburger-inner { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -28px; top: 28px; -webkit-transform: translate3d(28px, -28px, 0) rotate(-45deg); -moz-transform: translate3d(28px, -28px, 0) rotate(-45deg); transform: translate3d(28px, -28px, 0) rotate(-45deg); -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -moz-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -moz-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -28px; top: 28px; -webkit-transform: translate3d(-28px, -28px, 0) rotate(45deg); -moz-transform: translate3d(-28px, -28px, 0) rotate(45deg); transform: translate3d(-28px, -28px, 0) rotate(45deg); -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -moz-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -moz-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { -webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; -moz-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; -webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; -moz-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 1px; } .hamburger--slider .hamburger-inner::before { top: 4px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 8px; } .hamburger--slider.is-active .hamburger-inner { -webkit-transform: translate3d(0, 4px, 0) rotate(45deg); -moz-transform: translate3d(0, 4px, 0) rotate(45deg); transform: translate3d(0, 4px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { -webkit-transform: rotate(-45deg) translate3d(-2px, -2px, 0); -moz-transform: rotate(-45deg) translate3d(-2px, -2px, 0); transform: rotate(-45deg) translate3d(-2px, -2px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -8px, 0) rotate(-90deg); -moz-transform: translate3d(0, -8px, 0) rotate(-90deg); transform: translate3d(0, -8px, 0) rotate(-90deg); } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 1px; } .hamburger--slider-r .hamburger-inner::before { top: 4px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -moz-transition-property: transform, opacity, -moz-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform, -moz-transform; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 8px; } .hamburger--slider-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, 4px, 0) rotate(-45deg); -moz-transform: translate3d(0, 4px, 0) rotate(-45deg); transform: translate3d(0, 4px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { -webkit-transform: rotate(45deg) translate3d(2px, -2px, 0); -moz-transform: rotate(45deg) translate3d(2px, -2px, 0); transform: rotate(45deg) translate3d(2px, -2px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -8px, 0) rotate(90deg); -moz-transform: translate3d(0, -8px, 0) rotate(90deg); transform: translate3d(0, -8px, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; -moz-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; -moz-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; -moz-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; -moz-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { -webkit-transition-duration: 0.22s; -moz-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; -moz-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); -webkit-transition-delay: 0.12s; -moz-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; -moz-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 1px; -webkit-transition: background-color 0s 0.13s linear; -moz-transition: background-color 0s 0.13s linear; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 4px; -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 8px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { -webkit-transition-delay: 0.22s; -moz-transition-delay: 0.22s; transition-delay: 0.22s; background-color: transparent !important; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 4px, 0) rotate(45deg); -moz-transform: translate3d(0, 4px, 0) rotate(45deg); transform: translate3d(0, 4px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 4px, 0) rotate(-45deg); -moz-transform: translate3d(0, 4px, 0) rotate(-45deg); transform: translate3d(0, 4px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; -webkit-transition-duration: 0.13s; -moz-transition-duration: 0.13s; transition-duration: 0.13s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -8px; -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; -moz-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -4px, 0) rotate(-45deg); -moz-transform: translate3d(0, -4px, 0) rotate(-45deg); transform: translate3d(0, -4px, 0) rotate(-45deg); -webkit-transition-delay: 0.22s; -moz-transition-delay: 0.22s; transition-delay: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; -moz-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -moz-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::before { -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-color: transparent !important; -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -moz-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -moz-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::before { -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background-color: transparent !important; -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -moz-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { -webkit-transition-duration: 0.075s; -moz-transition-duration: 0.075s; transition-duration: 0.075s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease; -moz-transition: top 0.075s 0.12s ease, opacity 0.075s ease; transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -moz-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0.12s; -moz-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease; -moz-transition: top 0.075s ease, opacity 0.075s 0.12s ease; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -moz-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { -webkit-transition-property: top, opacity; -moz-transition-property: top, opacity; transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; -moz-transition-property: bottom, transform, -moz-transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform, -moz-transform; } .hamburger--vortex.is-active .hamburger-inner { -webkit-transform: rotate(765deg); -moz-transform: rotate(765deg); -ms-transform: rotate(765deg); transform: rotate(765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { -webkit-transition-property: top, opacity; -moz-transition-property: top, opacity; transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; -moz-transition-property: bottom, transform, -moz-transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform, -moz-transform; } .hamburger--vortex-r.is-active .hamburger-inner { -webkit-transform: rotate(-765deg); -moz-transform: rotate(-765deg); -ms-transform: rotate(-765deg); transform: rotate(-765deg); -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; 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; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("/local/templates/delomaks/css/./ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("/local/templates/delomaks/css/./fonts/slick.eot"); src: url("/local/templates/delomaks/css/./fonts/slick.eot?#iefix") format("embedded-opentype"), url("/local/templates/delomaks/css/./fonts/slick.woff") format("woff"), url("/local/templates/delomaks/css/./fonts/slick.ttf") format("truetype"), url("/local/templates/delomaks/css/./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; -moz-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/local/templates/delomaks/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; -moz-transition: transform 100ms ease, -moz-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease, -moz-transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; /* * Scrollbar thumb styles */ } .ps__rail-x { display: none; opacity: 0; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for &__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for &__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } .ps__thumb-x { background-color: #aaa; border-radius: 6px; -moz-transition: background-color .2s linear, height .2s ease-in-out; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for &__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; -moz-transition: background-color .2s linear, width .2s ease-in-out; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for &__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } @font-face { font-family: 'Noto Sans'; src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Thin.eot"); src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Thin.woff2") format("woff2"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Thin.woff") format("woff"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Thin.ttf") format("truetype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Thin.svg#NotoSans-Thin") format("svg"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Sans'; src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Bold.eot"); src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Bold.woff2") format("woff2"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Bold.woff") format("woff"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Bold.ttf") format("truetype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Bold.svg#NotoSans-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Sans Med'; src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-MediumItalic.eot"); src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-MediumItalic.woff2") format("woff2"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-MediumItalic.woff") format("woff"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-MediumItalic.ttf") format("truetype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-MediumItalic.svg#NotoSans-MediumItalic") format("svg"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Noto Sans'; src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Italic.eot"); src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Italic.woff2") format("woff2"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Italic.woff") format("woff"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Italic.ttf") format("truetype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Italic.svg#NotoSans-Italic") format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Noto Sans'; src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Regular.eot"); src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Regular.woff2") format("woff2"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Regular.woff") format("woff"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Regular.ttf") format("truetype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Regular.svg#NotoSans-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Sans'; src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-LightItalic.eot"); src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-LightItalic.woff2") format("woff2"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-LightItalic.woff") format("woff"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-LightItalic.ttf") format("truetype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-LightItalic.svg#NotoSans-LightItalic") format("svg"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Noto Sans'; src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-BoldItalic.eot"); src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-BoldItalic.woff2") format("woff2"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-BoldItalic.woff") format("woff"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-BoldItalic.ttf") format("truetype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-BoldItalic.svg#NotoSans-BoldItalic") format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Noto Sans'; src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Light.eot"); src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Light.woff2") format("woff2"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Light.woff") format("woff"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Light.ttf") format("truetype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Light.svg#NotoSans-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Sans Med'; src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Medium.eot"); src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Medium.woff2") format("woff2"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Medium.woff") format("woff"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Medium.ttf") format("truetype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-Medium.svg#NotoSans-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Noto Sans'; src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-ThinItalic.eot"); src: url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-ThinItalic.woff2") format("woff2"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-ThinItalic.woff") format("woff"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-ThinItalic.ttf") format("truetype"), url("/local/templates/delomaks/css/../fonts/NotoSans/NotoSans-ThinItalic.svg#NotoSans-ThinItalic") format("svg"); font-weight: 100; font-style: italic; font-display: swap; } html, body { background-color: #F8F9FC; color: #353535; /*font-family: "noto-sans", sans-serif;*/ font-family: 'Noto Sans'; font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } html{ overflow-x: hidden; } body { min-height: 100vh; overflow-x: hidden; } body.body--nav-show { overflow: visible; height: 100%; } body.body--popup-show .header, body.body--popup-show .main, body.body--popup-show .footer { -webkit-filter: blur(6px); filter: blur(6px); } .overflow-hidden { overflow: hidden; } ::-moz-selection { background: #353535; color: #ffffff; } ::selection { background: #353535; color: #ffffff; } /*@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; src: url("/fonts/webfonts/fa-solid-900.eot"); src: url("/fonts/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/fonts/webfonts/fa-solid-900.woff2") format("woff2"), url("/fonts/webfonts/fa-solid-900.woff") format("woff"), url("/fonts/webfonts/fa-solid-900.ttf") format("truetype"), url("/fonts/webfonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; }*/ .frontend ul.square, .frontend ul.dash { margin: 0 0 30px; padding: 0; list-style: none; } .frontend ul.square li, .frontend ul.dash li, .frontend ol li { padding: 0 0 0 30px; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 20px; position: relative; } .frontend ol li { padding-left:10px } .frontend ul.square li:last-child, .frontend ul.dash li:last-child { margin-bottom: 0; } .frontend ul.square li::before, .frontend ul.dash li::before { content: ""; display: inline-block; position: absolute; top: 12px; left: 5px; z-index: 110; width: 4px; height: 4px; /*border-radius: 100%;*/ background: #9096A4; } .frontend ul.dash li::before { top: 13px; left: 0px; width: 14px; height: 1px; } .frontend b, .frontend strong, .footer b, .footer strong { font-weight: bold !important; } .frontend a, .footer a { color: #353535; text-decoration: underline; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .frontend a:hover, .footer a:hover { color: #353535; text-decoration: none; } .frontend p, .footer p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 20px; } .frontend h1, .frontend .h1, .frontend .h1, .frontend h2, .frontend .h2, .frontend .h2, .frontend h3, .frontend .h3, .frontend .h3, .frontend h4 .frontend .h4, .frontend .h4 .frontend .h4, .footer h1, .footer .h1, .footer .h1, .footer h2, .footer .h2, .footer .h2, .footer h3, .footer .h3, .footer .h3, .footer h4 .frontend .h4, .footer .h4 .frontend .h4, .frontend h4 .footer .h4, .frontend .h4 .footer .h4, .footer h4 .footer .h4, .footer .h4 .footer .h4 { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; color: #353535; font-size: 45px; line-height: 55px; margin-bottom: 60px; } .frontend h2, .frontend .h2, .frontend .h2, .footer h2, .footer .h2, .footer .h2 { font-size: 36px; line-height: 44px; margin-top: 40px; margin-bottom: 40px; } .frontend h3, .frontend .h3, .frontend .h3, .footer h3, .footer .h3, .footer .h3 { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; margin-top: 30px; margin-bottom: 30px; } .frontend h4, .frontend .h4, .frontend .h4, .footer h4, .footer .h4, .footer .h4 { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-top: 20px; margin-bottom: 20px; } .frontend .rouble, .footer .rouble { font-family: 'Roboto', sans-serif; } .frontend .owl-nav button, .footer .owl-nav button { outline: none; border: none; } .frontend .owl__nav-left, .frontend .owl__nav-right, .footer .owl__nav-left, .footer .owl__nav-right { width: 35px; height: 35px; background: #EEEEEE; border-radius: 100%; position: relative; cursor: pointer; } .frontend .owl__nav-left:before, .frontend .owl__nav-right:before, .footer .owl__nav-left:before, .footer .owl__nav-right:before { content: ''; display: block; width: 7px; height: 12px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .frontend .owl__nav-left:before, .footer .owl__nav-left:before { background: url("/local/templates/delomaks/css/../img/sprite.svg") -127px -414px no-repeat; } .frontend .owl__nav-right:before, .footer .owl__nav-right:before { background: url("/local/templates/delomaks/css/../img/sprite.svg") -163px -414px no-repeat; } .frontend .owl-prev, .frontend .owl-next, .footer .owl-prev, .footer .owl-next { -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .frontend .owl-prev:hover, .frontend .owl-next:hover, .footer .owl-prev:hover, .footer .owl-next:hover { opacity: 0.75; } .frontend .owl-prev.disabled, .frontend .owl-next.disabled, .frontend .owl-prev.disabled:hover, .frontend .owl-next.disabled:hover, .footer .owl-prev.disabled, .footer .owl-next.disabled, .footer .owl-prev.disabled:hover, .footer .owl-next.disabled:hover { display: none; cursor: default; } .frontend .owl-theme .owl-dots, .footer .owl-theme .owl-dots { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 220; } .frontend .owl-theme .owl-nav, .footer .owl-theme .owl-nav { margin-top: 0; } .frontend .owl-theme .owl-dots .owl-dot, .footer .owl-theme .owl-dots .owl-dot { outline: 0; border: none; } .frontend .owl-theme .owl-dots .owl-dot span, .footer .owl-theme .owl-dots .owl-dot span { width: 5px; height: 5px; margin: 0px 5px; background: #EEEEEE; border-radius: 100%; } .frontend .owl-theme .owl-dots .owl-dot.active span, .footer .owl-theme .owl-dots .owl-dot.active span { background: #FEC90C; } .frontend .owl-theme .owl-dots .owl-dot:hover span, .footer .owl-theme .owl-dots .owl-dot:hover span { background: #FFE03A; } .frontend .owl-theme .owl-nav [class*='owl-']:hover, .footer .owl-theme .owl-nav [class*='owl-']:hover { background: transparent; color: transparent; } .frontend .main, .footer .main { padding-top: 40px; padding-bottom: 100px; } .frontend .main__left, .footer .main__left { -webkit-box-flex: 0; -webkit-flex: 0 0 990px; -moz-box-flex: 0; -ms-flex: 0 0 990px; flex: 0 0 990px; } .frontend .main__right, .footer .main__right { -webkit-box-flex: 0; -webkit-flex: 0 0 300px; -moz-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } .frontend .main__sidebar .main-sidebar__categories-title, .footer .main__sidebar .main-sidebar__categories-title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #353535; margin-bottom: 30px; } .frontend .main__sidebar .main-sidebar__categories-list, .footer .main__sidebar .main-sidebar__categories-list { list-style: none; margin: 0 0 40px; padding: 0 0 5px; border-bottom: solid 1px #EEEEEE; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item, .footer .main__sidebar .main-sidebar__categories .categories-list__item { list-style: none; margin: 0 0 20px 0; padding: 0 65px 0 0; position: relative; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item:before, .footer .main__sidebar .main-sidebar__categories .categories-list__item:before { display: none; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item.--active, .footer .main__sidebar .main-sidebar__categories .categories-list__item.--active { padding: 0 65px 0 20px; position: relative; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item.--active:before, .footer .main__sidebar .main-sidebar__categories .categories-list__item.--active:before { content: ""; display: inline-block; position: absolute; top: 12px; left: 0px; z-index: 110; width: 4px; height: 4px; border-radius: 100%; background: #FEC90C; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item a, .footer .main__sidebar .main-sidebar__categories .categories-list__item a { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-decoration: none; padding: 8px 16px; border-radius: 6px; display: inline-block; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item a:hover, .footer .main__sidebar .main-sidebar__categories .categories-list__item a:hover { background: #353535; color: #ffffff; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item.--bordered, .footer .main__sidebar .main-sidebar__categories .categories-list__item.--bordered { border-bottom: solid 1px #EEEEEE; padding-bottom: 20px; margin-bottom: 25px; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item.--bordered:last-child, .footer .main__sidebar .main-sidebar__categories .categories-list__item.--bordered:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 20px; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item.--active a, .frontend .main__sidebar .main-sidebar__categories .categories-list__item.--active a:hover, .footer .main__sidebar .main-sidebar__categories .categories-list__item.--active a, .footer .main__sidebar .main-sidebar__categories .categories-list__item.--active a:hover { background: #ececec !important; color: #a0a0a0 !important; cursor: default; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item-badge, .footer .main__sidebar .main-sidebar__categories .categories-list__item-badge { position: absolute; background: #FEC90C; border-radius: 10px; padding: 7px 10px; z-index: 110; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; color: #353535; top: 50%; left: 210px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .frontend .main__sidebar .main-sidebar__categories .categories-list__item.--no-dots.--active, .footer .main__sidebar .main-sidebar__categories .categories-list__item.--no-dots.--active { padding: 0; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item.--no-dots.--active:before, .footer .main__sidebar .main-sidebar__categories .categories-list__item.--no-dots.--active:before { display: none; } .frontend .main--hero, .footer .main--hero { padding-top: 0; } .frontend .main__hero, .footer .main__hero { padding-top: 40px; height: 570px; background: #EEEFF3; position: relative; /* ACTIVE ELEMENTS */ } .home-page .frontend .main__hero, .home-page .footer .main__hero { overflow: hidden; } .company-page .frontend .main__hero, .company-page .footer .main__hero { height: 490px; } .frontend .main__hero > .container, .footer .main__hero > .container { position: relative; height: 100%; } .job-page .frontend .main__hero-content, .job-page .footer .main__hero-content { margin-top: 100px; } .home-page .frontend .main__hero-content, .home-page .footer .main__hero-content { margin-top: 32px; } .service-page .frontend .main__hero-content, .services-category-page .frontend .main__hero-content, .service-page .footer .main__hero-content, .services-category-page .footer .main__hero-content { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 110px; } .service-page .frontend .main__hero-picture picture, .service-page .frontend .main__hero-picture img, .services-category-page .frontend .main__hero-picture picture, .services-category-page .frontend .main__hero-picture img, .service-page .footer .main__hero-picture picture, .service-page .footer .main__hero-picture img, .services-category-page .footer .main__hero-picture picture, .services-category-page .footer .main__hero-picture img { max-width: 100%; max-height: 380px; } .frontend .main__hero-title, .footer .main__hero-title { font-family: 'Montserrat', sans-serif; margin-bottom: 20px; max-width: 710px; } .service-page .frontend .main__hero-title, .service-page .footer .main__hero-title { max-width: 655px; } .frontend .main__hero-description, .footer .main__hero-description { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 30px; max-width: 580px; } .frontend .main__hero-description p, .footer .main__hero-description p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; } .frontend .main__hero-description p + p, .footer .main__hero-description p + p { margin-bottom: 0; } .frontend .main__hero-button a, .footer .main__hero-button a { display: inline-block; padding: 16px 24px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; } .job-page .frontend .main__hero-bg, .home-page .frontend .main__hero-bg, .company-page .frontend .main__hero-bg, .job-page .footer .main__hero-bg, .home-page .footer .main__hero-bg, .company-page .footer .main__hero-bg { display: block; position: absolute; bottom: 0; right: -38px; z-index: 110; max-width: 266px; max-height: 406px; overflow: hidden; } .job-page .frontend .main__hero-bg img, .home-page .frontend .main__hero-bg img, .company-page .frontend .main__hero-bg img, .job-page .footer .main__hero-bg img, .home-page .footer .main__hero-bg img, { display: block; } .home-page .frontend .main__hero-bg, .home-page .footer .main__hero-bg, .company-page .frontend .main__hero-bg { bottom: 31px; right: -46px; max-width: 333px; max-height: 513px; } .job-page .frontend .main__hero-picture, .home-page .frontend .main__hero-picture, .company-page .frontend .main__hero-picture, .job-page .footer .main__hero-picture, .home-page .footer .main__hero-picture , .company-page .footer .main__hero-picture{ position: absolute; bottom: 0; right: 85px; z-index: 110; display: block; } .job-page .frontend .main__hero-picture picture, .job-page .frontend .main__hero-picture img, .home-page .frontend .main__hero-picture picture, .home-page .frontend .main__hero-picture img, .company-page .frontend .main__hero-picture picture, .company-page .frontend .main__hero-picture img, .job-page .footer .main__hero-picture picture, .job-page .footer .main__hero-picture img, .home-page .footer .main__hero-picture picture, .home-page .footer .main__hero-picture img, .company-page .footer .main__hero-picture picture, .company-page .footer .main__hero-picture img { /*display: block;*/ width: 100%; } .home-page .frontend .main__hero-picture, .home-page .footer .main__hero-picture, .company-page .frontend .main__hero-picture { bottom: -20px; right: 40px; } .company-page .frontend .main__hero-picture { bottom:0px; } .service-page .frontend .main__hero-picture, .service-page .footer .main__hero-picture { max-width: 277px; } .frontend .main__hero .form, .footer .main__hero .form { max-width: 500px; margin-bottom: 5px; } .frontend .main__hero-text, .footer .main__hero-text { max-width: 440px; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .frontend .main__hero-text a, .footer .main__hero-text a { color: #9096A4; } .frontend .main__hero-qoute, .footer .main__hero-qoute { position: absolute; bottom: 118px; right: 283px; z-index: 110; display: inline-block; padding: 18px 24px 22px; -webkit-border-radius: 20px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 20px; -moz-border-radius-bottomleft: 0; border-radius: 20px; border-bottom-left-radius: 0; background: #353535; max-width: 232px; } .frontend .main__hero-qoute .hero-quote__name, .footer .main__hero-qoute .hero-quote__name { font-style: normal; font-weight: 600; font-size: 12px; line-height: 22px; color: #FEC90C; margin-bottom: 6px; } .frontend .main__hero-qoute .hero-quote__text, .footer .main__hero-qoute .hero-quote__text { font-style: normal; font-weight: 300; font-size: 14px; line-height: 21px; color: #EEEEEE; } .frontend .main__hero-categories, .footer .main__hero-categories { margin-top: 30px; } .frontend .main__hero-categories .hero-categories__list.owl-carousel .owl-nav button.owl-prev, .footer .main__hero-categories .hero-categories__list.owl-carousel .owl-nav button.owl-prev { position: absolute; left: -50px; top: 3px; } .frontend .main__hero-categories .hero-categories__list.owl-carousel .owl-nav button.owl-next, .footer .main__hero-categories .hero-categories__list.owl-carousel .owl-nav button.owl-next { position: absolute; right: -50px; top: 3px; } .frontend .main__hero-categories .hero-categories__list .owl__nav-left, .frontend .main__hero-categories .hero-categories__list .owl__nav-right, .footer .main__hero-categories .hero-categories__list .owl__nav-left, .footer .main__hero-categories .hero-categories__list .owl__nav-right { background: #ffffff; } .frontend .main__hero-categories .hero-categories__list-item, .footer .main__hero-categories .hero-categories__list-item { display: inline-block; padding: 11px 16px; background: #ffffff; text-decoration: none; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #353535; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; border-radius: 4px; white-space: nowrap; } .frontend .main__hero-categories .hero-categories__list-item:hover, .footer .main__hero-categories .hero-categories__list-item:hover { background: #353535; color: #ffffff; text-decoration: none; } .frontend .main__hero-categories .hero-categories__list-item.--active, .frontend .main__hero-categories .hero-categories__list-item.--active:hover, .footer .main__hero-categories .hero-categories__list-item.--active, .footer .main__hero-categories .hero-categories__list-item.--active:hover { background: #e2e2e2; color: #9096A4; cursor: default; } .frontend .main__secondary-nav, .footer .main__secondary-nav { background: #EEEFF3; border-top: solid 1px rgba(144, 150, 164, 0.15); padding: 26px 0 13px; } .frontend .main__secondary-nav .secondary-nav__list-item, .footer .main__secondary-nav .secondary-nav__list-item { margin-right: 50px; margin-bottom: 16px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; } .frontend .main__secondary-nav .secondary-nav__list-item:last-child, .footer .main__secondary-nav .secondary-nav__list-item:last-child { margin-right: 0; } .frontend .main__secondary-nav .secondary-nav__list-item a, .footer .main__secondary-nav .secondary-nav__list-item a { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-decoration: none; } .frontend .main__secondary-nav .secondary-nav__list-item a:hover, .footer .main__secondary-nav .secondary-nav__list-item a:hover { opacity: 0.5; } .frontend .main__secondary-nav .secondary-nav__list-item.--active, .frontend .main__secondary-nav .secondary-nav__list-item.--active a, .frontend .main__secondary-nav .secondary-nav__list-item.--active a:hover, .footer .main__secondary-nav .secondary-nav__list-item.--active, .footer .main__secondary-nav .secondary-nav__list-item.--active a, .footer .main__secondary-nav .secondary-nav__list-item.--active a:hover { opacity: 0.5; cursor: default; } .frontend .btn-custom, .footer .btn-custom { background: #FEC90C; color: #353535; text-decoration: none; border-radius: 10px; outline: none; border: none; display: inline-block; } .frontend .btn-custom:hover, .footer .btn-custom:hover { background: #FFE03A; } .frontend .btn-custom-standart, .footer .btn-custom-standart { padding: 16px 24px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; } .frontend .btn-custom-large, .footer .btn-custom-large { padding: 23px 37px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; } .frontend .load-more, .footer .load-more { position: relative; } .frontend .load-more.--loading a, .frontend .load-more.--loading a:hover, .footer .load-more.--loading a, .footer .load-more.--loading a:hover { background: #FFE03A; cursor: default; } .frontend .load-more.--loading a > span, .frontend .load-more.--loading a:hover > span, .footer .load-more.--loading a > span, .footer .load-more.--loading a:hover > span { opacity: 0; } .frontend .load-more__spinner, .footer .load-more__spinner { display: none; position: absolute; width: 2rem; height: 2rem; top: 50%; left: 50%; z-index: 110; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .frontend .load-more.--loading .load-more__spinner, .footer .load-more.--loading .load-more__spinner { display: inline-block; } .frontend .subscribe__title, .footer .subscribe__title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #353535; margin-bottom: 15px; } .frontend .subscribe__desc, .footer .subscribe__desc { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; margin-bottom: 27px; } .frontend .subscribe__form .form-group, .footer .subscribe__form .form-group { position: relative; } .frontend .subscribe__form-input, .footer .subscribe__form-input { padding-right: 70px; } .frontend .subscribe__form-submit, .footer .subscribe__form-submit { position: absolute; top: 50%; right: 7px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; width: 52px; height: 52px; } .frontend .subscribe__form-submit:before, .footer .subscribe__form-submit:before { content: ''; display: inline-block; width: 17px; height: 15px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -335px -412px no-repeat; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 110; } .frontend .question, .footer .question { border-top: solid 1px #E9E9E9; margin: 70px 0 0; padding-top: 80px; } .frontend .question__container, .footer .question__container { max-width: 550px; margin: 0 auto; } .frontend .question__left, .footer .question__left { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 60px; } .frontend .question__right, .footer .question__right { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 60px; } .frontend .question__title, .footer .question__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 20px; } .frontend .question__desc, .footer .question__desc { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 20px; } .frontend .question__form .form-group, .footer .question__form .form-group { margin-bottom: 15px !important; } .frontend .question__form-submit, .footer .question__form-submit { position: absolute; top: 50%; right: 7px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; height: 52px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; } .frontend .question__terms, .footer .question__terms { max-width: 440px; } .frontend .question__terms, .frontend .question__terms a, .footer .question__terms, .footer .question__terms a { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .frontend .quality__title, .footer .quality__title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #353535; margin-bottom: 15px; } .frontend .quality__desc, .footer .quality__desc { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; margin-bottom: 27px; } .frontend .quality__btn, .footer .quality__btn { display: inline-block; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; } .popups { /*.popup { display: none; align-items: center; justify-content: center; position: absolute; width: 100%; height: 100%; background: #f5f5f5 url('/local/templates/delomaks/css/../img/auth_bg@2x.jpg') 0 0 no-repeat; background-size: cover; z-index: 992; top: 0px; min-height: 510px; &--signup { z-index: 994; min-height: 750px; } &--signin { & .form .custom-control-label::before, & .form .custom-control-label::after { top: 1px !important; } } &--recovery { z-index: 996; } &--recovery-new-password { z-index: 996; } &--success-message, &--signup-done { z-index: 998; } &--black { position: fixed; background: rgba(0, 0, 0, .5); background-size: 100% 100%; } &--active { display: flex; } &__logo { display: block; position: absolute; top: 20px; left: 50%; margin-left: -45px; width: 90px; height: 15px; background: url('/local/templates/delomaks/css/../img/sprite.svg') -236px -55px no-repeat; } &__content { flex: 0 0 320px; text-align: center; } &--black &__content { padding: 25px; background: $white; position: relative; } &__title { font-size: 20px; font-weight: bold; color: $darkgray; margin-bottom: 15px; } &--black &__title { font-size: 16px; } &__description { font-size: 13px; line-height: 1.62; color: $darkgray; margin-bottom: 30px; } &__btn-close { color: $white !important; font-size: 17px; font-weight: bold; color: $white; text-decoration: none !important; background: $orange; display: block; padding: 18px 0 19px; text-align: center; width: 200px; border-radius: 30px; margin: 40px auto 0; border: none; outline: none; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; &:hover { opacity: 0.85; } } &__close-circle { position: absolute; display: inline-block; top: -25px; right: -25px; z-index: 100; width: 50px; height: 50px; overflow: hidden; border-radius: 100px; background: $orange; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25); &:hover { /*opacity: 0.85;*/ /* background: $white; &::before, &::after { background: $orange; } } &::before, &::after { content: ''; position: absolute; height: 2px; width: 50%; top: 50%; left: 25%; margin-top: -1px; background: $white; } &::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } &::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } &.big { -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3); } &.hairline { &::before, &::after { height: 1px; } } &.thick { &::before, &::after { height: 4px; margin-top: -2px; } } &.black { &::before, &::after { height: 8px; margin-top: -4px; } } &.heavy { &::before, &::after { height: 12px; margin-top: -6px; } } &.pointy { &::Before, &::after { width: 200%; left: -50%; } } &.rounded { &::before, &::after { border-radius: 5px; } } &.blades { &::before, &::after { border-radius: 5px 0; } } &.warp { &::before, &::after { border-radius: 120% 0; } } &.fat { &::before, &::after { border-radius: 100%; } } } &__close { display: block; position: absolute; bottom: 18px; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); font-size: 14px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: $orange; text-decoration: none; &:hover { text-decoration: underline; } &:before { content: ''; display: inline-block; width: 34px; height: 34px; border-radius: 100%; background: $orange url('/local/templates/delomaks/css/../img/sprite.svg') -318px -306px no-repeat; position: relative; top: 12px; margin-right: 16px; } &--no-icon:before { display: none; } &--rotate-180:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } } &--order-save &__close { &:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } } }*/ } .popups .popup { display: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; /*background: rgba(238, 239, 243, 0.7);*/ background: rgba(255, 255, 255, 0.9); z-index: 990; min-height: 510px; -webkit-filter: blur; filter: blur; } .popups .popup.--active { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .popups .popup .--mb-10 { margin-bottom: 10px; } .popups .popup .--mb-20 { margin-bottom: 20px; } .popups .popup .--mb-30 { margin-bottom: 30px; } .popups .popup .--mb-40 { margin-bottom: 40px; } .popups .popup__container { -webkit-box-flex: 0; -webkit-flex: 0 0 720px; -moz-box-flex: 0; -ms-flex: 0 0 720px; flex: 0 0 720px; background: #eeeff3; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05); border-radius: 30px; padding: 80px 40px; position: relative; } .popups .popup__content { max-width: 480px; margin: 0 auto; } .popups .popup__form { max-width: 400px; margin: 0 auto; } .popups .popup__form.--w-500 { max-width: 500px; } .popups .popup__form-line { margin-bottom: 15px; } .popups .popup__form-line .form-group { margin-bottom: 0; } .popups .popup__form-line.--half { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .popups .popup__form-line.--half .form-group { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 7px; } .popups .popup__form-line.--half .form-group + .form-group { padding-right: 0px; padding-left: 7px; } .popups .popup__form-line.--textarea { margin-bottom: 25px; } .popups .popup__form-line textarea { resize: none; outline: 0; height: 150px; } .popups .popup__form-line.--submit { margin-bottom: 0; } .popups .popup__form-line.--dropzone .form-group { margin-bottom: 25px; padding: 20px 40px; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 25px; border: 1px dashed #9096A4; border-radius: 16px; } .popups .popup__form-line.--dropzone .disclamer { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; margin-top: 5px; color: #9096A4; } .popups .popup__form-line .form-check { margin-bottom: 40px; } .popups .popup__form-submit { display: block; width: 100%; } .popups .popup__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 20px; } .popups .popup__title.--sm { font-style: normal; font-weight: bold; font-size: 24px; line-height: 30px; margin-bottom: 10px; } .popups .popup__desc { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 30px; color: #9096A4; } .popups .popup__terms { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .popups .popup__terms a { color: #9096A4; } .popups .popup__success-icon { width: 200px; height: 200px; background: #ffffff; margin: 0 auto 45px; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popups .popup__success-icon:before { content: ''; display: block; width: 107px; height: 72px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -49px -509px no-repeat; } .popups .popup__close { display: block; width: 20px; height: 20px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -49px -359px no-repeat; position: absolute; top: 30px; right: 30px; text-decoration: none; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .popups .popup__close:hover { opacity: 0.4; } .popups .popup--city .popup__container { -webkit-box-flex: 0; -webkit-flex: 0 0 1400px; -moz-box-flex: 0; -ms-flex: 0 0 1400px; flex: 0 0 1400px; } .popups .popup--city .popup__content { max-width: 400px; margin: 0 auto; } .popups .popup--city .popup__form--city { margin-bottom: 60px; } .popups .popup--city .popup__form--city .form-group { position: relative; } .popups .popup--city .popup__form--city .popup__form-input { padding-right: 70px; } .popups .popup--city .popup__form--city .popup__form-submit { position: absolute; top: 50%; right: 7px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; width: 52px; height: 52px; } .popups .popup--city .popup__form--city .popup__form-submit:before { content: ''; display: inline-block; width: 21px; height: 20px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -155px -359px no-repeat; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 110; } .popups .popup--city .popup__cities { border-top: solid 1px rgba(53, 53, 53, 0.15); padding: 30px 40px 0; } .popups .popup--city .popup__cities-search-result { font-style: normal; font-weight: normal; font-size: 14px; line-height: 21px; color: #9096A4; margin-bottom: 0px; } .popups .popup--city .popup__cities .cities__list { position: relative; height: 300px; width: 100%; padding-top: 10px; } .popups .popup--city .popup__cities .cities__list-item { margin-bottom: 0px; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; text-align: center; } .popups .popup--city .popup__cities .cities__list-item a { display: inline-block; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; text-decoration: none; padding: 6px 10px; border-radius: 4px; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; transition: all .25s linear; } .popups .popup--city .popup__cities .cities__list-item a:hover { background: rgba(255, 255, 255, 0.5); } .popups .popup--city .popup__cities .cities__list.--inline { display: block !important; } .popups .popup--city .popup__cities .cities__list.--inline .cities__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .popups .popup--city .popup__cities .cities__list.--inline .cities__list-item a { font-style: normal; /*font-weight: 500; font-size: 18px; line-height: 50px;*/ } .breadcrumbs__list { list-style: none; margin: 0 0 20px 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs__list-item { list-style: none; margin: 0; padding: 0; } .breadcrumbs__list-item:after { content: '/'; display: inline-block; margin: 0 10px; color: #9096A4; } .breadcrumbs__list-item.--active:after { display: none; } .breadcrumbs__list-item a { font-style: normal; font-weight: normal; font-size: 14px; line-height: 21px; color: #353535; border-bottom: solid 1px #9096A4; text-decoration: none; } .breadcrumbs__list-item a:hover { text-decoration: none; border-bottom: none; } .breadcrumbs__list-item span { font-style: normal; font-weight: normal; font-size: 14px; line-height: 21px; color: #9096A4; } .pagenation__list { list-style: none; margin: 0 !important; padding: 0 !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pagenation__list-item { list-style: none; margin: 0 12px !important; padding: 0 !important; font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #353535; } .pagenation__list-item:before { display: none !important; } .pagenation__list-item:first-child { margin-left: 0; } .pagenation__list-item:last-child { margin-right: 0; } .pagenation__list-item a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #353535; text-decoration: none; } .pagenation__list-item.--current { opacity: 0.7; } .pagenation__list-item.--separator { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #9096A4; margin: 0 3px; } .form.--error, .form.--success { position: relative; } .form.--error:after, .form.--success:after { position: absolute; bottom: -22px; left: 0; text-align: center; content: attr(data-message-error); display: block; color: #f11010; width: 100%; font-size: 12px; font-weight: 500; line-height: 1; } .form.--success:after { content: attr(data-message-success); color: #353535; } .form-group { margin-bottom: 25px; position: relative; } .form-group--last { margin-bottom: 30px; font-size: 12px; } .form-group__left { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; font-size: 12px; } .form-group__right { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; font-size: 12px; } .form-group.--error input[type="text"], .form-group.--error input[type="tel"], .form-group.--error input[type="email"], .form-group.--error input[type="password"], .form-group.--error textarea { border-color: #ff6f6f !important; } .form-group.--error .form-control:focus { border: 1px solid #ff6f6f !important; box-shadow: 0 0 0 0.35rem #ffd7d7 !important; } .form-group.--error { position: relative; } .form-group.--error:after, .form-group.--success:after { position: absolute; bottom: -22px; left: 0; text-align: center; content: attr(data-message-error); display: block; color: #f11010; width: 100%; font-size: 12px; font-weight: 500; line-height: 1; } .form-group.--success:after { content: attr(data-message-success); color: #353535; } .form-control { display: block; width: 100%; height: auto; padding: 21px 24px 20px; font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; color: #353535; background-color: #ffffff; background-clip: padding-box; border: 1px solid #EEEEEE; border-radius: 15px; -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -moz-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #9096A4; opacity: 1; } .form-control::-moz-placeholder { /* Firefox 19+ */ color: #9096A4; opacity: 1; } .form-control:-ms-input-placeholder { /* IE 10+ */ color: #9096A4; opacity: 1; } .form-control:-moz-placeholder { /* Firefox 18- */ color: #9096A4; opacity: 1; } .form-control:focus { color: #353535; background-color: #ffffff; border: 1px solid #FFE03A; outline: 0; box-shadow: 0 0 0 0.35rem #fff6d7; } .form-select { display: block; width: 100%; height: auto; padding: 21px 24px 20px; font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; color: #353535; vertical-align: middle; background-color: #ffffff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 30px center; background-size: 16px 12px; border: 1px solid #EEEEEE; border-radius: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-select:focus { color: #353535; background-color: #ffffff; border: 1px solid #FFE03A; outline: 0; box-shadow: 0 0 0 0.35rem #fff6d7; } .form-select > option { color: #353535; } .form-select.placeholder, .form-select > option.placeholder { color: #9096A4; } .form-check-input, .form-check-input + .form-check-label { cursor: pointer; } .form-check-input:active { -webkit-filter: none; filter: none; } .form-check-input:checked[type="checkbox"] { background: #ffffff url("/local/templates/delomaks/css/../img/sprite.svg") -87px -413px no-repeat; border: 1px solid #9096A4; } .form-check-input:checked { background-color: transparent; border-color: transparent; } .form-check-input:checked { background-color: transparent; border-color: transparent; } .form-check-input[type="checkbox"] { border-radius: 2px; } .form-check .form-check-input { float: left; margin-left: -1.75em; } .form-check-input { width: 16px; height: 16px; margin-top: 0.125em; vertical-align: top; background-color: #ffffff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #9096A4; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; } .form .form-check-input:focus { border-color: #9096A4; outline: 0; box-shadow: 0 0 0 0.2rem #fff6d7; } .form .custom-control { position: relative; display: block; min-height: auto; padding-left: 30px; } .form .custom-control .custom-control-input:checked ~ .custom-control-label::before { color: #ffffff; border-color: #ff6900; background-color: #ff6900; } .form .custom-control .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: rgba(255, 105, 0, 0.25); border-color: rgba(255, 105, 0, 0.25); } .form .custom-control .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(255, 105, 0, 0.25); } .form .custom-control .custom-checkbox .custom-control-label::before { border-radius: 1px; } .form .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; cursor: pointer; } .form .custom-control-label::before { position: absolute; top: 3px; left: -1.5rem; display: block; width: 15px; height: 15px; pointer-events: none; content: ""; background-color: #ffffff; border: none; } .form .custom-control-label::after { position: absolute; top: 3px; left: -1.5rem; display: block; width: 15px; height: 15px; content: ""; background: no-repeat 50%/50% 50%; } .form__submit { font-size: 17px; font-weight: bold; color: #ffffff; background: #ff6900; display: block; padding: 18px 0 19px; text-align: center; width: 100%; border-radius: 30px; border: none; outline: none; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; } .form__submit:hover { opacity: 0.85; } .form__submit .spinner { display: none; position: relative; top: 2px; } .form__submit--loading { color: #cccccc; background: transparent; border: #cccccc solid 1px; cursor: default; outline: none; } .form__submit--loading:hover { color: #cccccc; opacity: 1; cursor: default; } .form__submit--loading .spinner { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .header__row-1 { padding: 15px 0; border-bottom: solid 1px rgba(53, 53, 53, 0.15); margin-bottom: 16px; } .header__row-2 { margin-bottom: 17px; } .header__row-3 { width: 100%; } .header__address { font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #9096A4; margin-right: 40px; } .header__address span { font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; color: #353535; } .header__email { font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #9096A4; margin-right: 40px; } .header__email a { font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; color: #353535; } .header__main-nav .main-nav__list { margin: 0; padding: 0; list-style: none; } .header__main-nav .main-nav__list-item { margin: 0 15px; padding: 0; } .header__main-nav .main-nav__list-item:first-child { margin-left: 0; } .header__main-nav .main-nav__list-item:last-child { margin-right: 0; } .header__main-nav .main-nav__list-item:before { display: none; } .header__main-nav .main-nav__list-item a { display: block; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #353535; text-decoration: none; } .header__main-nav .main-nav__list-item a:hover { opacity: 0.5; } .header__logo { width: 179px; height: 46px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -181px -207px no-repeat; margin-right: 40px; } .header__logo a { display: block; width: 100%; height: 100%; text-indent: -9999px; } .header__location { position: relative; padding-left: 30px; } .header__location:before { content: ''; display: block; width: 16px; height: 19px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -260px -360px no-repeat; position: absolute; top: 3px; left: 0; z-index: 100; } .header__location a { font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; text-decoration: none; border-bottom: 1px dashed #9096A4; -webkit-transition: none; -moz-transition: none; transition: none; } .body--nav-show .header__location a { -webkit-transition: opacity 0.25s linear !important; -moz-transition: opacity 0.25s linear !important; transition: opacity 0.25s linear !important; } .header__location a:hover { border-bottom: none; } .header__phone { position: relative; padding-left: 30px; margin-right: 50px; } .header__phone:before { content: ''; display: inline-block; width: 17px; height: 17px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -209px -361px no-repeat; position: absolute; top: 4px; left: 0; z-index: 100; } .header__phone a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; text-decoration: none; -webkit-transition: none; -moz-transition: none; transition: none; } .header__phone span { font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #9096A4; display: block; } .header__phone span.phone-number { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; text-decoration: none; -webkit-transition: none; -moz-transition: none; transition: none; color: #353535; display: inline-block; } .header__callback a { padding: 16px 24px; display: inline-block; background: #FEC90C; border-radius: 10px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; text-decoration: none; } .header__callback a:hover { background: #FFE03A; } .header__services-nav { background: #353535; width: 100%; padding: 15px 0; } .header__services-nav .services-nav__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__services-nav .services-nav__list-item { margin: 0; padding: 0; } .header__services-nav .services-nav__list-item:before { display: none; } .header__services-nav .services-nav__list-item.--dropdown { position: relative; } .header__services-nav .services-nav__list-item.--dropdown .dropdown { display: none; /*width: 970px;*/ position: absolute; padding-top: 26px; top: 42px; left: -35px; z-index: 420; } .header__services-nav .services-nav__list-item.--dropdown .dropdown > div { padding: 40px 48px 40px 35px; background: #353535; border-radius: 8px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .header__services-nav .services-nav__list-item.--dropdown .dropdown__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 18px; line-height: 30px; color: #FFFFFF; margin-bottom: 30px; padding-left: 15px; } .header__services-nav .services-nav__list-item.--dropdown .dropdown__list { /*display: flex; flex-flow: column wrap; height: 310px;*/ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; list-style: none; margin: 0; padding: 0; } .header__services-nav .services-nav__list-item.--dropdown .dropdown__list.--column-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .header__services-nav .services-nav__list-item.--dropdown .dropdown__list.--column-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .header__services-nav .services-nav__list-item.--dropdown .dropdown__list-item { list-style: none; margin: 0 40px 0 0; padding: 0; } .header__services-nav .services-nav__list-item.--dropdown .dropdown__list-item:before { display: none; } .header__services-nav .services-nav__list-item.--dropdown .dropdown__list-item a { display: inline-block; font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; color: #ffffff; text-decoration: none; padding: 9px 15px; border-radius: 4px; } .header__services-nav .services-nav__list-item.--dropdown .dropdown__list-item a:hover { background: rgba(255, 255, 255, 0.1); } .header__services-nav .services-nav__list-item > a { color: #ffffff; display: block; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; text-decoration: none; padding: 12px 15px; border-radius: 4px; } .header__services-nav .services-nav__list-item.--dropdown > a { position: relative; padding: 12px 40px 12px 15px; } .header__services-nav .services-nav__list-item.--dropdown > a:after { content: ''; display: block; width: 12px; height: 7px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -521px -68px no-repeat; position: absolute; right: 15px; top: 18px; z-index: 100; opacity: 0.4; } .header__services-nav .services-nav__list-item.--dropdown > a:after:hover { opacity: 1; } .header__services-nav .services-nav__list-item:hover > a, .header__services-nav .services-nav__list-item.--dropdown:hover > a { background: rgba(255, 255, 255, 0.1); } .header__services-nav .services-nav__list-item.--dropdown:hover > a:after { opacity: 1; } .header__services-nav .services-nav__list-item.--dropdown:hover > .dropdown { display: block; } .news__left { -webkit-box-flex: 0; -webkit-flex: 0 0 990px; -moz-box-flex: 0; -ms-flex: 0 0 990px; flex: 0 0 990px; } .news__right { -webkit-box-flex: 0; -webkit-flex: 0 0 300px; -moz-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } .news__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3%; -moz-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; margin-bottom: 80px; } .news__list-item:nth-child(3n+1) { padding-right: 30px; } .news__list-item:nth-child(3n+2) { padding-left: 15px; padding-right: 15px; } .news__list-item:nth-child(3n+3) { padding-left: 30px; } .news__list-picture { position: relative; margin-bottom: 30px; } .news__list-picture picture, .news__list-picture img { width: 100%; height: auto; border-radius: 10px; } .news__list-category { position: absolute; display: inline-block; z-index: 110; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; padding: 4px 9px; background: #353535; color: #EEEEEE !important; text-decoration: none !important; top: 20px; left: 20px; border-radius: 5px; } .news__list-category:hover { opacity: 0.7; } .news__list-title { margin-bottom: 20px; } .news__list-title a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #353535; text-decoration: none; border-bottom: solid 1px #9096A4; } .news__list-title a:hover { border-bottom: none; } .news__list-anounce { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; color: #353535; margin-bottom: 20px; } .news__list-date { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #353535; margin-right: 20px; } .news__list-date:before { content: ''; display: inline-block; width: 18px; height: 16px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -240px -412px no-repeat; margin-right: 10px; position: relative; top: 2px; } .news__list-views { font-style: normal; font-weight: normal; font-size: 12px; line-height: 1; color: #353535; } .news__list-views:before { content: ''; display: inline-block; width: 18px; height: 12px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -288px -414px no-repeat; margin-right: 10px; position: relative; top: 1px; } .news__categories-title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #353535; margin-bottom: 30px; } .news__categories-list { list-style: none; margin: 0 0 40px; padding: 0 0 5px; border-bottom: solid 1px #EEEEEE; } .news__categories .categories-list__item { list-style: none; margin: 0 0 20px 0; padding: 0; } .news__categories .categories-list__item:before { display: none; } .news__categories .categories-list__item a { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-decoration: none; padding: 8px 16px; border-radius: 6px; display: inline-block; } .news__categories .categories-list__item a:hover { background: #353535; color: #ffffff; } .news__categories .categories-list__item.--bordered { border-bottom: solid 1px #EEEEEE; padding-bottom: 20px; margin-bottom: 25px; } .news__categories .categories-list__item.--bordered:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 20px; } .news__categories .categories-list__item.--active a, .news__categories .categories-list__item.--active a:hover { background: #ececec !important; color: #a0a0a0 !important; cursor: default; } .blog__left { -webkit-box-flex: 0; -webkit-flex: 0 0 990px; -moz-box-flex: 0; -ms-flex: 0 0 990px; flex: 0 0 990px; } .blog__right { -webkit-box-flex: 0; -webkit-flex: 0 0 300px; -moz-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } .blog__list { margin-bottom: 40px; } .blog__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 20px; padding: 40px; background: #EEEFF3; border-radius: 10px; } .blog__list-title { margin-bottom: 15px; } .blog__list-title a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #353535; text-decoration: none; border-bottom: solid 1px #9096A4; } .blog__list-title a:hover { border-bottom: none; } .blog__list-anounce { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; color: #353535; margin-bottom: 24px; } .blog__list-category { display: inline-block; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; padding: 4px 9px; background: #353535; color: #EEEEEE !important; text-decoration: none !important; border-radius: 5px; margin-right: 40px; } .blog__list-category:hover { opacity: 0.7; } .blog__list-date { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #353535; margin-right: 20px; } .blog__list-date:before { content: ''; display: inline-block; width: 18px; height: 16px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -240px -412px no-repeat; margin-right: 10px; position: relative; top: 2px; } .blog__list-views { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #353535; } .blog__list-views:before { content: ''; display: inline-block; width: 18px; height: 12px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -288px -414px no-repeat; margin-right: 10px; position: relative; top: 1px; } .blog__categories-title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #353535; margin-bottom: 30px; } .blog__categories-list { list-style: none; margin: 0 0 40px; padding: 0 0 5px; border-bottom: solid 1px #EEEEEE; } .blog__categories .categories-list__item { list-style: none; margin: 0 0 20px 0; padding: 0 65px 0 0; position: relative; } .blog__categories .categories-list__item:before { display: none; } .blog__categories .categories-list__item a { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-decoration: none; padding: 8px 16px; border-radius: 6px; display: inline-block; max-width:200px; } .blog__categories .categories-list__item a:hover { background: #353535; color: #ffffff; } .blog__categories .categories-list__item.--bordered { border-bottom: solid 1px #EEEEEE; padding-bottom: 20px; margin-bottom: 25px; } .blog__categories .categories-list__item.--bordered:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 20px; } .blog__categories .categories-list__item.--active a, .blog__categories .categories-list__item.--active a:hover { background: #ececec !important; color: #a0a0a0 !important; cursor: default; } .blog__categories .categories-list__item-badge { position: absolute; background: #FEC90C; border-radius: 10px; padding: 7px 10px; z-index: 110; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; color: #353535; top: 50%; left: 210px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .article { /*max-width: 750px;*/ } .article__left { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 80px; } .article__right { -webkit-box-flex: 0; -webkit-flex: 0 0 360px; -moz-box-flex: 0; -ms-flex: 0 0 360px; flex: 0 0 360px; } .article__head { padding-top: 30px; border-top: solid 1px rgba(144, 150, 164, 0.15); margin-bottom: 30px; } .article__foot { padding-top: 30px; padding-bottom: 30px; border-top: solid 1px rgba(144, 150, 164, 0.15); border-bottom: solid 1px rgba(144, 150, 164, 0.15); margin-bottom: 80px; } .article__share-friends { margin-right: 20px; } .article__social-list { list-style: none; margin: 0 !important; padding: 0 !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .article__social-list .social-list__item { width: 40px; height: 40px; margin: 0 10px 0 0 !important; padding: 0 !important; border-radius: 100%; } .article__social-list .social-list__item:before { display: none; } .article__social-list .social-list__item:last-child { margin-right: 0 !important; } .article__social-list .social-list__item.--vk { background: #4680C2 url("/local/templates/delomaks/css/../img/sprite.svg") -252px -51px no-repeat; } .article__social-list .social-list__item.--telegram { background: #2CA5E0 url("/local/templates/delomaks/css/../img/sprite.svg") -301px -51px no-repeat; } .article__social-list .social-list__item.--facebook { background: #1877F2 url("/local/templates/delomaks/css/../img/sprite.svg") -347px -51px no-repeat; } .article__social-list .social-list__item.--whatsapp { background: #25D366 url("/local/templates/delomaks/css/../img/sprite.svg") -396px -51px no-repeat; } .article__social-list .social-list__item.--viber { background: #665CAC url("/local/templates/delomaks/css/../img/sprite.svg") -443px -51px no-repeat; } .article__social-list .social-list__item a { display: block; width: 100%; height: 100%; } .article__date { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #353535; margin-right: 30px; } .article__date:before { content: ''; display: inline-block; width: 18px; height: 16px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -240px -412px no-repeat; margin-right: 10px; position: relative; top: 2px; } .article__views { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #353535; } .article__views:before { content: ''; display: inline-block; width: 18px; height: 12px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -288px -414px no-repeat; margin-right: 10px; position: relative; top: 1px; } .article__picture picture, .article__picture img { display: block; border-radius: 20px; margin-bottom: 70px; max-width: 100%; } .article__content { margin-bottom: 50px; } .article__expert { padding: 40px; border-radius: 10px; background: #ffffff; margin-bottom: 50px; } .article__expert-title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; margin-bottom: 20px; } .article__expert-info { margin-bottom: 20px; } .article__expert-photo { padding-right: 15px; } .article__expert-photo picture, .article__expert-photo img { display: block; width: 50px; height: 50px; border-radius: 100%; } .article__expert-name { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; } .article__expert-post { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .article__expert-comment { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; } .article__subsribe { margin-bottom: 70px; } .article__subsribe-left { width: 260px; margin-right: 40px; } .article__subsribe-right { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(100% - 300px); -moz-box-flex: 0; -ms-flex: 0 0 calc(100% - 300px); flex: 0 0 calc(100% - 300px); } .article__subsribe-title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; } .article__subsribe-desc { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .article__subsribe-form { margin-bottom: 15px; } .article__subsribe-form .subsribe-form__input { padding-right: 150px; } .article__subsribe-form .subsribe-form__submit { position: absolute; top: 50%; right: 7px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; height: 52px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; } .article__subsribe-terms { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .article__subsribe-terms a { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .article__related-list .related-list__item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; /*&:first-child { padding-right: 35px; } &:last-child { padding-left: 35px; }*/ } .article__related-list .related-list__item:first-child { margin-bottom: 35px; } .article__related-list .related-list__item:last-child { margin-bottom: 0px; } .article__related-list .related-list__item-picture { position: relative; margin-bottom: 30px; } .article__related-list .related-list__item-picture picture, .article__related-list .related-list__item-picture img { width: 100%; height: auto; border-radius: 10px; } .article__related-list .related-list__item-category { position: absolute; display: inline-block; z-index: 110; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; padding: 4px 9px; background: #353535; color: #EEEEEE !important; text-decoration: none !important; top: 20px; left: 20px; border-radius: 5px; } .article__related-list .related-list__item-category:hover { opacity: 0.7; } .article__related-list .related-list__item-title { margin-bottom: 20px; } .article__related-list .related-list__item-title a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #353535; text-decoration: none; border-bottom: solid 1px #9096A4; } .article__related-list .related-list__item-title a:hover { border-bottom: none; } .article__related-list .related-list__item-anounce { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; color: #353535; margin-bottom: 20px; } .article__related-list .related-list__item-date { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #353535; margin-right: 20px; } .article__related-list .related-list__item-date:before { content: ''; display: inline-block; width: 18px; height: 16px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -240px -412px no-repeat; margin-right: 10px; position: relative; top: 2px; } .article__related-list .related-list__item-views { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #353535; } .article__related-list .related-list__item-views:before { content: ''; display: inline-block; width: 18px; height: 12px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -288px -414px no-repeat; margin-right: 10px; position: relative; top: 1px; } .article-page .breadcrumbs + h1, .article-page .breadcrumbs + .h1 { max-width: 750px; } .services__column { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; padding-right: 20px; padding-left: 20px; } .services__column:first-child { padding-right: 20px; padding-left: 0; } .services__column:last-child { padding-right: 0; padding-left: 20px; } .services__list { list-style: none; padding: 0; margin: 0 0 40px 0; } .services__list-item { list-style: none; padding: 0 !important; margin: 0 0 10px 0 !important; } .services__list-item:before { display: none !important; } .services__list-item a { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #353535; text-decoration: none; } .services__list-item a:hover { opacity: 0.7; } .services__list-item.--heading { margin: 0 0 20px 0; } .services__list-item.--heading a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #353535; text-decoration: none; } .services-category { padding-top: 60px; } .services-category__list .category-list__item { text-align: center; padding: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .services-category__list .category-list__item:first-child { padding-left: 0; } .services-category__list .category-list__item:last-child { padding-right: 0; } .services-category__list .category-list__item:nth-child(4n+1) { padding-left: 0; } .services-category__list .category-list__item:nth-child(4n+4) { padding-right: 0; } .services-category__list .category-list__item a { position: relative; font-style: normal; font-weight: bold; font-size: 18px; line-height: 26px; color: #353535; display: block; text-decoration: none; overflow: hidden; height: 160px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(0, 0, 0, 0.05); border-radius: 16px; padding: 20px 30px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; transition: all 0.5s linear; } .services-category__list .category-list__item a span { z-index: 100; } .services-category__list .category-list__item a:hover { background: #353535; color: #ffffff; } .services-category__list .category-list__item a:before { content: ''; display: block; width: 260px; height: 260px; position: absolute; opacity: 0.2; } .services-category__list .category-list__item:nth-child(12n+1) a:before { top: -130px; left: -moz-calc(50% - 130px); left: calc(50% - 130px); background: url("/local/templates/delomaks/css/../img/pattern-1.svg") 0 0 no-repeat; } .services-category__list .category-list__item:nth-child(12n+2) a:before { bottom: -130px; right: -moz-calc(50% - 130px); right: calc(50% - 130px); background: url("/local/templates/delomaks/css/../img/pattern-2.svg") 0 0 no-repeat; } .services-category__list .category-list__item:nth-child(12n+3) a:before { top: -130px; left: -moz-calc(50% - 130px); left: calc(50% - 130px); background: url("/local/templates/delomaks/css/../img/pattern-3.svg") 0 0 no-repeat; } .services-category__list .category-list__item:nth-child(12n+4) a:before { bottom: -130px; right: -moz-calc(50% - 130px); right: calc(50% - 130px); background: url("/local/templates/delomaks/css/../img/pattern-1.svg") 0 0 no-repeat; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .services-category__list .category-list__item:nth-child(12n+5) a:before { top: -130px; left: -moz-calc(50% - 130px); left: calc(50% - 130px); background: url("/local/templates/delomaks/css/../img/pattern-2.svg") 0 0 no-repeat; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .services-category__list .category-list__item:nth-child(12n+6) a:before { bottom: -130px; right: -moz-calc(50% - 130px); right: calc(50% - 130px); background: url("/local/templates/delomaks/css/../img/pattern-3.svg") 0 0 no-repeat; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .services-category__list .category-list__item:nth-child(12n+7) a:before { top: -130px; left: -moz-calc(50% - 130px); left: calc(50% - 130px); background: url("/local/templates/delomaks/css/../img/pattern-1.svg") 0 0 no-repeat; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .services-category__list .category-list__item:nth-child(12n+8) a:before { bottom: -130px; right: -moz-calc(50% - 130px); right: calc(50% - 130px); background: url("/local/templates/delomaks/css/../img/pattern-2.svg") 0 0 no-repeat; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .services-category__list .category-list__item:nth-child(12n+9) a:before { top: -130px; left: -moz-calc(50% - 130px); left: calc(50% - 130px); background: url("/local/templates/delomaks/css/../img/pattern-3.svg") 0 0 no-repeat; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .services-category__list .category-list__item:nth-child(12n+10) a:before { bottom: -130px; right: -moz-calc(50% - 130px); right: calc(50% - 130px); background: url("/local/templates/delomaks/css/../img/pattern-1.svg") 0 0 no-repeat; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .services-category__list .category-list__item:nth-child(12n+11) a:before { top: -130px; left: -moz-calc(50% - 130px); left: calc(50% - 130px); background: url("/local/templates/delomaks/css/../img/pattern-2.svg") 0 0 no-repeat; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .services-category__list .category-list__item:nth-child(12n+12) a:before { bottom: -130px; right: -moz-calc(50% - 130px); right: calc(50% - 130px); background: url("/local/templates/delomaks/css/../img/pattern-3.svg") 0 0 no-repeat; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .service__block-address, .service__block-contributions { padding: 100px 0 70px 0; margin-bottom: 100px; border-bottom: solid 1px rgba(53, 53, 53, 0.15); } .service__block-address .block-address__title, .service__block-address .block-contributions__title, .service__block-contributions .block-address__title, .service__block-contributions .block-contributions__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 20px; } .service__block-address .block-address__desc, .service__block-address .block-contributions__desc, .service__block-contributions .block-address__desc, .service__block-contributions .block-contributions__desc { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; margin-bottom: 50px; } .service__block-address .block-address__attention-title, .service__block-address .block-contributions__attention-title, .service__block-contributions .block-address__attention-title, .service__block-contributions .block-contributions__attention-title { font-style: normal; font-weight: 500; font-size: 14px; line-height: 26px; text-transform: uppercase; margin-bottom: 10px; } .service__block-address .block-address__attention-desc, .service__block-address .block-contributions__attention-desc, .service__block-contributions .block-address__attention-desc, .service__block-contributions .block-contributions__attention-desc { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; max-width: 450px; margin: 0 auto 25px; } .service__block-address .block-address__table, .service__block-contributions .block-address__table { margin-bottom: 60px; position: relative; width: 100%; } .service__block-address .block-address__table .address-table, .service__block-contributions .block-address__table .address-table { width: 1000px; margin: 0 auto; border-radius: 12px; border: solid 1px #EEEEEE; } .service__block-address .block-address__table .address-table__head, .service__block-contributions .block-address__table .address-table__head { padding: 21px 30px; background: #353535; border-top-left-radius: 12px; border-top-right-radius: 12px; } .service__block-address .block-address__table .address-table__head-row, .service__block-contributions .block-address__table .address-table__head-row { width: 100%; border-bottom: solid 1px rgba(53, 53, 53, 0.15); } .service__block-address .block-address__table .address-table__head-item, .service__block-contributions .block-address__table .address-table__head-item { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #EEEEEE; } .service__block-address .block-address__table .address-table__head-item.--number, .service__block-contributions .block-address__table .address-table__head-item.--number { width: 6%; } .service__block-address .block-address__table .address-table__head-item.--city, .service__block-contributions .block-address__table .address-table__head-item.--city { width: 18%; } .service__block-address .block-address__table .address-table__head-item.--region, .service__block-contributions .block-address__table .address-table__head-item.--region { width: 18%; } .service__block-address .block-address__table .address-table__head-item.--address, .service__block-contributions .block-address__table .address-table__head-item.--address { width: 22%; width: 40%; } .service__block-address .block-address__table .address-table__head-item.--mail, .service__block-contributions .block-address__table .address-table__head-item.--mail { width: 13%; } .service__block-address .block-address__table .address-table__head-item.--price, .service__block-contributions .block-address__table .address-table__head-item.--price { width: 13%; } .service__block-address .block-address__table .address-table__head-item.--order, .service__block-contributions .block-address__table .address-table__head-item.--order { width: 10%; } .service__block-address .block-address__table .address-table__body, .service__block-contributions .block-address__table .address-table__body { padding: 0 20px 0 20px; background: #ffffff; max-height: 482px; position: relative; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; overflow: hidden; } .service__block-address .block-address__table .address-table__body-row, .service__block-contributions .block-address__table .address-table__body-row { width: 100%; padding: 0 10px; border-bottom: solid 1px rgba(53, 53, 53, 0.15); } .service__block-address .block-address__table .address-table__body-row.--no-border-bottom, .service__block-contributions .block-address__table .address-table__body-row.--no-border-bottom { border-bottom: none; } .service__block-address .block-address__table .address-table__body-item, .service__block-contributions .block-address__table .address-table__body-item { padding: 22px 0 20px 0; font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; color: #353535; } .service__block-address .block-address__table .address-table__body-item.--number, .service__block-contributions .block-address__table .address-table__body-item.--number { width: 6%; font-style: normal; font-weight: normal; line-height: 18px; color: #9096A4; } .service__block-address .block-address__table .address-table__body-item.--city, .service__block-contributions .block-address__table .address-table__body-item.--city { width: 18%; } .service__block-address .block-address__table .address-table__body-item.--region, .service__block-contributions .block-address__table .address-table__body-item.--region { width: 18%; } .service__block-address .block-address__table .address-table__body-item.--address, .service__block-contributions .block-address__table .address-table__body-item.--address { width: 22%; width: 40%; } .service__block-address .block-address__table .address-table__body-item.--mail, .service__block-contributions .block-address__table .address-table__body-item.--mail { width: 13%; } .service__block-address .block-address__table .address-table__body-item.--mail > span, .service__block-contributions .block-address__table .address-table__body-item.--mail > span { display: inline-block; padding: 0 6px; border: 2px solid #14CF75; border-radius: 4px; } .service__block-address .block-address__table .address-table__body-item.--price, .service__block-contributions .block-address__table .address-table__body-item.--price { width: 13%; } .service__block-address .block-address__table .address-table__body-item.--order, .service__block-contributions .block-address__table .address-table__body-item.--order { width: 10%; padding: 11px 0 10px 0; } .service__block-address .block-address__table .address-table__body-item.--order > a, .service__block-contributions .block-address__table .address-table__body-item.--order > a { padding: 10px 20px; border-radius: 6px; } .service__block-contributions { padding: 0; margin-bottom: 100px; border-bottom: none; } .service__block-contributions .block-contributions__desc { max-width: 595px; margin: 0 auto 50px; } .service__block-contributions .block-contributions__container { margin-bottom: 70px; } .service__block-contributions .block-contributions__left { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 5px; } .service__block-contributions .block-contributions__right { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 5px; } .service__block-contributions .block-contributions__item { background: #ffffff; border: 1px solid #EEEEEE; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 16px; padding: 40px 40px 14px 40px; height: auto; } .service__block-contributions .block-contributions__item-title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; /*margin-bottom: 17px;*/ } .service__block-contributions .block-contributions__item-row { border-bottom: solid 1px rgba(53, 53, 53, 0.15); } .service__block-contributions .block-contributions__item-row.--last { border-bottom: none; } .service__block-contributions .block-contributions__item-col-1, .service__block-contributions .block-contributions__item-col-2, .service__block-contributions .block-contributions__item-col-3 { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; padding: 18px 0 16px 0; } .service__block-contributions .block-contributions__item-col-1, .service__block-contributions .block-contributions__item-row.--head .block-contributions__item-col-1 { width: 105px; } .service__block-contributions .block-contributions__item-col-2, .service__block-contributions .block-contributions__item-row.--head .block-contributions__item-col-2 { width: 147px; } .service__block-contributions .block-contributions__item-col-3, .service__block-contributions .block-contributions__item-row.--head .block-contributions__item-col-3 { width: 167px; } .service__block-contributions .block-contributions__item-row.--head .block-contributions__item-col-1, .service__block-contributions .block-contributions__item-row.--head .block-contributions__item-col-2, .service__block-contributions .block-contributions__item-row.--head .block-contributions__item-col-3 { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; padding: 17px 0 16px 0; color: #9096A4; } .service__block-docs { /*margin-bottom: 100px;*/ } .service__block-docs .block-docs__left { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 44px; } .service__block-docs .block-docs__right { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 44px; } .service__block-docs .block-docs__right ul { margin-bottom: 100px; } .service__block-docs .block-docs__right ul li { margin-bottom: 10px; } .service__block-docs .block-docs__title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; margin-bottom: 15px; } .service__block-docs .block-docs__desc { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 45px; max-width: 480px; } .service__block-docs .block-docs__list { margin-bottom: 40px; } .service__block-docs .block-docs__list-item { margin-bottom: 45px; } .service__block-docs .block-docs__list-item:last-child { margin-bottom: 0; } .service__block-docs .block-docs__list-icon { -webkit-box-flex: 0; -webkit-flex: 0 0 90px; -moz-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; } .service__block-docs .block-docs__list-icon.--rouble { width: 56px; height: 56px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -978px -745px no-repeat; } .service__block-docs .block-docs__list-icon.--calc { width: 44px; height: 56px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -473px -745px no-repeat; } .service__block-docs .block-docs__list-icon.--list { width: 45px; height: 40px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -50px -896px no-repeat; } .service__block-docs .block-docs__list-desc { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 390px; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; } .service__block-for-whom .block-for-whom__left { -webkit-box-flex: 0; -webkit-flex: 0 0 675px; -moz-box-flex: 0; -ms-flex: 0 0 675px; flex: 0 0 675px; padding-right: 110px; } .service__block-for-whom .block-for-whom__left ul li { margin-bottom: 10px; } .service__block-for-whom .block-for-whom__right { -webkit-box-flex: 0; -webkit-flex: 0; -moz-box-flex: 0; -ms-flex: 0; flex: 0; } .service__block-for-whom .block-for-whom__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 30px; } .service__block-for-whom .block-for-whom__desc { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 20px; } .service__block-for-whom .block-for-whom__picture { /*-webkit-clip-path: url("#mapMaskBig");*/ /* clip-path: url("#mapMaskBig"); */ } .service__block-work-scheme { padding: 90px 0; position: relative; margin-bottom: 150px; position: relative; top: -20px; } .service__block-work-scheme:before { content: ''; display: block; position: absolute; width: -moz-calc(100% + 220px); width: calc(100% + 220px); height: 100%; left: -110px; top: 0; background: #EEEFF3; -webkit-transform: skew(0deg, -2.7deg); -moz-transform: skew(0deg, -2.7deg); -ms-transform: skew(0deg, -2.7deg); transform: skew(0deg, -2.7deg); } .service__block-work-scheme .block-work-scheme__content { position: relative; z-index: 120; } .service__block-work-scheme .block-work-scheme__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 25px; } .service__block-work-scheme .block-work-scheme__desc { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; max-width: 700px; margin: 0 auto 50px; } .service__block-work-scheme .block-work-scheme__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; padding-right: 55px; } .service__block-work-scheme .block-work-scheme__list-item:last-child { padding-right: 0; } .service__block-work-scheme .block-work-scheme__list-icon { height: 62px; margin-bottom: 25px; } .service__block-work-scheme .block-work-scheme__list-icon.--icon-1 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -567px -745px no-repeat; } .service__block-work-scheme .block-work-scheme__list-icon.--icon-2 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -1030px -630px no-repeat; } .service__block-work-scheme .block-work-scheme__list-icon.--icon-3 { width: 50px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -257px -885px no-repeat; } .service__block-work-scheme .block-work-scheme__list-icon.--icon-4 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -918px -630px no-repeat; } .service__block-work-scheme .block-work-scheme__list-icon.--icon-5 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -145px -888px no-repeat; } .service__block-work-scheme .block-work-scheme__list-title { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 10px; } .service__block-work-scheme .block-work-scheme__list-text { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .service__block-calculations { margin-bottom: 100px; border-bottom: solid 1px rgba(53, 53, 53, 0.15); } .service__block-calculations .block-calculations { /*.service-page &-picture { max-width: 277px; }*/ } .service__block-calculations .block-calculations__left { -webkit-box-flex: 0; -webkit-flex: 0 0 675px; -moz-box-flex: 0; -ms-flex: 0 0 675px; flex: 0 0 675px; padding-right: 110px; } .service__block-calculations .block-calculations__right { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .service__block-calculations .block-calculations__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 30px; } .service__block-calculations .block-calculations__desc { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 45px; } .service__block-calculations .block-calculations__list { margin-bottom: 75px; } .service__block-calculations .block-calculations__list-item { margin-bottom: 45px; } .service__block-calculations .block-calculations__list-item:last-child { margin-bottom: 0; } .service__block-calculations .block-calculations__list-icon { -webkit-box-flex: 0; -webkit-flex: 0 0 90px; -moz-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; } .service__block-calculations .block-calculations__list-icon.--passport { width: 56px; height: 56px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -679px -745px no-repeat; } .service__block-calculations .block-calculations__list-icon.--dialog { width: 44px; height: 56px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -772px -748px no-repeat; } .service__block-calculations .block-calculations__list-icon.--folder { width: 45px; height: 45px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -883px -746px no-repeat; } .service__block-calculations .block-calculations__list-desc { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 390px; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; } .service__block-calculations .block-calculations__apps { margin-bottom: 110px; } .service__block-calculations .block-calculations__apps-google-play { display: inline-block; width: 135px; height: 40px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -50px -997px no-repeat; margin-right: 15px; } .service__block-calculations .block-calculations__apps-appstore { display: inline-block; width: 120px; height: 40px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -199px -997px no-repeat; } .service__block-calculations .block-calculations__bg { display: block; position: absolute; bottom: 52px; right: -21px; z-index: 110; } .service__block-calculations .block-calculations__bg img { display: block; } .service__block-calculations .block-calculations__picture { position: absolute; z-index: 120; right: 40px; bottom: 0; } .service__block-calculations .block-calculations__picture picture, .service__block-calculations .block-calculations__picture img { display: inline-block; width: 100%; } .service__block-calculations .block-calculations__qoute { position: absolute; bottom: 171px; right: 295px; z-index: 130; display: inline-block; padding: 18px 24px 22px; -webkit-border-radius: 20px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 20px; -moz-border-radius-bottomleft: 0; border-radius: 20px; border-bottom-left-radius: 0; background: #353535; max-width: 232px; } .service__block-calculations .block-calculations__qoute-name { font-style: normal; font-weight: 600; font-size: 12px; line-height: 22px; color: #FEC90C; margin-bottom: 6px; } .service__block-calculations .block-calculations__qoute-text { font-style: normal; font-weight: 300; font-size: 14px; line-height: 21px; color: #EEEEEE; } .service__block-economy { padding: 85px 0; position: relative; margin-bottom: 100px; } .service__block-economy:before { content: ''; display: block; position: absolute; width: 50%; height: 100%; left: -130px; top: 0; background: #EEEFF3; -webkit-transform: skew(0deg, -2.7deg); -moz-transform: skew(0deg, -2.7deg); -ms-transform: skew(0deg, -2.7deg); transform: skew(0deg, -2.7deg); } .service__block-economy .block-economy__content { position: relative; z-index: 120; } .service__block-economy .block-economy__left { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 100px; } .service__block-economy .block-economy__right { -webkit-box-flex: 0; -webkit-flex: 0 0 285px; -moz-box-flex: 0; -ms-flex: 0 0 285px; flex: 0 0 285px; } .service__block-economy .block-economy__title { font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 15px; } .service__block-economy .block-economy__desc { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; margin-bottom: 30px; } .service__block-economy .block-economy__table { margin-bottom: 60px; position: relative; width: 100%; } .service__block-economy .block-economy__table .economy-table { /*width: 750px;*/ width: 100%; margin: 0 auto; border-radius: 12px; border: solid 1px #EEEEEE; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05); } .service__block-economy .block-economy__table .economy-table__head { padding: 17px 30px 15px 20px; background: #353535; border-top-left-radius: 12px; border-top-right-radius: 12px; } .service__block-economy .block-economy__table .economy-table__head-row { width: 100%; border-bottom: solid 1px rgba(53, 53, 53, 0.15); } .service__block-economy .block-economy__table .economy-table__head-item { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #EEEEEE; } .service__block-economy .block-economy__table .economy-table__head-item.--name { width: 60%; } .service__block-economy .block-economy__table .economy-table__head-item.--accountant { width: 20%; text-align: center; } .service__block-economy .block-economy__table .economy-table__head-item.--service { width: 20%; text-align: center; } .service__block-economy .block-economy__table .economy-table__body { padding: 0 20px 0 20px; background: #ffffff; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .service__block-economy .block-economy__table .economy-table__body-row { width: 100%; padding: 0 10px 0 0; border-bottom: solid 1px rgba(53, 53, 53, 0.15); } .service__block-economy .block-economy__table .economy-table__body-row.--no-border-bottom { border-bottom: none; } .service__block-economy .block-economy__table .economy-table__body-item { padding: 15px 0 13px 0; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #353535; } .service__block-economy .block-economy__table .economy-table__body-item.--name, .service__block-economy .block-economy__table .economy-table__body-item.--total { width: 60%; } .service__block-economy .block-economy__table .economy-table__body-item.--total { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; padding: 18px 0 21px 0; } .service__block-economy .block-economy__table .economy-table__body-item.--accountant { width: 20%; text-align: center; } .service__block-economy .block-economy__table .economy-table__body-item.--service-last, .service__block-economy .block-economy__table .economy-table__body-item.--service { width: 20%; text-align: center; background: #EEEFF3; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; } .service__block-economy .block-economy__table .economy-table__body-item.--service-last { background: transparent; position: relative; } .service__block-economy .block-economy__table .economy-table__body-item.--service-last span { display: block; position: absolute; top: -17px; left: 0; width: 100%; height: 20px; background: #EEEFF3; z-index: 110; } .service__block-reviews { margin-bottom: 120px; } .service__block-reviews .block-reviews__left { -webkit-box-flex: 0; -webkit-flex: 0 0 390px; -moz-box-flex: 0; -ms-flex: 0 0 390px; flex: 0 0 390px; padding-right: 100px; position: relative; top: -30px; } .service__block-reviews .block-reviews__left > .container { padding-right: 0 !important; padding-left: 0 !important; } .service__block-reviews .block-reviews__count { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; margin-bottom: 25px; } .service__block-reviews .block-reviews__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 15px; } .service__block-reviews .block-reviews__desc { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; margin-bottom: 30px; } .service__block-reviews .block-reviews__btn { margin-bottom: 50px; } .service__block-reviews .block-reviews__controls-left, .service__block-reviews .block-reviews__controls-right { display: block; width: 35px; height: 35px; background: #EEEEEE; border-radius: 100%; position: relative; cursor: pointer; } .service__block-reviews .block-reviews__controls-left:before, .service__block-reviews .block-reviews__controls-right:before { content: ''; display: block; width: 7px; height: 12px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .service__block-reviews .block-reviews__controls-left { margin-right: 15px; } .service__block-reviews .block-reviews__controls-left:before { background: url("/local/templates/delomaks/css/../img/sprite.svg") -127px -414px no-repeat; } .service__block-reviews .block-reviews__controls-right:before { background: url("/local/templates/delomaks/css/../img/sprite.svg") -163px -414px no-repeat; } .service__block-reviews .block-reviews__controls-left, .service__block-reviews .block-reviews__controls-right { -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .service__block-reviews .block-reviews__controls-left:hover, .service__block-reviews .block-reviews__controls-right:hover { opacity: 0.75; } .service__block-reviews .reviews__list { -webkit-column-count: inherit; -moz-column-count: inherit; column-count: inherit; -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; margin-bottom: 0; } .service__block-reviews .reviews__list .owl-stage-outer { padding-bottom: 30px; padding-left: 20px; } .service__block-reviews .reviews__list .reviews__list-wrap { box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05); } .service__block-reviews .reviews__list-item { width: 360px; margin-bottom: 0; } .contacts__map { position: relative; margin-bottom: 70px; } .contacts__map-info { position: absolute; height: 510px; min-width: 380px; background: #ffffff; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05); border-radius: 16px; top: 15px; right: 15px; padding: 40px 40px 35px; } .contacts__map-info .map-info__line { padding-bottom: 20px; margin-bottom: 15px; border-bottom: solid 1px #E1E1E1; } .contacts__map-info .map-info__line.--last { border-bottom: none; padding-bottom: 0; } .contacts__map-info .map-info__title { font-style: normal; font-weight: 500; font-size: 14px; line-height: 26px; color: #9096A4; margin-bottom: 5px; } .contacts__map-info .map-info__schedule { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; margin-top: 5px; } .contacts__map-info .map-info__address, .contacts__map-info .map-info__phone, .contacts__map-info .map-info__email { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #000000; } .contacts__map-info .map-info__address a, .contacts__map-info .map-info__phone a, .contacts__map-info .map-info__email a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #000000; text-decoration: none; } .contacts__map-info .map-info__email a { text-decoration: underline; } .contacts__map-info .map-info__link { display: inline-block; font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } .contacts__map-info .map-info__social-list { list-style: none; margin: 12px 0 0 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contacts__map-info .map-info__social-item { width: 40px; height: 40px; margin: 0 10px 0 0 !important; padding: 0 !important; border-radius: 100%; } .contacts__map-info .map-info__social-item:before { display: none; } .contacts__map-info .map-info__social-item:last-child { margin-right: 0 !important; } .contacts__map-info .map-info__social-item.--vk { background: #4680C2 url("/local/templates/delomaks/css/../img/sprite.svg") -252px -51px no-repeat; } .contacts__map-info .map-info__social-item.--telegram { background: #2CA5E0 url("/local/templates/delomaks/css/../img/sprite.svg") -301px -51px no-repeat; } .contacts__map-info .map-info__social-item.--facebook { background: #1877F2 url("/local/templates/delomaks/css/../img/sprite.svg") -347px -51px no-repeat; } .contacts__map-info .map-info__social-item.--whatsapp { background: #25D366 url("/local/templates/delomaks/css/../img/sprite.svg") -396px -51px no-repeat; } .contacts__map-info .map-info__social-item.--viber { background: #665CAC url("/local/templates/delomaks/css/../img/sprite.svg") -443px -51px no-repeat; } .contacts__map-info .map-info__social-item a { display: block; width: 100%; height: 100%; } .contacts__yamap { width: 100%; height: 540px; border: 1px solid #EEEEEE; border-radius: 16px; overflow: hidden; } .contacts__feedback { background: #EEEFF3; border-radius: 16px; padding: 90px 0 80px 0; } .contacts__feedback-title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 20px; } .contacts__feedback-desc { max-width: 470px; margin: 0 auto 40px; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; } .contacts__form { max-width: 820px; margin: 0 auto; } .contacts__form-line { margin-bottom: 20px; } .contacts__form-line.--half .form-group { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 10px; margin-bottom: 0; } .contacts__form-line.--half .form-group + .form-group { padding-left: 10px; padding-right: 0; } .contacts__form-line.--half .form-group input { width: 100%; } .contacts__form-line.--mb-27 { margin-bottom: 27px; } .contacts__form-line textarea { resize: none; outline: 0; height: 150px; } .contacts__form-submit { margin: 0 auto; padding: 25px 57px !important; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; } .contacts__form .form-group.--submit { margin-bottom: 30px; } .contacts__form .form-group.--textarea { margin-bottom: 30px; } .contacts__form .form-group.--terms, .contacts__form .form-group.--terms a { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .reviews-item-page .container--main h1, .reviews-item-page .container--main .h1, .reviews-item-page .container--main .h1 { max-width: 970px; } .reviews { /*DETAIL*/ } .reviews__description { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 40px; max-width: 610px; } .reviews__left { -webkit-box-flex: 0; -webkit-flex: 0 0 930px; -moz-box-flex: 0; -ms-flex: 0 0 930px; flex: 0 0 930px; } .reviews__right { -webkit-box-flex: 0; -webkit-flex: 0 0 300px; -moz-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } .reviews__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; margin-bottom: 20px; } .reviews__list-item { margin-bottom: 40px; display: inline-block; } .reviews__list-wrap { padding: 40px 40px 25px; background: #ffffff; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05); border-radius: 30px; } .reviews__list-picture { position: relative; margin-bottom: 23px; } .reviews__list-picture picture, .reviews__list-picture img { display: block; width: 100%; height: auto; border-radius: 16px; } .reviews__list-picture > a { text-decoration: none; display: block; border: 1px solid #EEEEEE; border-radius: 16px; position: relative; } .reviews__list-picture > a:before { content: ''; display: block; width: 40px; height: 40px; background: #ffffff url("/local/templates/delomaks/css/../img/sprite.svg") -34px -401px no-repeat; border: 1px solid #EEEEEE; border-radius: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 110; opacity: 0; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .reviews__list-picture > a:hover:before { opacity: 1; } .reviews__list-video { width: 100%; padding-top: 56.25%; height: 0px; position: relative; margin-bottom: 23px; border-radius: 16px; } .reviews__list-video .video-16-9 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 16px; } .reviews__list-video iframe { border-radius: 16px; width: 100%; height: 100%; } .reviews__list-category { margin-bottom: 15px; } .reviews__list-category a { font-style: normal; font-weight: 300; font-size: 12px; line-height: 18px; color: #9096A4; text-decoration: none; } .reviews__list-category a:hover { opacity: 0.7; } .reviews__list-anounce { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; margin-bottom: 15px; max-height:65px; overflow: hidden; } .reviews__list-more { margin-bottom: 25px; } .reviews__list-more a { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; text-decoration: underline; } .reviews__list-more a:hover { text-decoration: none; } .reviews__list-info { padding-top: 20px; border-top: solid 1px rgba(53, 53, 53, 0.1); } .reviews__list-date { margin-right: 24px; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .reviews__list-city { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .reviews__add-new { margin-bottom: 66px; } .reviews__add-new a { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 21px; text-decoration: none; } .reviews__add-new a:before { content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 14px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -102px -359px no-repeat; position: relative; top: 3px; } .reviews__add-new a:hover { opacity: 0.7; } .reviews__categories-title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #353535; margin-bottom: 30px; } .reviews__categories-list { list-style: none; margin: 0 0 40px; padding: 0 0 5px; border-bottom: solid 1px #EEEEEE; } .reviews__categories .categories-list__item { list-style: none; margin: 0 0 20px 0; padding: 0; } .reviews__categories .categories-list__item:before { display: none; } .reviews__categories .categories-list__item a { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-decoration: none; padding: 8px 16px; border-radius: 6px; display: inline-block; } .reviews__categories .categories-list__item a:hover { background: #353535; color: #ffffff; } .reviews__categories .categories-list__item.--bordered { border-bottom: solid 1px #EEEEEE; padding-bottom: 20px; margin-bottom: 25px; } .reviews__categories .categories-list__item.--bordered:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 20px; } .reviews__item-content { margin-bottom: 40px; } .reviews__item-gallery { margin-bottom: 40px; } .reviews__item-gallery picture, .reviews__item-gallery img { display: block; width: 100%; height: auto; border-radius: 12px; } .reviews__item-gallery > div { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .reviews__item-gallery > div.gallery__first { padding-right: 15px; max-width: 300px; } .reviews__item-gallery > div.gallery__last { padding-left: 15px; max-width: 400px; } .reviews__item-gallery > div .gallery__video { width: 100%; padding-top: 56.25%; height: 0px; position: relative; margin-bottom: 23px; border-radius: 16px; } .reviews__item-gallery > div .gallery__video .video-16-9 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 16px; } .reviews__item-gallery > div .gallery__video iframe { border-radius: 16px; width: 100%; height: 100%; } .reviews__item-gallery > div > a { text-decoration: none; display: block; border: 1px solid #EEEEEE; border-radius: 12px; position: relative; } .reviews__item-gallery > div > a:before { content: ''; display: block; width: 40px; height: 40px; background: #ffffff url("/local/templates/delomaks/css/../img/sprite.svg") -34px -401px no-repeat; border: 1px solid #EEEEEE; border-radius: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 110; opacity: 0; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .reviews__item-gallery > div > a:hover:before { opacity: 1; } .reviews__item-foot { padding-top: 30px; padding-bottom: 30px; border-top: solid 1px rgba(144, 150, 164, 0.15); border-bottom: solid 1px rgba(144, 150, 164, 0.15); margin-bottom: 80px; } .reviews__related-title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 40px; } .reviews__related-list .related-list__item { width: 50%; } .reviews__related-list .related-list__item:first-child { padding-right: 15px; } .reviews__related-list .related-list__item:last-child { padding-left: 15px; } .reviews__related-list .related-list__wrap { padding: 40px 40px 25px; background: #ffffff; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05); border-radius: 30px; } .reviews__related-list .related-list__picture { position: relative; margin-bottom: 23px; } .reviews__related-list .related-list__picture picture, .reviews__related-list .related-list__picture img { width: 100%; height: auto; border-radius: 16px; } .reviews__related-list .related-list__picture > a { text-decoration: none; display: block; border: 1px solid #EEEEEE; border-radius: 16px; position: relative; } .reviews__related-list .related-list__picture > a:before { content: ''; display: block; width: 40px; height: 40px; background: #ffffff url("/local/templates/delomaks/css/../img/sprite.svg") -34px -401px no-repeat; border: 1px solid #EEEEEE; border-radius: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 110; opacity: 0; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .reviews__related-list .related-list__picture > a:hover:before { opacity: 1; } .reviews__related-list .related-list__video { width: 100%; padding-top: 56.25%; height: 0px; position: relative; margin-bottom: 23px; border-radius: 16px; } .reviews__related-list .related-list__video .video-16-9 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 16px; } .reviews__related-list .related-list__video iframe { border-radius: 16px; width: 100%; height: 100%; } .reviews__related-list .related-list__anounce { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; margin-bottom: 15px; } .reviews__related-list .related-list__more { margin-bottom: 25px; } .reviews__related-list .related-list__more a { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; text-decoration: underline; } .reviews__related-list .related-list__more a:hover { text-decoration: none; } .reviews__related-list .related-list__info { padding-top: 20px; border-top: solid 1px rgba(53, 53, 53, 0.1); } .reviews__related-list .related-list__date { margin-right: 24px; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .reviews__related-list .related-list__city { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .cases-page .container--main h1, .cases-page .container--main .h1, .cases-page .container--main .h1 { max-width: 970px; } .cases__description { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 40px; max-width: 610px; } .cases__left { -webkit-box-flex: 0; -webkit-flex: 0 0 930px; -moz-box-flex: 0; -ms-flex: 0 0 930px; flex: 0 0 930px; } .cases__right { -webkit-box-flex: 0; -webkit-flex: 0 0 300px; -moz-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } .cases__list { margin-bottom: 60px; } .cases__list-item { padding: 30px 40px 40px; margin-bottom: 30px; background: #EEEFF3; border-radius: 12px; } .cases__list-category { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; margin-bottom: 20px; } .cases__list-title { margin-bottom: 15px; } .cases__list-title a { border-bottom: solid 1px #9096A4; } .cases__list-title a, .cases__list-title span { /*display: inline-block;*/ /*padding-right: 26px;*/ font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; position: relative; cursor: pointer; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; text-decoration: none; } /*.cases__list-title a:after, .cases__list-title span:after {*/ /* content: '';*/ /* display: block;*/ /* width: 12px;*/ /* height: 7px;*/ /* position: absolute;*/ /* z-index: 110;*/ /* right: 0;*/ /* top: 50%;*/ /* -webkit-transform: translateY(-50%) rotate(-90deg);*/ /* -moz-transform: translateY(-50%) rotate(-90deg);*/ /* -ms-transform: translateY(-50%) rotate(-90deg);*/ /* transform: translateY(-50%) rotate(-90deg);*/ /* background: url("/local/templates/delomaks/css/../img/sprite.svg") -198px -416px no-repeat;*/ /* opacity: 0.4; }*/ .cases__list-title a:hover, .cases__list-title span:hover { opacity: 0.7; } .cases__list-anounce { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } .cases__list-content { display: none; padding: 20px 0 0 0; } .cases__list-item.--opened .cases__list-content { display: block; } .cases__list-item.--opened .cases__list-title span:after { -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(180deg) translateY(calc(-50% + 7px)); -moz-transform: rotate(180deg) translateY(-moz-calc(-50% + 7px)); -ms-transform: rotate(180deg) translateY(calc(-50% + 7px)); transform: rotate(180deg) translateY(calc(-50% + 7px)); } .cases__list-heading { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; text-transform: uppercase; margin-bottom: 10px; } .cases__list-heading.--mb-20 { margin-bottom: 20px; } .cases__list-description { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; margin-bottom: 20px; } .cases__list-result { padding: 20px 30px; margin-bottom: 30px; background: #ffffff; border-radius: 8px; } .cases__list-result .list-result__left { padding-right: 30px; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .cases__list-result .list-result__right { padding-left: 30px; position: relative; } .cases__list-result .list-result__right:before { content: ''; display: block; width: 1px; height: 30px; background: #353535; opacity: 0.15; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; } .cases__list-result .list-result__left .cases__list-description, .cases__list-result .list-result__right .cases__list-description { margin-bottom: 0; } .cases__list-picture { -webkit-box-flex: 0; -webkit-flex: 0 0 212px; -moz-box-flex: 0; -ms-flex: 0 0 212px; flex: 0 0 212px; } .cases__list-picture > a { display: block; } .cases__list-picture picture, .cases__list-picture img { display: block; width: 100%; height: auto; border-radius: 8px; } .cases__list-review { padding-left: 50px; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } .cases__list-review p { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } .cases__categories-title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #353535; margin-bottom: 30px; } .cases__categories-list { list-style: none; margin: 0 0 40px; padding: 0 0 5px; } .cases__categories .categories-list__item { list-style: none; margin: 0 0 20px 0; padding: 0; } .cases__categories .categories-list__item:before { display: none; } .cases__categories .categories-list__item a { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-decoration: none; padding: 8px 16px; border-radius: 6px; display: inline-block; } .cases__categories .categories-list__item a:hover { background: #353535; color: #ffffff; } .cases__categories .categories-list__item.--bordered { border-bottom: solid 1px #EEEEEE; padding-bottom: 20px; margin-bottom: 25px; } .cases__categories .categories-list__item.--bordered:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 20px; } .cases__categories .categories-list__item.--active a, .cases__categories .categories-list__item.--active a:hover { background: #ececec !important; color: #a0a0a0 !important; cursor: default; } .job__advantages { padding: 100px 0 120px; } .job__advantages .advantages__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 24px; } .job__advantages .advantages__desc { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; max-width: 700px; margin: 0 auto 50px; } .job__advantages .advantages__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; padding-right: 56px; } .job__advantages .advantages__list-item:last-child { padding-right: 0; } .job__advantages .advantages__list-icon { height: 62px; margin-bottom: 25px; } .job__advantages .advantages__list-icon.--icon-1 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -162px -626px no-repeat; } .job__advantages .advantages__list-icon.--icon-2 { width: 50px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -374px -630px no-repeat; } .job__advantages .advantages__list-icon.--icon-3 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -474px -630px no-repeat; } .job__advantages .advantages__list-icon.--icon-4 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -361px -742px no-repeat; } .job__advantages .advantages__list-icon.--icon-5 { width: 53px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -258px -742px no-repeat; } .job__advantages .advantages__list-title { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 10px; } .job__advantages .advantages__list-text { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .job__photogallery { margin-bottom: 120px; } .job__photogallery .owl-prev, .job__photogallery .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .job__photogallery .owl-prev { left: -70px; } .job__photogallery .owl-next { right: -70px; } .job__photogallery .photogallery__item a { display: block; } .job__photogallery .photogallery__item a picture, .job__photogallery .photogallery__item a img { display: block; border-radius: 20px; } .job__vacancies { background: #EEEFF3; padding: 90px 0; } .job__vacancies .vacancies__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; color: #000000; margin-bottom: 50px; } .job__vacancies .vacancies__left { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 80px; } .job__vacancies .vacancies__right { -webkit-box-flex: 0; -webkit-flex: 0 0 380px; -moz-box-flex: 0; -ms-flex: 0 0 380px; flex: 0 0 380px; } .job__vacancies .vacancies__list-item { padding: 30px; background: #ffffff; border-radius: 16px; margin-bottom: 25px; } .job__vacancies .vacancies__list-item:last-child { margin-bottom: 0; } .job__vacancies .vacancies__list-title { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; } .job__vacancies .vacancies__list-anounce { padding: 10px 40px 20px 0; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .job__vacancies .vacancies__list-open.--bottom { display: none; } .job__vacancies .vacancies__list-open a { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 20px; border-left: solid 1px #EEEFF3; } .job__vacancies .vacancies__list-open a span { display: inline-block; width: 12px; height: 7px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -198px -416px no-repeat; opacity: 0.35; } .job__vacancies .vacancies__list-location, .job__vacancies .vacancies__list-salary { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; margin-right: 30px; } .job__vacancies .vacancies__list-location:before, .job__vacancies .vacancies__list-salary:before { content: ''; display: inline-block; width: 16px; height: 19px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -260px -360px no-repeat; margin-right: 12px; position: relative; top: 3px; } .job__vacancies .vacancies__list-salary:before { width: 17px; height: 18px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -309px -360px no-repeat; top: 4px; } .job__vacancies .vacancies__list-tag { padding: 3px 8px; background: #FEC90C; border-radius: 40px; font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; } .job__vacancies .vacancies__list-tag.--direction { margin-right: 12px; } .job__vacancies .vacancies__list-detail { display: none; padding-top: 40px; margin-top: 40px; border-top: solid 1px #EEEFF3; } .job__vacancies .vacancies__list-detail .list-detail__text { margin-bottom: 40px; font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } .job__vacancies .vacancies__list-detail .list-detail__text p { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } .job__vacancies .vacancies__list-detail .list-detail__text p:last-child { margin-bottom: 0; } .job__vacancies .vacancies__list-detail .list-detail__heading { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; margin-bottom: 20px; } .job__vacancies .vacancies__list-detail .list-detail__list { margin-bottom: 30px; } .job__vacancies .vacancies__list-detail .list-detail__list li { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 10px; } .job__vacancies .vacancies__list-detail .list-detail__response { padding: 60px; background: #EEEFF3; border-radius: 16px; } .job__vacancies .vacancies__list-item.--opened .vacancies__list-detail { display: block; } .job__vacancies .vacancies__list-item.--opened .vacancies__list-open a span { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .job__vacancies .vacancies__contacts { width: 100%; background: #ffffff; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05); border-radius: 16px; padding: 40px 40px 35px; } .job__vacancies .vacancies__contacts .contacts__line { padding-bottom: 20px; margin-bottom: 15px; border-bottom: solid 1px #E1E1E1; } .job__vacancies .vacancies__contacts .contacts__line.--last { border-bottom: none; padding-bottom: 0; } .job__vacancies .vacancies__contacts .contacts__title { font-style: normal; font-weight: 500; font-size: 14px; line-height: 26px; color: #9096A4; margin-bottom: 5px; } .job__vacancies .vacancies__contacts .contacts__schedule { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; margin-top: 5px; } .job__vacancies .vacancies__contacts .contacts__address, .job__vacancies .vacancies__contacts .contacts__phone, .job__vacancies .vacancies__contacts .contacts__email { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #000000; } .job__vacancies .vacancies__contacts .contacts__address a, .job__vacancies .vacancies__contacts .contacts__phone a, .job__vacancies .vacancies__contacts .contacts__email a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #000000; text-decoration: none; } .job__vacancies .vacancies__contacts .contacts__email a { text-decoration: underline; } .job__vacancies .vacancies__contacts .contacts__link { display: inline-block; font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } .job__vacancies .vacancies__contacts .contacts__resume { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; margin-bottom: 24px; } .job__vacancies .vacancies__contacts .contacts__social-list { list-style: none; margin: 12px 0 0 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .job__vacancies .vacancies__contacts .contacts__social-item { width: 40px; height: 40px; margin: 0 10px 0 0 !important; padding: 0 !important; border-radius: 100%; } .job__vacancies .vacancies__contacts .contacts__social-item:before { display: none; } .job__vacancies .vacancies__contacts .contacts__social-item:last-child { margin-right: 0 !important; } .job__vacancies .vacancies__contacts .contacts__social-item.--vk { background: #4680C2 url("/local/templates/delomaks/css/../img/sprite.svg") -252px -51px no-repeat; } .job__vacancies .vacancies__contacts .contacts__social-item.--telegram { background: #2CA5E0 url("/local/templates/delomaks/css/../img/sprite.svg") -301px -51px no-repeat; } .job__vacancies .vacancies__contacts .contacts__social-item.--facebook { background: #1877F2 url("/local/templates/delomaks/css/../img/sprite.svg") -347px -51px no-repeat; } .job__vacancies .vacancies__contacts .contacts__social-item.--whatsapp { background: #25D366 url("/local/templates/delomaks/css/../img/sprite.svg") -396px -51px no-repeat; } .job__vacancies .vacancies__contacts .contacts__social-item.--viber { background: #665CAC url("/local/templates/delomaks/css/../img/sprite.svg") -443px -51px no-repeat; } .job__vacancies .vacancies__contacts .contacts__social-item a { display: block; width: 100%; height: 100%; } .job__vacancies .vacancies__form-title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 24px; line-height: 30px; margin-bottom: 10px; } .job__vacancies .vacancies__form-desc { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 30px; } .job__vacancies .vacancies__form-line { margin-bottom: 15px; } .job__vacancies .vacancies__form-line .form-group { margin-bottom: 0; } .job__vacancies .vacancies__form-line.--half { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .job__vacancies .vacancies__form-line.--half .form-group { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 7px; } .job__vacancies .vacancies__form-line.--half .form-group + .form-group { padding-right: 0px; padding-left: 7px; } .job__vacancies .vacancies__form-line.--textarea { margin-bottom: 25px; } .job__vacancies .vacancies__form-line textarea { resize: none; outline: 0; height: 150px; } .job__vacancies .vacancies__form-line.--submit { margin-bottom: 0; } .job__vacancies .vacancies__form-line.--dropzone .form-group { margin-bottom: 25px; padding: 20px 40px; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 25px; border: 1px dashed #9096A4; border-radius: 16px; } .job__vacancies .vacancies__form-line .form-check { margin-bottom: 40px; } .job__vacancies .vacancies__form-submit { display: block; width: 100%; } .company__block-activity { padding: 135px 0 90px 0; } .company__block-activity .block-activity__left { -webkit-box-flex: 0; -webkit-flex: 0 0 300px; -moz-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; padding-right: 90px; } .company__block-activity .block-activity__right { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .company__block-activity .block-activity__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 15px; } .company__block-activity .block-activity__desc { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; margin-bottom: 30px; } .company__block-activity .block-activity__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 250px; -moz-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; margin-right: 125px; margin-bottom: 50px; } .company__block-activity .block-activity__list-item:nth-child(3n+3) { margin-right: 0; } .company__block-activity .block-activity__list-icon { height: 62px; margin-bottom: 25px; } .company__block-activity .block-activity__list-icon.--icon-1 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -697px -630px no-repeat; } .company__block-activity .block-activity__list-icon.--icon-2 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -274px -630px no-repeat; } .company__block-activity .block-activity__list-icon.--icon-3 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -473px -745px no-repeat; } .company__block-activity .block-activity__list-icon.--icon-4 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -58px -630px no-repeat; } .company__block-activity .block-activity__list-icon.--icon-5 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -806px -630px no-repeat; } .company__block-activity .block-activity__list-icon.--icon-6 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -460px -885px no-repeat; } .company__block-activity .block-activity__list-title { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 10px; } .company__block-activity .block-activity__list-text { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; margin-bottom: 32px; max-width: 165px; height:74px; } .company__block-activity .block-activity__list-more { padding-top: 14px; border-top: solid 1px rgba(53, 53, 53, 0.15); } .company__block-activity .block-activity__list-more a { display: inline-block; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-decoration: none; } .company__block-activity .block-activity__list-more a:before { content: ''; display: inline-block; width: 7px; height: 12px; position: relative; background: url("/local/templates/delomaks/css/../img/sprite.svg") -163px -414px no-repeat; opacity: 0.5; margin-right: 15px; } .company__block-about { /*padding-bottom: 100px; margin-bottom: 60px; border-bottom: solid 1px rgba(53, 53, 53, 0.15);*/ } .company__block-about .block-about__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 25px; } .company__block-about .block-about__desc { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; max-width: 840px; margin: 0 auto 60px; } .company__block-about .block-about__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 190px; -moz-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; } .company__block-about .block-about__list-title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 65px; line-height: 79px; margin-bottom: 5px; } .company__block-about .block-about__list-text { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } .company__block-about .block-about__map { text-align: center; position: relative; top: -75px; left: -50px; margin-bottom: 25px; } .company__block-about .block-about__map picture, .company__block-about .block-about__map img { display: inline-block; } .company__block-clients { padding-top: 75px; margin-bottom: 75px; border-top: solid 1px rgba(53, 53, 53, 0.15); } .company__block-clients .block-clients__list-item { margin: 30px; } .company__block-team { margin-bottom: 90px; } .company__block-team .block-team__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 20px; } .company__block-team .block-team__desc { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; margin-bottom: 50px; } .company__block-team .block-team__title-2 { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; margin-bottom: 20px; } .company__block-team .block-team__desc-2 { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; max-width: 600px; margin: 0 auto 30px; } .company__block-team .block-team__list { margin-bottom: 100px; } .company__block-team .block-team__list .owl__nav-left, .company__block-team .block-team__list .owl__nav-right { background: #ffffff; } .company__block-team .block-team__list .owl-prev, .company__block-team .block-team__list .owl-next { position: absolute; top: 130px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .company__block-team .block-team__list .owl-prev { left: -70px; } .company__block-team .block-team__list .owl-next { right: -70px; } .company__block-team .block-team__list-item { /*width: 260px;*/ } .company__block-team .block-team__list-picture { width: 260px; height: 260px; margin: 0 auto 40px; } .company__block-team .block-team__list-picture picture, .company__block-team .block-team__list-picture img { display: block; } .company__block-team .block-team__list-name { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-align: center; margin-bottom: 10px; } .company__block-team .block-team__list-post { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; text-align: center; } .company__block-cert { padding: 80px 75px 110px; margin-bottom: 160px; background: #EEEFF3; border-radius: 16px; } .company__block-cert .block-cert__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 20px; } .company__block-cert .block-cert__desc { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; max-width: 420px; margin: 0 auto 40px; } .company__block-cert .block-cert__tabs { background: #ffffff; padding: 6px; margin-bottom: 78px; border-radius: 6px; } .company__block-cert .block-cert__tabs-item { margin-right: 15px; } .company__block-cert .block-cert__tabs-item:last-child { margin-right: 0; } .company__block-cert .block-cert__tabs-item a { display: block; padding: 8px 14px; font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; text-decoration: none; border-radius: 3px; } .company__block-cert .block-cert__tabs-item a:hover { background: #EFEFEF; } .company__block-cert .block-cert__tabs-item.--active a, .company__block-cert .block-cert__tabs-item.--active a:hover { background: #9096A4; color: #ffffff; cursor: default; } .company__block-cert .block-cert__tab { display: none; } .company__block-cert .block-cert__tab.--active { display: block; } .company__block-cert .block-cert__tab-left { -webkit-box-flex: 0; -webkit-flex: 0 0 560px; -moz-box-flex: 0; -ms-flex: 0 0 560px; flex: 0 0 560px; padding-right: 110px; } .company__block-cert .block-cert__tab-right { -webkit-box-flex: 0; -webkit-flex: 0 0 360px; -moz-box-flex: 0; -ms-flex: 0 0 360px; flex: 0 0 360px; padding: 0 60px; border-bottom: solid 1px rgba(53, 53, 53, 0.15); } .company__block-cert .block-cert__tab-logo { margin-right: 40px; height: 50px; } .company__block-cert .block-cert__tab-logo picture, .company__block-cert .block-cert__tab-logo img { display: block; width: auto; height: 100%; } .company__block-cert .block-cert__tab-title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; } .company__block-cert .block-cert__tab-text { margin-top: 30px; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; } .company__block-cert .block-cert__tab-text p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 17px; } .company__block-cert .block-cert__tab-text p:last-child { margin-bottom: 0; } .company__block-cert .block-cert__tab-list { width: 240px; } .company__block-cert .block-cert__tab-list .tab-list__item a { display: block; } .company__block-cert .block-cert__tab-list .tab-list__item picture, .company__block-cert .block-cert__tab-list .tab-list__item img { display: block; } .company__block-cert .block-cert__tab-list .owl__nav-left, .company__block-cert .block-cert__tab-list .owl__nav-right { background: #ffffff; } .company__block-cert .block-cert__tab-list .owl-prev, .company__block-cert .block-cert__tab-list .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .company__block-cert .block-cert__tab-list .owl-prev { left: -70px; } .company__block-cert .block-cert__tab-list .owl-next { right: -70px; } .company__block-cert .block-cert__tab-list .owl-stage { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .company__block-reviews { margin-bottom: 120px; } .company__block-reviews .block-reviews__left { -webkit-box-flex: 0; -webkit-flex: 0 0 390px; -moz-box-flex: 0; -ms-flex: 0 0 390px; flex: 0 0 390px; padding-right: 100px; position: relative; top: -30px; } .company__block-reviews .block-reviews__left > .container { padding-right: 0 !important; padding-left: 0 !important; } .company__block-reviews .block-reviews__count { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; margin-bottom: 25px; } .company__block-reviews .block-reviews__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 15px; } .company__block-reviews .block-reviews__desc { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; margin-bottom: 30px; } .company__block-reviews .block-reviews__btn { margin-bottom: 50px; } .company__block-reviews .block-reviews__controls-left, .company__block-reviews .block-reviews__controls-right { display: block; width: 35px; height: 35px; background: #EEEEEE; border-radius: 100%; position: relative; cursor: pointer; } .company__block-reviews .block-reviews__controls-left:before, .company__block-reviews .block-reviews__controls-right:before { content: ''; display: block; width: 7px; height: 12px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .company__block-reviews .block-reviews__controls-left { margin-right: 15px; } .company__block-reviews .block-reviews__controls-left:before { background: url("/local/templates/delomaks/css/../img/sprite.svg") -127px -414px no-repeat; } .company__block-reviews .block-reviews__controls-right:before { background: url("/local/templates/delomaks/css/../img/sprite.svg") -163px -414px no-repeat; } .company__block-reviews .block-reviews__controls-left, .company__block-reviews .block-reviews__controls-right { -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .company__block-reviews .block-reviews__controls-left:hover, .company__block-reviews .block-reviews__controls-right:hover { opacity: 0.75; } .company__block-reviews .reviews__list { -webkit-column-count: inherit; -moz-column-count: inherit; column-count: inherit; -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; margin-bottom: 0; } .company__block-reviews .reviews__list .owl-stage-outer { padding-bottom: 30px; padding-left: 20px; } .company__block-reviews .reviews__list .reviews__list-wrap { box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05); } .company__block-reviews .reviews__list-item { width: 360px; margin-bottom: 0; } .home__block-activity { padding: 20px; background: #FFFFFF; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05); border-radius: 16px; position: relative; /*top: -80px;*/ z-index: 210; width: -moz-calc(100% + 100px); width: calc(100% + 100px); left: -50px; margin-bottom: 30px; } .home__block-activity .block-activity__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 240px; -moz-box-flex: 0; -ms-flex: 0 0 240px; flex: 0 0 240px; /*margin-right: 56px;*/ padding: 30px 28px 20px; border-radius: 12px; position: relative; } .home__block-activity .block-activity__list-item:last-child { margin-right: 0; } .home__block-activity .block-activity__list-item:hover { background: #F7F7F9; } .home__block-activity .block-activity__list-icon { height: 62px; margin-bottom: 25px; } .home__block-activity .block-activity__list-icon.--icon-1 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -586px -630px no-repeat; } .home__block-activity .block-activity__list-icon.--icon-2 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -274px -630px no-repeat; } .home__block-activity .block-activity__list-icon.--icon-3 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -473px -745px no-repeat; } .home__block-activity .block-activity__list-icon.--icon-4 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -50px -630px no-repeat; } .home__block-activity .block-activity__list-icon.--icon-5 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -806px -630px no-repeat; } .home__block-activity .block-activity__list-icon.--icon-6 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -460px -885px no-repeat; } .home__block-activity .block-activity__list-icon.--icon-7 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -50px -742px no-repeat; } .home__block-activity .block-activity__list-icon.--icon-8 { width: 62px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -158px -742px no-repeat; } .home__block-activity .block-activity__list-title { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 10px; height:46px; } .home__block-activity .block-activity__list-text { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; margin-bottom: 32px; max-width: 160px; height: 54px; overflow: hidden; } .home__block-activity .block-activity__list-more { padding-top: 14px; border-top: solid 1px rgba(53, 53, 53, 0.15); } .home__block-activity .block-activity__list-more a { display: inline-block; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-decoration: none; } .home__block-activity .block-activity__list-more a:before { content: ''; display: inline-block; width: 7px; height: 12px; position: relative; background: url("/local/templates/delomaks/css/../img/sprite.svg") -163px -414px no-repeat; opacity: 0.5; margin-right: 15px; } .home__block-about .block-about__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 25px; } .home__block-about .block-about__desc { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; max-width: 840px; margin: 0 auto 60px; } .home__block-about .block-about__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 190px; -moz-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; } .home__block-about .block-about__list-title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 65px; line-height: 79px; margin-bottom: 5px; } .home__block-about .block-about__list-text { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } .home__block-about .block-about__map { text-align: center; position: relative; top: -75px; left: -50px; } .home__block-about .block-about__map picture, .home__block-about .block-about__map img { display: inline-block; } .home__block-reviews { margin-bottom: 120px; } .home__block-reviews .block-reviews__left { -webkit-box-flex: 0; -webkit-flex: 0 0 390px; -moz-box-flex: 0; -ms-flex: 0 0 390px; flex: 0 0 390px; padding-right: 100px; position: relative; top: -30px; } .home__block-reviews .block-reviews__left > .container { padding-right: 0 !important; padding-left: 0 !important; } .home__block-reviews .block-reviews__count { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; margin-bottom: 25px; } .home__block-reviews .block-reviews__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 15px; } .home__block-reviews .block-reviews__desc { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; margin-bottom: 30px; } .home__block-reviews .block-reviews__btn { margin-bottom: 50px; } .home__block-reviews .block-reviews__controls-left, .home__block-reviews .block-reviews__controls-right { display: block; width: 35px; height: 35px; background: #EEEEEE; border-radius: 100%; position: relative; cursor: pointer; } .home__block-reviews .block-reviews__controls-left:before, .home__block-reviews .block-reviews__controls-right:before { content: ''; display: block; width: 7px; height: 12px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .home__block-reviews .block-reviews__controls-left { margin-right: 15px; } .home__block-reviews .block-reviews__controls-left:before { background: url("/local/templates/delomaks/css/../img/sprite.svg") -127px -414px no-repeat; } .home__block-reviews .block-reviews__controls-right:before { background: url("/local/templates/delomaks/css/../img/sprite.svg") -163px -414px no-repeat; } .home__block-reviews .block-reviews__controls-left, .home__block-reviews .block-reviews__controls-right { -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .home__block-reviews .block-reviews__controls-left:hover, .home__block-reviews .block-reviews__controls-right:hover { opacity: 0.75; } .home__block-reviews .reviews__list { -webkit-column-count: inherit; -moz-column-count: inherit; column-count: inherit; -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; margin-bottom: 0; } .home__block-reviews .reviews__list .owl-stage-outer { padding-bottom: 30px; padding-left: 20px; } .home__block-reviews .reviews__list .reviews__list-wrap { box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05); } .home__block-reviews .reviews__list-item { width: 360px; margin-bottom: 0; } .home__block-faq { position: relative; margin-bottom: 120px; width: -moz-calc(100% + 160px); width: calc(100% + 160px); left: -80px; } .home__block-faq .block-faq__container { background: #ffffff; border-radius: 30px; } .home__block-faq .block-faq__left { -webkit-box-flex: 0; -webkit-flex: 0 0 790px; -moz-box-flex: 0; -ms-flex: 0 0 790px; flex: 0 0 790px; padding: 60px 0 50px 80px; } .home__block-faq .block-faq__right { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; background-image: url("/local/templates/delomaks/css/../img/home-faq-bg-1.svg"), url("/local/templates/delomaks/css/../img/home-faq-bg-2.svg"); background-position: 80px -15px, -moz-calc(100% - 20px) -moz-calc(100% + 15px); background-position: 80px -15px, calc(100% - 20px) calc(100% + 15px); background-repeat: no-repeat, no-repeat; position: relative; } .home__block-faq .block-faq__all { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; margin-bottom: 24px; color: #9096A4; } .home__block-faq .block-faq__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 40px; } .home__block-faq .block-faq__title a { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; text-decoration: none; } .home__block-faq .block-faq__title a:after { content: ''; display: inline-block; width: 26px; height: 15px; background: url("/local/templates/delomaks/css/../img/arrow-all-faq.svg") 0 0 no-repeat; margin-left: 24px; position: relative; top: -4px; } .home__block-faq .block-faq__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 70px; -moz-column-gap: 70px; column-gap: 70px; } .home__block-faq .block-faq__list-item { margin-bottom: 30px; } .home__block-faq .block-faq__list-question { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 15px; text-decoration: underline; } .home__block-faq .block-faq__list-answer { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } .home__block-faq .block-faq__picture { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 110; } .home__block-faq .block-faq__qoute { position: absolute; bottom: 40px; left: 50%; z-index: 120; display: inline-block; padding: 18px 24px 22px; -webkit-border-radius: 20px; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 20px; -moz-border-radius-bottomleft: 0; border-radius: 20px; border-bottom-left-radius: 0; background: #353535; max-width: 232px; } .home__block-faq .block-faq__qoute-name { font-style: normal; font-weight: 600; font-size: 12px; line-height: 22px; color: #FEC90C; margin-bottom: 6px; } .home__block-faq .block-faq__qoute-text { font-style: normal; font-weight: 300; font-size: 14px; line-height: 21px; color: #EEEEEE; } .home__block-subsribe { margin-bottom: 70px; } .home__block-subsribe .block-subsribe__left { width: 390px; padding-right: 160px; } .home__block-subsribe .block-subsribe__right { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .home__block-subsribe .block-subsribe__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; } .home__block-subsribe .block-subsribe__desc { font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #9096A4; margin-bottom: 25px; max-width: 536px; } .home__block-subsribe .block-subsribe__form { max-width: 450px; } .home__block-subsribe .block-subsribe__form-input { padding-right: 150px; } .home__block-subsribe .block-subsribe__form-submit { position: absolute; top: 50%; right: 7px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; height: 52px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; } .home__block-news { margin-bottom: 60px; } .home__block-news__list { margin-bottom: 40px; } .home__block-news .owl__nav-left, .home__block-news .owl__nav-right { background: #ffffff; } .home__block-news .owl-prev, .home__block-news .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(calc(-50% - 75px)); -moz-transform: translateY(-moz-calc(-50% - 75px)); -ms-transform: translateY(calc(-50% - 75px)); transform: translateY(calc(-50% - 75px)); } .home__block-news .owl-prev { left: -70px; } .home__block-news .owl-next { right: -70px; } .home__block-question .question { padding-top: 60px; padding-bottom: 60px; margin-top: 0; border-bottom: solid 1px #E9E9E9; } .home__block-question .question__container { max-width: 100%; } .home__block-question .question__desc { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; margin-bottom: 0px; max-width: 515px; } .home__block-question .question__terms { max-width: 100%; } .payment__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 44px; margin-bottom: 20px; } .payment__desc { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; position: relative; top: -45px; } .payment__desc-2 { max-width: 670px; margin: 0 auto 50px; font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } .payment__container { padding-bottom: 70px; border-bottom: solid 1px rgba(53, 53, 53, 0.15); } .payment__left { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .payment__right { -webkit-box-flex: 0; -webkit-flex: 0 0 380px; -moz-box-flex: 0; -ms-flex: 0 0 380px; flex: 0 0 380px; padding-left: 120px; } .payment__paysystems-item { margin-bottom: 50px; margin-right: 45px; } .payment__paysystems-item.--visa { width: 57px; height: 37px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -408px -212px no-repeat; } .payment__paysystems-item.--mir { width: 60px; height: 18px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -494px -221px no-repeat; } .payment__paysystems-item.--maestro { width: 52px; height: 40px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -584px -210px no-repeat; margin-right: 0; } .payment__paysystems-item.--mastercard { width: 65px; height: 36px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -665px -212px no-repeat; } .payment__paysystems-item.--jcb { width: 46px; height: 35px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -759px -213px no-repeat; } .payment__attention { padding-left: 40px; position: relative; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; max-width: 220px; } .payment__attention:before { content: ''; display: block; width: 24px; height: 19px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -49px -459px no-repeat; position: absolute; z-index: 110; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .payment__delivery { padding-top: 80px; } .payment__delivery-list .delivery-list__item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .payment__delivery-list .delivery-list__item:nth-child(odd) { padding-right: 10px; } .payment__delivery-list .delivery-list__item:nth-child(even) { padding-left: 10px; } .payment__delivery-list .delivery-list__wrap { background: #ffffff; border: 1px solid #EEEEEE; border-radius: 16px; padding: 43px 36px 40px 40px; } .payment__delivery-list .delivery-list__heading { font-style: normal; font-weight: normal; font-size: 18px; line-height: 21px; margin-bottom: 15px; } .payment__delivery-list .delivery-list__text { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } .payment__delivery-list .delivery-list__content { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 40px; } .payment__delivery-list .delivery-list__icon { -webkit-box-flex: 0; -webkit-flex: 0 0 62px; -moz-box-flex: 0; -ms-flex: 0 0 62px; flex: 0 0 62px; height: 62px; } .payment__delivery-list .delivery-list__icon.--pickup { -webkit-box-flex: 0; -webkit-flex: 0 0 53px; -moz-box-flex: 0; -ms-flex: 0 0 53px; flex: 0 0 53px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -258px -742px no-repeat; } .payment__delivery-list .delivery-list__icon.--courier { background: url("/local/templates/delomaks/css/../img/sprite.svg") -145px -888px no-repeat; } .payment__form-line { margin-bottom: 20px; } .payment__form-line .form-group { margin-bottom: 0; } .payment__form-line.--half { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .payment__form-line.--half .form-group { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 10px; } .payment__form-line.--half .form-group + .form-group { padding-right: 0px; padding-left: 10px; } .payment__form-line.--submit { margin-bottom: 0; } .payment__form-line .form-check { margin-bottom: 40px; max-width: 680px; } .p404-page .main { padding: 0px 0px 60px 0px !important; /*height: 100vh;*/ } .p404 { /*height: 100vh;*/ padding: 80px 20px; } .p404__logo { width: 179px; height: 46px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -181px -207px no-repeat; margin: 0 auto 40px; position: absolute; z-index: 110; top: 60px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .p404__logo a { display: block; width: 100%; height: 100%; text-indent: -9999px; } .p404__title { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 160px !important; line-height: 195px !important; margin-bottom: 10px !important; text-align: center !important; } .p404__desc { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; text-align: center; max-width: 555px; margin: 0 auto 30px; } .faq__list { margin-bottom: 60px; } .faq__list-item { padding: 30px 40px; margin-bottom: 30px; background: #EEEFF3; border-radius: 12px; } .faq__list-category { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; margin-bottom: 20px; } .faq__list-title { margin-bottom: 15px; } .faq__list-title span { display: inline-block; padding-right: 26px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; position: relative; cursor: pointer; -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .faq__list-title span:after { content: ''; display: block; width: 12px; height: 7px; position: absolute; z-index: 110; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url("/local/templates/delomaks/css/../img/sprite.svg") -198px -416px no-repeat; opacity: 0.4; } .faq__list-title span:hover { opacity: 0.7; } .faq__list-content { display: none; padding: 20px 0 0 0; } .faq__list-item.--opened .faq__list-content { display: block; } .faq__list-item.--opened .faq__list-title span:after { -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(180deg) translateY(calc(-50% + 7px)); -moz-transform: rotate(180deg) translateY(-moz-calc(-50% + 7px)); -ms-transform: rotate(180deg) translateY(calc(-50% + 7px)); transform: rotate(180deg) translateY(calc(-50% + 7px)); } .faq__answer { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; } .faq__expert { padding: 40px; border-radius: 10px; background: #ffffff; } .faq__expert-title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; margin-bottom: 20px; } .faq__expert-info { margin-bottom: 20px; } .faq__expert-photo { padding-right: 15px; } .faq__expert-photo picture, .faq__expert-photo img { display: block; width: 50px; height: 50px; border-radius: 100%; } .faq__expert-name { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; } .faq__expert-post { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .faq__expert-comment { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; } .footer__container { margin-bottom: 40px; } .footer__container-right { padding-left: 50px; /*height: 500px;*/ } .footer__container-column { max-width: 220px; } .footer__logo { width: 179px; height: 46px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -181px -207px no-repeat; margin-bottom: 30px; } .footer__logo a { display: block; width: 100%; height: 100%; text-indent: -9999px; } .footer__phone { position: relative; padding-left: 30px; margin-bottom: 25px; } .footer__phone:before { content: ''; display: inline-block; width: 17px; height: 17px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -209px -361px no-repeat; position: absolute; top: 4px; left: 0; z-index: 100; } .footer__phone a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; text-decoration: none; } .footer__phone span { font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #9096A4; display: block; } .footer__address { position: relative; padding-left: 30px; margin-bottom: 20px; } .footer__address:before { content: ''; display: block; width: 16px; height: 19px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -260px -360px no-repeat; position: absolute; top: 3px; left: 0; z-index: 100; } .footer__address a { font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; text-decoration: none; border-bottom: 1px dashed #9096A4; -webkit-transition: none; -moz-transition: none; transition: none; } .footer__address a:hover { border-bottom: none; } .footer__callback { margin-bottom: 36px; } .footer__callback a { padding: 16px 24px; display: inline-block; background: #FEC90C; border-radius: 10px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; text-decoration: none; color: #353535; } .footer__callback a:hover { background: #FFE03A; } .footer__social-title { font-style: normal; font-weight: 500; font-size: 14px; line-height: 26px; color: #9096A4; margin-bottom: 25px; } .footer__social-list { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer__social-item { width: 40px; height: 40px; margin-right: 10px; border-radius: 100%; } .footer__social-item:last-child { margin-right: 0; } .footer__social-item.--vk { background: #4680C2 url("/local/templates/delomaks/css/../img/sprite.svg") -252px -51px no-repeat; } .footer__social-item.--telegram { background: url("/local/templates/delomaks/css/../images/icons/tg.svg") 0 0 no-repeat; } .footer__social-item.--facebook { background: #1877F2 url("/local/templates/delomaks/css/../img/sprite.svg") -347px -51px no-repeat; } .footer__social-item.--whatsapp { background: url("/local/templates/delomaks/css/../images/icons/wa.svg") 0px 0px no-repeat; } .footer__social-item.--viber { background: #665CAC url("/local/templates/delomaks/css/../img/sprite.svg") -443px -51px no-repeat; }.footer__social-item.--instagram { background: url("/local/templates/delomaks/css/../images/icons/inst.svg") 0px 0px no-repeat; } .footer__social-item.--youtube { background: url("/local/templates/delomaks/css/../images/icons/youtube.svg") 0px 0px no-repeat; } .footer__social-item a { display: block; width: 100%; height: 100%; } .footer__service-nav { list-style: none; margin: 0; padding: 0; } .footer__service-nav-item { list-style: none; margin: 0; padding: 0; } .footer__service-nav-item:before { display: none; } .footer__service-nav-item.--title { font-style: normal; font-weight: 500; font-size: 14px; line-height: 26px; color: #9096A4; margin: 30px 0 20px 0; } .footer__service-nav-item.--title:first-child { margin-top: 0; } .footer__service-nav-item.--title.--one { margin: 10px 0; } .footer__service-nav-item.--title.--one.--first { margin-top: 30px; } .footer__service-nav-item.--title.--one a { font-style: normal; font-weight: 500; font-size: 14px; line-height: 26px; color: #9096A4; } .footer__service-nav-item a { font-style: normal; font-weight: normal; font-size: 13px; line-height: 30px; color: #353535; text-decoration: none; } .footer__service-nav-item a:hover { opacity: 0.7; } .footer__nav { list-style: none; margin: 30px 0 0 0; padding: 0; } .footer__nav-item { list-style: none; margin: 0 0 10px 0; padding: 0; } .footer__nav-item a { font-style: normal; font-weight: bold; font-size: 14px; line-height: 26px; color: #353535; text-decoration: none; } .footer__nav-item a:hover { opacity: 0.7; } .footer__copyright { padding: 23px 0 30px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 21px; color: #9096A4; border-top: solid 1px rgba(53, 53, 53, 0.15); } .footer.--black { background: #353535; padding-top: 60px; padding-bottom: 0px; } .footer.--black .footer__container { /*margin-bottom: 0px;*/ } .footer.--black .footer__logo { background: url("/local/templates/delomaks/css/../img/sprite.svg") -583px -47px no-repeat; } .footer.--black .footer__phone a { color: #ffffff; } .footer.--black .footer__phone span { color: #9096A4; } .footer.--black .footer__address a { color: #ffffff; border-bottom: 1px dashed #ffffff; } .footer.--black .footer__address a:hover { color: #ffffff; border-bottom: none; } .footer.--black .footer__service-nav-item.--title { color: #ffffff; } .footer.--black .footer__service-nav-item.--title.--one a { color: #ffffff; } .footer.--black .footer__service-nav-item a { color: #9096A4; } .footer.--black .footer__nav-item a { color: #ffffff; } .footer.--black .footer__nav-item a:hover { opacity: 0.7; } .footer.--black .footer__copyright { color: #9096A4; border-top: solid 1px rgba(255, 255, 255, 0.15); } /*** --- @media (max-width: 1600px) --- ***/ @media (max-width: 1599.99px) { .header__services-nav .services-nav__list-item.--dropdown .dropdown.--certifications { left: -90px; } } /*** --- @media (max-width: 1440px) --- ***/ @media (max-width: 1439.99px) { .header__services-nav .services-nav__list-item.--dropdown .dropdown.--certifications { left: -220px; } .header__services-nav .services-nav__list-item > a { padding: 12px 25px 12px 15px; } .header__services-nav .services-nav__list-item.--dropdown > a { position: relative; padding: 12px 30px 12px 15px; } .header__services-nav .services-nav__list-item.--dropdown > a:after { right: 10px; } .popups .popup--city .popup__container { -webkit-box-flex: 0; -webkit-flex: 0 0 960px; -moz-box-flex: 0; -ms-flex: 0 0 960px; flex: 0 0 960px; } .news__left { -webkit-box-flex: 0; -webkit-flex: 0 0 690px; -moz-box-flex: 0; -ms-flex: 0 0 690px; flex: 0 0 690px; } .news__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .news__list-item:nth-child(3n+1) { padding-right: inherit; } .news__list-item:nth-child(3n+2) { padding-left: inherit; padding-right: inherit; } .news__list-item:nth-child(3n+3) { padding-left: inherit; } .news__list-item:nth-child(odd) { padding-right: 25px; } .news__list-item:nth-child(even) { padding-left: 25px; } .frontend .main__left { -webkit-box-flex: 0; -webkit-flex: 0 0 690px; -moz-box-flex: 0; -ms-flex: 0 0 690px; flex: 0 0 690px; } .blog__left { -webkit-box-flex: 0; -webkit-flex: 0 0 690px; -moz-box-flex: 0; -ms-flex: 0 0 690px; flex: 0 0 690px; } .reviews-item-page .container--main h1, .reviews-item-page .container--main .h1, .reviews-item-page .container--main .h1 { max-width: 690px; } .reviews__left { -webkit-box-flex: 0; -webkit-flex: 0 0 690px; -moz-box-flex: 0; -ms-flex: 0 0 690px; flex: 0 0 690px; } .reviews__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .cases-page .container--main h1, .cases-page .container--main .h1, .cases-page .container--main .h1 { max-width: 690px; } .cases__left { -webkit-box-flex: 0; -webkit-flex: 0 0 690px; -moz-box-flex: 0; -ms-flex: 0 0 690px; flex: 0 0 690px; } .cases__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .services__column { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; padding-right: 15px; padding-left: 15px; } .services__column:first-child { padding-right: 15px; padding-left: 0; } .services__column:last-child { padding-right: 0; padding-left: 15px; } .service__block-for-whom .block-for-whom__left { -webkit-box-flex: 0; -webkit-flex: 0 0 635px; -moz-box-flex: 0; -ms-flex: 0 0 635px; flex: 0 0 635px; } .home__block-activity .block-activity__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 215px; -moz-box-flex: 0; -ms-flex: 0 0 215px; flex: 0 0 215px; } .home__block-faq .block-faq__qoute { left: 30%; } .company__block-activity .block-activity__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 200px; -moz-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; margin-right: 70px; } } /*** --- @media (max-width: 1170px) --- ***/ @media (max-width: 1169.99px) { .header.--sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 800; background: #F8F9FC; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); } .header.--sticky .header__row-2 { margin-bottom: 30px; } .header__phone { width: 55px; height: 55px; } .header__phone a:before { content: ''; display: inline-block; width: 13px; height: 13px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -207px -328px no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -6px; z-index: 100; } .header.--sticky + .main { margin-top: 102px; } .body--nav-show .header { position: fixed; background: #353535; width: 100%; height: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; overflow-y: auto; z-index: 400; /**/ /**/ } .body--nav-show .header__logo { background: url("/local/templates/delomaks/css/../img/sprite.svg") -583px -47px no-repeat; } .body--nav-show .header__location { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0; margin-top: 0px; margin-bottom: 20px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .body--nav-show .header__location:before { display: none; } .body--nav-show .header__location .location-city-label { display: inline-block !important; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #ffffff; margin: 0 15px 0 0; } .body--nav-show .header__location a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 320px; height: auto; text-indent: inherit; position: relative; background: transparent; border-radius: 10px; border-right: none; border-bottom: none; color: #ffffff; padding: 16px 20px 15px 20px; background: rgba(144, 150, 164, 0.2); font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; } .body--nav-show .header__location a::before { content: ''; display: block; width: 16px; height: 19px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -260px -360px no-repeat; position: relative; margin: 0 15px 0 0; top: 1px; left: auto; z-index: 100; } .body--nav-show .header__location a:hover { opacity: 0.65; } .body--nav-show .header__location .location-city { font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #ffffff; margin: 0 0 0 auto !important; } .body--nav-show .header__phone { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 30px; margin-bottom: 15px; text-align: center; width: 55px; height: 55px; } .body--nav-show .header__phone:before { /*display: inline-block;*/ } .body--nav-show .header__phone .phone-call { display: inline-block !important; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #ffffff; margin: 0 15px 0 0; } .body--nav-show .header__phone a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 320px; height: auto; text-indent: inherit; position: relative; background: transparent; border-radius: 10px; border-right: none; color: #ffffff; padding: 16px 20px 15px 20px; background: rgba(144, 150, 164, 0.2); font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; } .body--nav-show .header__phone a:before { /*display: none;*/ position: relative; margin: 0 15px 0 0; top: 1px; left: auto; } .body--nav-show .header__phone .phone-number { font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #ffffff; margin: 0 0 0 auto !important; } .body--nav-show .header__row-2 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .body--nav-show .header__row-1 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; display: block !important; } .body--nav-show .header__row-3 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: block !important; } .body--nav-show .header__main-nav { display: block !important; margin-left: 0 !important; } .body--nav-show .header__hamburger { -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-left: auto; } .body--nav-show .header__row-1 > .container { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .body--nav-show .header__services-label, .body--nav-show .header__company-label { display: block !important; font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: bold; font-size: 18px; line-height: 30px; color: #FFFFFF; width: 320px; margin: 0 auto 20px; } .body--nav-show .header__main-nav .main-nav__list { margin: 0 auto; padding: 0; list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 320px; } .body--nav-show .header__main-nav .main-nav__list-item { margin: 0 0 15px 0; padding: 0; width: 100%; } .body--nav-show .header__main-nav .main-nav__list-item:first-child { margin-left: 0; } .body--nav-show .header__main-nav .main-nav__list-item:last-child { margin-right: 0; } .body--nav-show .header__main-nav .main-nav__list-item a { display: block; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #ffffff; text-decoration: none; padding: 15px 45px 15px 25px; background: rgba(144, 150, 164, 0.2); border-radius: 10px; position: relative; } .body--nav-show .header__main-nav .main-nav__list-item a:after { content: ''; display: block; width: 12px; height: 7px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -521px -68px no-repeat; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; right: 15px; top: 23px; z-index: 100; } .body--nav-show .header__main-nav .main-nav__list-item a:hover { opacity: 0.65; } .body--nav-show .header__services-nav { background: transparent; width: 320px; padding: 0; margin: 0 auto; } .body--nav-show .header__services-nav .services-nav__list { margin: 0; padding: 0; list-style: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; } .body--nav-show .header__services-nav .services-nav__list-item { margin: 0 0 15px 0; padding: 0; width: 100%; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown { position: relative; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown .dropdown { display: none; width: 100%; position: static; padding-top: 0; top: auto; left: auto; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown .dropdown.--certifications { left: -220px; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown .dropdown > div { padding: 0; background: transparent; border-radius: 0; width: 100%; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown .dropdown__title { display: none; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown .dropdown__list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; list-style: none; margin: 0; padding: 15px 0 0 0; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown .dropdown__list.--column-2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown .dropdown__list.--column-3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown .dropdown__list-item { list-style: none; margin: 0; padding: 0 0 0 15px; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown .dropdown__list-item a { display: inline-block; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #ffffff; text-decoration: none; padding: 9px 15px; border-radius: 0; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown .dropdown__list-item a:hover { background: transparent; opacity: 0.75; } .body--nav-show .header__services-nav .services-nav__list-item > a { display: block; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #ffffff; text-decoration: none; padding: 15px 45px 15px 25px; background: rgba(144, 150, 164, 0.2); border-radius: 10px; position: relative; } .body--nav-show .header__services-nav .services-nav__list-item > a:after { content: ''; display: block; width: 12px; height: 7px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -521px -68px no-repeat; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; right: 15px; top: 23px; z-index: 100; } .body--nav-show .header__services-nav .services-nav__list-item > a:hover { opacity: 0.65; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown > a { position: relative; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown > a:after { content: ''; display: block; width: 12px; height: 7px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -521px -68px no-repeat; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; right: 15px; top: 23px; z-index: 100; opacity: 1; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown > a:after:hover { opacity: 0.85; } .body--nav-show .header__services-nav .services-nav__list-item:hover > a, .body--nav-show .header__services-nav .services-nav__list-item.--dropdown:hover > a { background: rgba(255, 255, 255, 0.1); } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown:hover > a:after { opacity: 1; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown:hover > .dropdown { display: none; } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown.--active > a:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .body--nav-show .header__services-nav .services-nav__list-item.--dropdown.--active > .dropdown { display: block; } .header__address, .header__email, .header__main-nav, .header__row-1, .header__row-3, .header__location, .header__phone + .header__phone, .header__callback { display: none !important; } .header__row-2 { padding-top: 30px; } .header__phone { padding-left: 0px; margin-right: 0px; width: 55px; height: 55px; } .header__phone:before { display: none; } .header__phone a { display: block; width: 100%; height: 100%; text-indent: -9999px; position: relative; background: #353535; border-radius: 6px 0 0 6px; border-right: solid 1px rgba(144, 150, 164, 0.2); -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .header__phone a:before { content: ''; display: inline-block; width: 17px; height: 17px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -209px -361px no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; z-index: 100; } .header__phone a:hover { opacity: 0.65; } .header__phone span { display: none; } .header__hamburger { width: 55px; height: 55px; background: #353535; border-radius: 0 6px 6px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .home-page .frontend .main__hero-bg, .home-page .footer .main__hero-bg, .company-page .frontend .main__hero-bg { bottom: -15px; right: -120px; } .footer__container { margin-bottom: 40px; -webkit-box-align: center !important; -webkit-align-items: center !important; -moz-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .footer__container-left { -webkit-box-flex: 0; -webkit-flex: 0 0 320px; -moz-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; } .footer__container-left > .container-left--mobile { margin-bottom: 30px; } .footer__container-right { display: none !important; } .footer__logo { margin: 0; } .footer__callback { text-align: center; margin-bottom: 30px; } .footer__callback a { width: 100%; } .footer__address { display: none !important; } .footer__phone { padding-left: 0px; margin-right: 0px; margin-bottom: 0px; width: 55px; height: 55px; } .footer__phone:before { display: none; } .footer__phone a { display: block; width: 100%; height: 100%; text-indent: -9999px; position: relative; background: #353535; border-radius: 10px 0 0 10px; border-right: solid 1px rgba(144, 150, 164, 0.2); -webkit-transition: opacity 0.25s linear; -moz-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .footer__phone a:before { content: ''; display: inline-block; width: 17px; height: 17px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -209px -361px no-repeat; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; z-index: 100; } .footer__phone a:hover { opacity: 0.65; } .footer__phone span { display: none; } .footer__hamburger { width: 55px; height: 55px; background: #353535; border-radius: 0 10px 10px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__social { text-align: center; } .footer__social-title { margin-bottom: 12px; } .footer__social-list { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: flex-start; } .footer__social-item { width: 55px; height: 55px; margin-right: 0; border-radius:0; } .footer__social-item.--vk { background-position: -244px -45px; } .footer__social-item.--telegram { } .footer__social-item.--facebook { background-position: -339px -45px; } .footer__social-item.--whatsapp { } .footer__social-item.--viber { background-position: -435px -45px; } .footer__copyright { text-align: center; } .footer.--black .footer__phone a { background: #ffffff; } .footer.--black .footer__hamburger { background: #ffffff; } .news__left { -webkit-box-flex: 0; -webkit-flex: 0 0 560px; -moz-box-flex: 0; -ms-flex: 0 0 560px; flex: 0 0 560px; } .reviews-item-page .container--main h1, .reviews-item-page .container--main .h1, .reviews-item-page .container--main .h1 { max-width: 560px; } .reviews__left { -webkit-box-flex: 0; -webkit-flex: 0 0 560px; -moz-box-flex: 0; -ms-flex: 0 0 560px; flex: 0 0 560px; } .cases-page .container--main h1, .cases-page .container--main .h1, .cases-page .container--main .h1 { max-width: 560px; } .cases__left { -webkit-box-flex: 0; -webkit-flex: 0 0 560px; -moz-box-flex: 0; -ms-flex: 0 0 560px; flex: 0 0 560px; } .frontend .main__left { -webkit-box-flex: 0; -webkit-flex: 0 0 560px; -moz-box-flex: 0; -ms-flex: 0 0 560px; flex: 0 0 560px; } .blog__left { -webkit-box-flex: 0; -webkit-flex: 0 0 560px; -moz-box-flex: 0; -ms-flex: 0 0 560px; flex: 0 0 560px; } .article__left { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 50px; } .article__right { -webkit-box-flex: 0; -webkit-flex: 0 0 250px; -moz-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; } .services__column { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 15px; padding-left: 15px; } .services__column:first-child { padding-right: inherit; padding-left: inherit; } .services__column:last-child { padding-right: inherit; padding-left: inherit; } .services__column:nth-child(odd) { padding-right: 20px; padding-left: 0; } .services__column:nth-child(even) { padding-right: 0; padding-left: 20px; } .services-category { padding-top: 50px; } .services-category__list .category-list__item { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3%; -moz-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; } .services-category__list .category-list__item:first-child { padding-left: 0; } .services-category__list .category-list__item:last-child { padding-right: 0; } .services-category__list .category-list__item:nth-child(4n+1) { padding-left: 10px; } .services-category__list .category-list__item:nth-child(4n+4) { padding-right: 10px; } .services-category__list .category-list__item:nth-child(3n+1) { padding-left: 0px; } .services-category__list .category-list__item:nth-child(3n+3) { padding-right: 0px; } .service__block-for-whom .block-for-whom__left { -webkit-box-flex: 0; -webkit-flex: 0 0 420px; -moz-box-flex: 0; -ms-flex: 0 0 420px; flex: 0 0 420px; padding-right: 50px; } .service__block-calculations .block-calculations__left { -webkit-box-flex: 0; -webkit-flex: 0 0 535px; -moz-box-flex: 0; -ms-flex: 0 0 535px; flex: 0 0 535px; padding-right: 50px; } .service__block-calculations .block-calculations__qoute { position: absolute; bottom: 67px; right: 75px; } .service__block-contributions { padding: 0; margin-bottom: 100px; border-bottom: none; } .service__block-contributions .block-contributions__desc { max-width: 595px; margin: 0 auto 50px; } .service__block-contributions .block-contributions__container { margin-bottom: 70px; } .service__block-contributions .block-contributions__left { padding-right: 20px; } .service__block-contributions .block-contributions__right { padding-left: 20px; } .service__block-contributions .block-contributions__item { background: transparent; border: none; border-radius: 0; padding: 0; } .service__block-contributions .block-contributions__item-title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; /*margin-bottom: 17px;*/ } .job__advantages .advantages__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .job__advantages .advantages__list-item:nth-last-child(2) { padding-right: 0; } .job__advantages .advantages__list-item:last-child { display: none; } .job__vacancies .vacancies__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0px; } .job__vacancies .vacancies__right { display: none; } .company__block-activity .block-activity__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 165px; -moz-box-flex: 0; -ms-flex: 0 0 165px; flex: 0 0 165px; margin-right: 30px; } .company__block-about .block-about__map { top: -75px; left: -65px; } .company__block-clients .block-clients__list-item { /*flex: 0 0 20%; margin-bottom: 50px;*/ } .company__block-cert { padding: 80px 75px 110px; } .company__block-cert .block-cert__tab-left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0px; margin-bottom: 30px; } .company__block-cert .block-cert__tab-right { -webkit-box-flex: 0; -webkit-flex: 0 0 360px; -moz-box-flex: 0; -ms-flex: 0 0 360px; flex: 0 0 360px; padding: 0 60px; } .home__block-activity { width: 100%; left: auto; margin-bottom: 30px; } .home__block-activity .block-activity__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3%; -moz-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; } .home__block-about .block-about__map { top: -75px; left: -65px; } .home__block-faq .block-faq__right { background-position: 0px -66px, -moz-calc(100% - -45px) -moz-calc(100% + 39px); background-position: 0px -66px, calc(100% - -45px) calc(100% + 39px); } .home__block-faq .block-faq__qoute { display: none; } .home__block-faq .block-faq__picture { display: none; } } /*** --- @media (max-width: 992px) --- ***/ @media (max-width: 991.99px) { .frontend .subscribe, .footer .subscribe { margin-top: 50px; padding: 30px 0 40px 0; border-top: solid 1px #E9EAEF; border-bottom: solid 1px #E9EAEF; } .frontend .main--hero, .footer .main--hero { /*padding-top: 0;*/ } .frontend .main__hero, .footer .main__hero { /*height: auto; padding-bottom: 30px;*/ } .home-page .frontend .main__hero-content, .home-page .footer .main__hero-content { margin-top: 0px; } .job-page .frontend .main__hero-bg, .company-page .frontend .main__hero-bg .job-page .frontend .main__hero-picture, .frontend .main__hero-bg, .frontend .main__hero-picture, .frontend .main__hero-qoute, .job-page .footer .main__hero-bg, .job-page .footer .main__hero-picture, .footer .main__hero-bg, .footer .main__hero-picture, .footer .main__hero-qoute { display: none; } .home-page .frontend .main__hero-bg, .company-page .frontend .main__hero-bg, .home-page .footer .main__hero-bg { bottom: 70px; right: -230px; } .popups .popup--city .popup__container { -webkit-box-flex: 0; -webkit-flex: 0 0 90%; -moz-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; } .popups .popup--city .popup__cities .cities__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3%; -moz-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; } .news__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .news__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .news__list-item { margin-bottom: 60px; } .news__categories { padding: 20px; background: #EEEFF3; border-radius: 10px; margin-bottom: 40px; } .news__categories-title { position: relative; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 0px; padding-left: 36px; cursor: pointer; } .news__categories-title:before { content: ''; display: inline-block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; width: 18px; height: 14px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -402px -362px no-repeat; } .news__categories-title:after { content: ''; display: inline-block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; width: 12px; height: 7px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -198px -416px no-repeat; -webkit-transition: -webkit-transform 0.25s linear; transition: -webkit-transform 0.25s linear; -moz-transition: transform 0.25s linear, -moz-transform 0.25s linear; transition: transform 0.25s linear; transition: transform 0.25s linear, -webkit-transform 0.25s linear, -moz-transform 0.25s linear; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .news__categories-list { display: none; margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: solid 1px #e4e6e9; border-bottom: none; } .news__categories.--open .news__categories-title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .news__categories.--open .news__categories-list { display: block; } .news__categories .categories-list__item { margin: 0 0 20px 0; padding: 0; } .news__categories .categories-list__item a { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-decoration: none; /*&:hover { opacity: 0.7; }*/ } .news__categories .categories-list__item.--bordered { border-bottom: solid 1px #e4e6e9; padding-bottom: 20px; margin-bottom: 25px; } .news__categories .categories-list__item.--bordered:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 20px; } .reviews-item-page .container--main h1, .reviews-item-page .container--main .h1, .reviews-item-page .container--main .h1 { max-width: 100%; } .reviews__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .reviews__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .reviews__list-item { margin-bottom: 60px; } .reviews__categories { padding: 20px; background: #EEEFF3; border-radius: 10px; margin-bottom: 40px; } .reviews__categories-title { position: relative; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 0px; padding-left: 36px; cursor: pointer; } .reviews__categories-title:before { content: ''; display: inline-block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; width: 18px; height: 14px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -402px -362px no-repeat; } .reviews__categories-title:after { content: ''; display: inline-block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; width: 12px; height: 7px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -198px -416px no-repeat; -webkit-transition: -webkit-transform 0.25s linear; transition: -webkit-transform 0.25s linear; -moz-transition: transform 0.25s linear, -moz-transform 0.25s linear; transition: transform 0.25s linear; transition: transform 0.25s linear, -webkit-transform 0.25s linear, -moz-transform 0.25s linear; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .reviews__categories-list { display: none; margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: solid 1px #e4e6e9; border-bottom: none; } .reviews__categories.--open .reviews__categories-title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .reviews__categories.--open .reviews__categories-list { display: block; } .reviews__categories .categories-list__item { margin: 0 0 20px 0; padding: 0; } .reviews__categories .categories-list__item a { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-decoration: none; /*&:hover { opacity: 0.7; }*/ } .reviews__categories .categories-list__item.--bordered { border-bottom: solid 1px #e4e6e9; padding-bottom: 20px; margin-bottom: 25px; } .reviews__categories .categories-list__item.--bordered:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 20px; } .cases-page .container--main h1, .cases-page .container--main .h1, .cases-page .container--main .h1 { max-width: 100%; } .cases__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .cases__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .cases__list-item { margin-bottom: 60px; } .cases__categories { padding: 20px; background: #EEEFF3; border-radius: 10px; margin-bottom: 40px; } .cases__categories-title { position: relative; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 0px; padding-left: 36px; cursor: pointer; } .cases__categories-title:before { content: ''; display: inline-block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; width: 18px; height: 14px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -402px -362px no-repeat; } .cases__categories-title:after { content: ''; display: inline-block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; width: 12px; height: 7px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -198px -416px no-repeat; -webkit-transition: -webkit-transform 0.25s linear; transition: -webkit-transform 0.25s linear; -moz-transition: transform 0.25s linear, -moz-transform 0.25s linear; transition: transform 0.25s linear; transition: transform 0.25s linear, -webkit-transform 0.25s linear, -moz-transform 0.25s linear; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .cases__categories-list { display: none; margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: solid 1px #e4e6e9; border-bottom: none; } .cases__categories.--open .cases__categories-title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .cases__categories.--open .cases__categories-list { display: block; } .cases__categories .categories-list__item { margin: 0 0 20px 0; padding: 0; } .cases__categories .categories-list__item a { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-decoration: none; /*&:hover { opacity: 0.7; }*/ } .cases__categories .categories-list__item.--bordered { border-bottom: solid 1px #e4e6e9; padding-bottom: 20px; margin-bottom: 25px; } .cases__categories .categories-list__item.--bordered:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 20px; } .frontend .main__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .frontend .main__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .frontend .main__sidebar .main-sidebar__categories { padding: 20px; background: #EEEFF3; border-radius: 10px; margin-bottom: 40px; } .frontend .main__sidebar .main-sidebar__categories-title { position: relative; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 0px; padding-left: 36px; cursor: pointer; } .frontend .main__sidebar .main-sidebar__categories-title:before { content: ''; display: inline-block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; width: 18px; height: 14px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -402px -362px no-repeat; } .frontend .main__sidebar .main-sidebar__categories-title:after { content: ''; display: inline-block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; width: 12px; height: 7px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -198px -416px no-repeat; -webkit-transition: -webkit-transform 0.25s linear; transition: -webkit-transform 0.25s linear; -moz-transition: transform 0.25s linear, -moz-transform 0.25s linear; transition: transform 0.25s linear; transition: transform 0.25s linear, -webkit-transform 0.25s linear, -moz-transform 0.25s linear; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .frontend .main__sidebar .main-sidebar__categories-list { display: none; margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: solid 1px #e4e6e9; border-bottom: none; } .frontend .main__sidebar .main-sidebar__categories.--open .main-sidebar__categories-title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .frontend .main__sidebar .main-sidebar__categories.--open .main-sidebar__categories-list { display: block; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item { margin: 0 0 20px 0; padding: 0; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item a { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-decoration: none; /*&:hover { opacity: 0.7; }*/ } .frontend .main__sidebar .main-sidebar__categories .categories-list__item.--bordered { border-bottom: solid 1px #e4e6e9; padding-bottom: 20px; margin-bottom: 25px; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item.--bordered:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 20px; } .frontend .main__sidebar .main-sidebar__categories .categories-list__item-badge { position: absolute; background: #FEC90C; border-radius: 10px; padding: 7px 10px; z-index: 110; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; color: #353535; top: 50%; left: auto; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .blog__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .blog__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .blog__list { margin-bottom: 20px; } .blog__list-item { margin-bottom: 20px; } .blog__categories { padding: 20px; background: #EEEFF3; border-radius: 10px; margin-bottom: 40px; } .blog__categories-title { position: relative; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 0px; padding-left: 36px; cursor: pointer; } .blog__categories-title:before { content: ''; display: inline-block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; width: 18px; height: 14px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -402px -362px no-repeat; } .blog__categories-title:after { content: ''; display: inline-block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; width: 12px; height: 7px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -198px -416px no-repeat; -webkit-transition: -webkit-transform 0.25s linear; transition: -webkit-transform 0.25s linear; -moz-transition: transform 0.25s linear, -moz-transform 0.25s linear; transition: transform 0.25s linear; transition: transform 0.25s linear, -webkit-transform 0.25s linear, -moz-transform 0.25s linear; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .blog__categories-list { display: none; margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: solid 1px #e4e6e9; border-bottom: none; } .blog__categories.--open .blog__categories-title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .blog__categories.--open .blog__categories-list { display: block; } .blog__categories .categories-list__item { margin: 0 0 20px 0; padding: 0; } .blog__categories .categories-list__item a { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-decoration: none; /*&:hover { opacity: 0.7; }*/ } .blog__categories .categories-list__item.--bordered { border-bottom: solid 1px #e4e6e9; padding-bottom: 20px; margin-bottom: 25px; } .blog__categories .categories-list__item.--bordered:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 20px; } .blog__categories .categories-list__item-badge { position: absolute; background: #FEC90C; border-radius: 10px; padding: 7px 10px; z-index: 110; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; color: #353535; top: 50%; left: auto; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .contacts__map { margin-bottom: 50px; } .contacts__map-info { position: static; height: auto; max-width: 380px; min-width: inherit; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05); border-radius: 16px; top: auto; right: auto; padding: 40px 40px 35px; margin: 0 auto; } .contacts__yamap { margin-bottom: 40px; } .contacts__feedback { padding: 50px; } .article__left { padding-right: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .article__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .article__related-list .related-list__item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .article__related-list .related-list__item:first-child { padding-right: 35px; } .article__related-list .related-list__item:last-child { padding-left: 35px; } .job__advantages .advantages__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 45px; padding-right: 0px; } .job__advantages .advantages__list-item:nth-child(odd) { padding-right: 30px; } .job__advantages .advantages__list-item:nth-child(even) { padding-left: 30px; } .job__advantages .advantages__list-item:nth-last-child(2), .job__advantages .advantages__list-item:nth-last-child(3) { margin-bottom: 0px; } .services-category { padding-top: 50px; } .services-category__list .category-list__item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .services-category__list .category-list__item:first-child { padding-left: 0; } .services-category__list .category-list__item:last-child { padding-right: 0; } .services-category__list .category-list__item:nth-child(3n+1) { padding-left: 10px; } .services-category__list .category-list__item:nth-child(3n+3) { padding-right: 10px; } .services-category__list .category-list__item:nth-child(2n+1) { padding-left: 10px; } .services-category__list .category-list__item:nth-child(2n+2) { padding-right: 10px; } .service__block-reviews { margin-bottom: 50px; } .service__block-reviews .block-reviews__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0px; position: relative; top: auto; margin-bottom: 30px; } .service__block-reviews .block-reviews__left > .container { padding-right: 1rem !important; padding-left: 1rem !important; } .service__block-reviews .block-reviews__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .service__block-reviews .block-reviews__count { margin-bottom: 20px; } .service__block-reviews .block-reviews__title { font-size: 26px; line-height: 32px; margin-bottom: 10px; } .service__block-reviews .block-reviews__btn { margin-bottom: 0px; } .service__block-reviews .reviews__list { -webkit-column-count: inherit; -moz-column-count: inherit; column-count: inherit; -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; margin-bottom: 0; } .service__block-reviews .reviews__list .owl-stage-outer { padding-bottom: 30px; } .service__block-reviews .reviews__list .owl-nav { text-align: center; } .service__block-reviews .reviews__list .owl-prev { margin-right: 7px; } .service__block-reviews .reviews__list .owl-next { margin-left: 7px; } .service__block-reviews .reviews__list .reviews__list-wrap { box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05); } .service__block-reviews .reviews__list-item { width: 320px; margin-bottom: 0; } .service__block-for-whom .block-for-whom__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0px; } .service__block-for-whom .block-for-whom__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .service__block-for-whom .block-for-whom__picture { text-align: center; } .service__block-work-scheme .block-work-scheme__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3%; -moz-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; padding-right: 0; margin-bottom: 30px; } .service__block-work-scheme .block-work-scheme__list-item:last-child { padding-right: 55px; } .service__block-work-scheme .block-work-scheme__list-item:nth-child(3n+1) { padding-right: 0px; } .service__block-work-scheme .block-work-scheme__list-icon { margin: 0 auto 30px; } .service__block-work-scheme .block-work-scheme__list-title { max-width: 145px; margin: 0 auto 10px; } .service__block-work-scheme .block-work-scheme__list-text { max-width: 170px; margin: 0 auto; } .service__block-calculations .block-calculations__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0px; } .service__block-calculations .block-calculations__right { display: none; } .service__block-contributions { padding: 0; margin-bottom: 100px; border-bottom: none; } .service__block-contributions .block-contributions__desc { max-width: 595px; margin: 0 auto 50px; } .service__block-contributions .block-contributions__container { margin-bottom: 70px; } .service__block-contributions .block-contributions__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0px; margin-bottom: 40px; } .service__block-contributions .block-contributions__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0px; } .service__block-contributions .block-contributions__item { background: transparent; border: none; border-radius: 0; padding: 0; } .service__block-contributions .block-contributions__item-title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; /*margin-bottom: 17px;*/ } .service__block-economy { padding: 85px 0; position: relative; margin-bottom: 100px; } .service__block-economy:before { content: ''; display: block; position: absolute; width: 50%; height: 100%; left: -130px; top: 0; background: #EEEFF3; -webkit-transform: skew(0deg, -2.7deg); -moz-transform: skew(0deg, -2.7deg); -ms-transform: skew(0deg, -2.7deg); transform: skew(0deg, -2.7deg); } .service__block-economy .block-economy__content { position: relative; z-index: 120; } .service__block-economy .block-economy__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .service__block-economy .block-economy__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-bottom: 50px; } .service__block-economy .block-economy__table .economy-table { width: 750px; } .company .--container-cert { padding-left: 0 !important; padding-right: 0 !important; } .company__block-activity { padding: 50px 0 0; } .company__block-activity .block-activity__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0; margin-bottom: 50px; } .company__block-activity .block-activity__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .company__block-activity .block-activity__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 200px; -moz-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; margin-right: 45px; } .company__block-about .block-about__desc { margin: 0 auto 40px; } .company__block-about .block-about__list-item { margin-bottom: 30px; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; text-align: center; } .company__block-about .block-about__map { top: -45px; left: -75px; margin-bottom: 50px; } .company__block-cert .block-cert__tabs-item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0px; } .company__block-reviews { margin-bottom: 50px; } .company__block-reviews .block-reviews__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0px; position: relative; top: auto; margin-bottom: 30px; } .company__block-reviews .block-reviews__left > .container { padding-right: 1rem !important; padding-left: 1rem !important; } .company__block-reviews .block-reviews__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .company__block-reviews .block-reviews__count { margin-bottom: 20px; } .company__block-reviews .block-reviews__title { font-size: 26px; line-height: 32px; margin-bottom: 10px; } .company__block-reviews .block-reviews__btn { margin-bottom: 0px; } .company__block-reviews .reviews__list { -webkit-column-count: inherit; -moz-column-count: inherit; column-count: inherit; -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; margin-bottom: 0; } .company__block-reviews .reviews__list .owl-stage-outer { padding-bottom: 30px; } .company__block-reviews .reviews__list .owl-nav { text-align: center; } .company__block-reviews .reviews__list .owl-prev { margin-right: 7px; } .company__block-reviews .reviews__list .owl-next { margin-left: 7px; } .company__block-reviews .reviews__list .reviews__list-wrap { box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05); } .company__block-reviews .reviews__list-item { width: 320px; margin-bottom: 0; } .home__block-about .block-about__desc { margin: 0 auto 40px; } .home__block-about .block-about__list-item { margin-bottom: 30px; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; text-align: center; } .home__block-about .block-about__map { top: -45px; left: -75px; margin-bottom: 50px; } .home__block-reviews { margin-bottom: 50px; } .home__block-reviews .block-reviews__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0px; position: relative; top: auto; margin-bottom: 30px; } .home__block-reviews .block-reviews__left > .container { padding-right: 1rem !important; padding-left: 1rem !important; } .home__block-reviews .block-reviews__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .home__block-reviews .block-reviews__count { margin-bottom: 20px; } .home__block-reviews .block-reviews__title { font-size: 26px; line-height: 32px; margin-bottom: 10px; } .home__block-reviews .block-reviews__btn { margin-bottom: 0px; } .home__block-reviews .reviews__list { -webkit-column-count: inherit; -moz-column-count: inherit; column-count: inherit; -webkit-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; margin-bottom: 0; } .home__block-reviews .reviews__list .owl-stage-outer { padding-bottom: 30px; } .home__block-reviews .reviews__list .owl-nav { text-align: center; } .home__block-reviews .reviews__list .owl-prev { margin-right: 7px; } .home__block-reviews .reviews__list .owl-next { margin-left: 7px; } .home__block-reviews .reviews__list .reviews__list-wrap { box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05); } .home__block-reviews .reviews__list-item { width: 320px; margin-bottom: 0; } .home__block-faq { margin-bottom: 80px; width: 100%; left: auto; } .home__block-faq .block-faq__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 60px; } .home__block-faq .block-faq__right { display: none; } .home__block-subsribe .block-subsribe__left { width: 250px; padding-right: 90px; } .home__block-subsribe .block-subsribe__title { font-size: 26px; line-height: 34px; } .home__block-question .question { padding-top: 60px; padding-bottom: 60px; margin-top: 0; border-bottom: solid 1px #E9E9E9; } .home__block-question .question__container { max-width: 100%; } .home__block-question .question__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0px; margin-bottom: 30px; } .home__block-question .question__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0px; } .home__block-question .question__title { line-height: 34px; margin-bottom: 20px; } .home__block-question .question__desc { max-width: 100%; color: #9096A4; } .home__block-question .question__terms { display: none; } .payment__container { padding-bottom: 0px; } .payment__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 52px; } .payment__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0px; } .payment__paysystems-item { margin-bottom: 50px; margin-right: 45px; } .payment__paysystems-item:last-child { margin-right: 0px; } .payment__paysystems-item.--maestro { margin-right: 45px; } .payment__delivery { padding-top: 50px; } .payment__delivery-list .delivery-list__item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 53px; } .payment__delivery-list .delivery-list__item:nth-child(odd) { padding-right: 0px; } .payment__delivery-list .delivery-list__item:nth-child(even) { padding-left: 0px; } .payment__delivery-list .delivery-list__item:last-child { margin-bottom: 0px; } } /*** --- @media (max-width: 768px) --- ***/ @media (max-width: 767.99px) { .popups .popup__container { -webkit-box-flex: 0; -webkit-flex: 0 0 540px; -moz-box-flex: 0; -ms-flex: 0 0 540px; flex: 0 0 540px; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05); border-radius: 16px; padding: 60px 30px; position: relative; } .popups .popup__title { font-size: 26px; line-height: 34px; margin-bottom: 15px; } .popups .popup__title.--sm { font-size: 24px; line-height: 30px; margin-bottom: 10px; } .popups .popup__desc { font-size: 14px; line-height: 23px; margin-bottom: 25px; } .popups .popup--city .popup__cities .cities__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } /*.frontend ul.square li, .frontend ul.dash li, .frontend ul li { font-size: 14px; line-height: 22px; }*/ .frontend ul.square li:last-child, .frontend ul.dash li:last-child, .frontend ul li:last-child { margin-bottom: 0; } .frontend ul.square li::before, .frontend ul.dash li::before, .frontend ul li::before { top: 10px; } .frontend, .footer { /*& .contacts-page .container--main h1, & .contacts-page .container--main .h1 { margin-bottom: 40px; }*/ } .frontend p, .footer p { font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; margin-bottom: 20px; } .frontend h1, .frontend .h1, .frontend .h1, .footer h1, .footer .h1, .footer .h1 { font-size: 32px; line-height: 40px; margin-bottom: 25px; } .frontend h2, .frontend .h2, .frontend .h2, .footer h2, .footer .h2, .footer .h2 { font-size: 26px; line-height: 34px; margin-bottom: 25px; } .frontend h3, .frontend .h3, .frontend .h3, .footer h3, .footer .h3, .footer .h3 { font-size: 22px; line-height: 30px; margin-bottom: 25px; } .frontend h4, .frontend .h4, .frontend .h4, .footer h4, .footer .h4, .footer .h4 { font-style: normal; font-weight: normal; font-size: 18px; line-height: 26px; margin-bottom: 25px; } .frontend .main__hero, .footer .main__hero { /*height: 370px;*/ height: auto; background: transparent; /*overflow:inherit !important;*/ } .job-page .frontend .main__hero-content, .job-page .footer .main__hero-content { margin-top: 0px; } .frontend .main__hero-content, .footer .main__hero-content { margin-top: 30px; } .service-page .frontend .main__hero-content, .frontend .main__hero-content, .service-page .footer .main__hero-content, .footer .main__hero-content { padding-right: 0px; /*position: relative; z-index: 160;*/ } .service-page .frontend .main__hero-text, .service-page .footer .main__hero-text { display: block; } .home-page .frontend .main__hero-bg, .company-page .frontend .main__hero-bg, .home-page .footer .main__hero-bg { display: none; top: 0; right: -50px; /*width: 140px; height: auto; /*opacity: 0.4;*/ /* right: 0; top: 0; & img { width: 100%; height: auto; }*/ } .home-page .frontend .main__hero-title, .home-page .footer .main__hero-title { padding-right: 40px; } .home-page .frontend .main__hero-description, .home-page .footer .main__hero-description { padding-right: 60px; } .frontend .load-more, .footer .load-more { width: 100%; text-align: center; } .frontend .load-more > .btn-custom, .footer .load-more > .btn-custom { width: 320px; margin: 0 auto; text-align: center; } .frontend .question, .footer .question { margin: 40px 0 0; padding-top: 30px; padding-bottom: 30px; border-bottom: solid 1px #E9E9E9; } .frontend .question__container, .footer .question__container { max-width: 100%; } .frontend .question__title, .footer .question__title { font-size: 18px; line-height: 30px; margin-bottom: 10px; } .frontend .question__desc, .footer .question__desc { font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; margin-bottom: 27px; } .frontend .question__form .form-group, .footer .question__form .form-group { margin-bottom: 15px !important; } .frontend .question__form-submit, .footer .question__form-submit { position: absolute; top: 50%; right: 7px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; height: 52px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; } .frontend .question__terms, .footer .question__terms { max-width: 440px; } .frontend .question__terms, .frontend .question__terms a, .footer .question__terms, .footer .question__terms a { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .reviews__description { margin-bottom: 30px; } .reviews__add-new { margin-bottom: 30px; } .reviews__list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; margin-bottom: 20px; } .reviews__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 20px; } .reviews__list-item:nth-child(odd) { padding-right: inherit; } .reviews__list-item:nth-child(even) { padding-left: inherit; } .reviews__item-content { margin-bottom: 30px; } .reviews__item-gallery { margin-bottom: 30px; } .reviews__item-gallery > div { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .reviews__item-gallery > div.gallery__first { padding-right: 0; max-width: 300px; margin-bottom: 30px; } .reviews__item-gallery > div.gallery__last { padding-left: 0; max-width: 300px; } .reviews__item-foot { padding-top: 0px; padding-bottom: 20px; border-top: none; border-bottom: solid 1px rgba(144, 150, 164, 0.15); margin-bottom: 30px; } .reviews__related-title { font-size: 28px; line-height: 36px; margin-bottom: 30px; } .reviews__related-list .related-list__item { width: 100%; margin-bottom: 30px; } .reviews__related-list .related-list__item:first-child { padding-right: 0px; } .reviews__related-list .related-list__item:last-child { padding-left: 0px; } .cases__list { margin-bottom: 40px; } .cases__list-item { padding: 30px 10px; margin-bottom: 20px; } .cases__list-category { padding: 0 16px; } .cases__list-title { padding: 0 16px; } .cases__list-anounce { padding: 0 16px; } .cases__list-heading { padding: 0 16px; } .cases__list-description { padding: 0 16px; } .cases__list-result { padding: 20px 16px; } .cases__list-result .list-result__left { padding-right: 0px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px rgba(53, 53, 53, 0.15); } .cases__list-result .list-result__right { padding-left: 0px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .cases__list-result .list-result__right:before { display: none; } .cases__list-result .list-result__left .cases__list-heading, .cases__list-result .list-result__right .cases__list-heading { padding: 0; } .cases__list-result .list-result__left .cases__list-description, .cases__list-result .list-result__right .cases__list-description { padding: 0; margin-bottom: 0; } .cases__list-picture { padding: 0 16px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 30px; } .cases__list-picture picture, .cases__list-picture img { max-width: 274px; /*margin: 0 auto;*/ } .cases__list-review { padding: 0 16px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .faq__list { margin-bottom: 40px; } .faq__list-item { padding: 30px 10px; margin-bottom: 20px; } .faq__list-category { padding: 0 16px; } .faq__list-title { padding: 0 16px; } .faq__answer { padding: 0 16px; } .faq__expert { padding: 40px 20px; margin-bottom: 30px; } .blog__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .blog__list-cat-line { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 30px; } .blog__list-category { margin-right: 0px; } .services__column { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0; padding-left: 0; } .services__column:nth-child(odd) { padding-right: inherit; padding-left: inherit; } .services__column:nth-child(even) { padding-right: inherit; padding-left: inherit; } .services__list { margin: 0 0 10px 0 !important; } .services__list-item { display: none; list-style: none; padding: 0 !important; margin: 0 0 15px 0 !important; } .services__list-item a { font-size: 16px; line-height: 26px; } .services__list-item.--heading { display: block; } .services__list-item.--heading a { display: block; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #353535; text-decoration: none; padding: 15px 45px 15px 25px; background: #EEEFF3; border-radius: 10px; position: relative; } .services__list-item.--heading a:after { content: ''; display: inline-block; position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; width: 12px; height: 7px; background: url(/local/templates/delomaks/css/../img/sprite.svg) -198px -416px no-repeat; -webkit-transition: -webkit-transform 0.25s linear; transition: -webkit-transform 0.25s linear; -moz-transition: transform 0.25s linear, -moz-transform 0.25s linear; transition: transform 0.25s linear; transition: transform 0.25s linear, -webkit-transform 0.25s linear, -moz-transform 0.25s linear; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .services__list.--active { margin: 0 0 20px 0; } .services__list.--active .services__list-item { display: block; padding: 0 25px; } .services__list.--active .services__list-item.--heading { padding: 0; } .services__list.--active .services__list-item.--heading a:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .services-category__list .category-list__item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0; padding-right: 0; } .services-category__list .category-list__item:first-child, .services-category__list .category-list__item:last-child { padding-left: 0; padding-right: 0; } .services-category__list .category-list__item:nth-child(2n+1) { padding-left: 0px; } .services-category__list .category-list__item:nth-child(2n+2) { padding-right: 0px; } .service__block-address, .service__block-contributions { padding: 50px 0 40px 0; margin-bottom: 40px; } .service__block-address .block-address__title, .service__block-address .block-contributions__title, .service__block-contributions .block-address__title, .service__block-contributions .block-contributions__title { font-size: 26px; line-height: 32px; margin-bottom: 10px; } .service__block-address .block-address__desc, .service__block-address .block-contributions__desc, .service__block-contributions .block-address__desc, .service__block-contributions .block-contributions__desc { margin-bottom: 30px; } .service__block-address .block-address__attention-title, .service__block-address .block-contributions__attention-title, .service__block-contributions .block-address__attention-title, .service__block-contributions .block-contributions__attention-title { font-style: normal; font-weight: normal; font-size: 12px; line-height: 28px; margin-bottom: 10px; color: #9096A4; } .service__block-address .block-address__attention-desc, .service__block-address .block-contributions__attention-desc, .service__block-contributions .block-address__attention-desc, .service__block-contributions .block-contributions__attention-desc { font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; max-width: 100%; margin: 0 0 20px; } .service__block-address .block-address__table, .service__block-contributions .block-address__table { margin-bottom: 40px; } .service__block-contributions { margin-bottom: 0px; padding-bottom: 0px; } .service__block-contributions .block-contributions__container { margin-bottom: 40px; } .service__block-contributions .block-contributions__item-row.--last { border-bottom: solid 1px rgba(53, 53, 53, 0.15); } .service__block-docs { /*margin-bottom: 100px;*/ } .service__block-docs .block-docs__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0px; } .service__block-docs .block-docs__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0px; margin-bottom: 30px; } .service__block-docs .block-docs__right ul { margin-bottom: 0px; } .service__block-docs .block-docs__right ul li { margin-bottom: 10px; } .service__block-docs .block-docs__title { margin-bottom: 14px; } .service__block-docs .block-docs__desc { font-size: 14px; line-height: 22px; margin-bottom: 31px; max-width: 100%; } .service__block-docs .block-docs__list-item { margin-bottom: 21px; } .service__block-docs .block-docs__list-item:last-child { margin-bottom: 0; } .service__block-docs .block-docs__list-desc { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: inherit; font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } .service__block-calculations { margin-bottom: 0px; } .service__block-calculations .block-calculations__title { font-size: 26px; line-height: 34px; margin-bottom: 10px; } .service__block-calculations .block-calculations__desc { font-size: 14px; line-height: 22px; margin-bottom: 31px; } .service__block-calculations .block-calculations__list { margin-bottom: 30px; } .service__block-for-whom .block-for-whom__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0px; margin-bottom: 0; } .service__block-for-whom .block-for-whom__left ul li { margin-bottom: 10px; } .service__block-for-whom .block-for-whom__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .service__block-for-whom .block-for-whom__title { font-size: 26px; line-height: 34px; margin-bottom: 10px; } .service__block-for-whom .block-for-whom__desc { font-size: 14px; line-height: 22px; } .service__block-for-whom .block-for-whom__picture { -webkit-clip-path: url("#mapMaskSmall"); clip-path: url("#mapMaskSmall"); } .service__block-for-whom .block-for-whom__picture picture, .service__block-for-whom .block-for-whom__picture img { width: 100%; display: block; } .service__block-work-scheme { padding: 50px 0 10px; position: relative; margin-bottom: 50px; position: relative; top: -20px; } .service__block-work-scheme:before { content: ''; display: block; position: absolute; width: -moz-calc(100% + 220px); width: calc(100% + 220px); width: 100%; height: 100%; left: -110px; left: 0px; top: 0; background: #EEEFF3; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } .service__block-work-scheme .block-work-scheme__content { position: relative; z-index: 120; } .service__block-work-scheme .block-work-scheme__title { font-size: 26px; line-height: 34px; margin-bottom: 10px; } .service__block-work-scheme .block-work-scheme__desc { max-width: 100%; margin: 0 auto 35px; } .service__block-work-scheme .block-work-scheme__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 0px; } .service__block-work-scheme .block-work-scheme__list-item:last-child { padding-right: 0; } .service__block-work-scheme .block-work-scheme__list-item:nth-child(3n + ) { padding-right: 0; } .service__block-work-scheme .block-work-scheme__list-item:nth-child(odd) { padding-right: 10px; } .service__block-work-scheme .block-work-scheme__list-item:nth-child(even) { padding-left: 10px; } .service__block-economy { padding: 50px 0 0; margin-bottom: 0px; } .service__block-economy:before { display: none; } .service__block-economy .block-economy__content { position: relative; z-index: 120; } .service__block-economy .block-economy__left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .service__block-economy .block-economy__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 1; -webkit-order: 0; -moz-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-bottom: 50px; } .service__block-economy .block-economy__title { font-size: 26px; line-height: 32px; margin-bottom: 10px; } .service__block-economy .block-economy__table .economy-table { width: 750px; } .contacts__map-info { max-width: 100%; box-shadow: none; border-radius: 0; padding: 0; margin: 0; background: transparent; } .contacts__map-info .map-info__line { padding-bottom: 20px; margin-bottom: 15px; border-bottom: solid 1px #E1E1E1; } .contacts__map-info .map-info__line.--last { border-bottom: none; padding-bottom: 0; } .contacts__map-info .map-info__title { font-style: normal; font-weight: 500; font-size: 14px; line-height: 26px; color: #9096A4; margin-bottom: 5px; } .contacts__map-info .map-info__schedule { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; margin-top: 5px; } .contacts__map-info .map-info__address, .contacts__map-info .map-info__phone, .contacts__map-info .map-info__email { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #000000; } .contacts__map-info .map-info__address a, .contacts__map-info .map-info__phone a, .contacts__map-info .map-info__email a { font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #000000; text-decoration: none; } .contacts__map-info .map-info__email a { text-decoration: underline; } .contacts__map-info .map-info__link { display: inline-block; font-style: normal; font-weight: 300; font-size: 14px; line-height: 22px; } .contacts__map-info .map-info__social-list { list-style: none; margin: 12px 0 0 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contacts__map-info .map-info__social-item { width: 40px; height: 40px; margin-right: 10px; border-radius: 100%; } .contacts__map-info .map-info__social-item:last-child { margin-right: 0; } .contacts__map-info .map-info__social-item.--vk { background: #4680C2 url("/local/templates/delomaks/css/../img/sprite.svg") -252px -51px no-repeat; } .contacts__map-info .map-info__social-item.--telegram { background: #2CA5E0 url("/local/templates/delomaks/css/../img/sprite.svg") -301px -51px no-repeat; } .contacts__map-info .map-info__social-item.--facebook { background: #1877F2 url("/local/templates/delomaks/css/../img/sprite.svg") -347px -51px no-repeat; } .contacts__map-info .map-info__social-item.--whatsapp { background: #25D366 url("/local/templates/delomaks/css/../img/sprite.svg") -396px -51px no-repeat; } .contacts__map-info .map-info__social-item.--viber { background: #665CAC url("/local/templates/delomaks/css/../img/sprite.svg") -443px -51px no-repeat; } .contacts__map-info .map-info__social-item a { display: block; width: 100%; height: 100%; } .contacts-page .container--main { max-width: 100%; padding-left: 0px !important; padding-right: 0px !important; } .contacts-page .container--main .container { max-width: 100%; } .contacts-page .container--main h1, .contacts-page .container--main .h1, .contacts-page .container--main .breadcrumbs { max-width: 540px; margin: 0 auto 60px; padding: 0 20px; } .contacts-page .container--main .breadcrumbs { margin: 0 auto 20px; } .contacts-page .container--main .breadcrumbs__list { padding: 0 20px; } .contacts__map { max-width: 540px; margin: 0 auto 50px; padding: 0 20px; } .contacts__feedback { border-radius: 0; padding: 0; } .contacts__feedback-title { font-size: 18px; line-height: 30px; margin-bottom: 10px; } .contacts__feedback-desc { max-width: 470px; margin: 0 0 20px; font-weight: normal; font-size: 12px; line-height: 18px; } .contacts__form { max-width: 540px; margin: 0 auto; padding: 40px 20px 50px; } .contacts__form-line { margin-bottom: 0; } .contacts__form-line.--half .form-group { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0; margin-bottom: 15px; } .contacts__form-line.--half .form-group + .form-group { padding-left: 0; padding-right: 0; } .contacts__form-line.--half .form-group input { width: 100%; } .contacts__form-line.--mb-27 { margin-bottom: 0; } .contacts__form-line textarea { height: 140px; } .contacts__form-submit { margin: 0 auto; padding: 25px 30px !important; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; width: 100%; } .contacts__form .form-group.--submit { margin-bottom: 25px; } .article__head { padding-top: 0px; border-top: none; margin-bottom: 20px; } .article__foot { padding-top: 0px; padding-bottom: 20px; border-top: none; border-bottom: solid 1px rgba(144, 150, 164, 0.15); margin-bottom: 30px; } .article__share-friends { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0px; margin-bottom: 10px; } .article__social-list { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; list-style: none; margin: 0 0 20px !important; padding: 0 0 20px !important; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: solid 1px rgba(144, 150, 164, 0.15); } .article__social-list .social-list__item { margin-right: 20px; } .article__picture picture, .article__picture img { margin-bottom: 30px; } .article__content { margin-bottom: 40px; } .article__subsribe { margin-bottom: 15px; } .article__subsribe-left { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin-right: 0px; margin-bottom: 27px; } .article__subsribe-right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .article__subsribe-title { font-size: 18px; line-height: 30px; } .article__subsribe-desc { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #9096A4; } .article__subsribe-form { margin-bottom: 0px; } .article__subsribe-terms { /*font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: $lightgray; & a { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: $lightgray; }*/ } .job__advantages .advantages__list-item:nth-child(odd) { padding-right: 15px; } .job__advantages .advantages__list-item:nth-child(even) { padding-left: 15px; } .job__vacancies .vacancies__list-item { padding: 30px 25px 0px 25px; margin-bottom: 10px; } .job__vacancies .vacancies__list-item:last-child { margin-bottom: 0; } .job__vacancies .vacancies__list-anounce { padding: 10px 0px 20px 0; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .job__vacancies .vacancies__list-open { display: none; } .job__vacancies .vacancies__list-open.--bottom { display: block; } .job__vacancies .vacancies__list-open.--bottom a { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0px; padding-top: 20px; padding-bottom: 20px; margin-top: 20px; border-left: none; border-top: solid 1px #EEEFF3; } .job__vacancies .vacancies__list-open.--bottom a span { display: inline-block; width: 12px; height: 7px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -198px -416px no-repeat; } .job__vacancies .vacancies__list-tag { display: none; } .job__vacancies .vacancies__list-detail { display: none; padding-top: 20px; margin-top: 0px; border-top: solid 1px #EEEFF3; } .job__vacancies .vacancies__list-detail .list-detail__list li { font-size: 14px; line-height: 22px; } .job__vacancies .vacancies__list-detail .list-detail__response { padding: 0 0 40px 0; background: transparent; border-radius: 0; } .job__vacancies .vacancies__form-title { font-size: 18px; line-height: 30px; margin-bottom: 10px; } .job__vacancies .vacancies__form-desc { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; margin-bottom: 30px; } .job__vacancies .vacancies__form-line { margin-bottom: 13px; } .job__vacancies .vacancies__form-line .form-group { margin-bottom: 0; } .job__vacancies .vacancies__form-line.--half { display: block; margin-bottom: 13px; } .job__vacancies .vacancies__form-line.--half .form-group { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0px; margin-bottom: 13px; } .job__vacancies .vacancies__form-line.--half .form-group + .form-group { padding-left: 0px; margin-bottom: 0px; } .job__vacancies .vacancies__form-line textarea { height: 140px; } .job__vacancies .vacancies__form-line.--textarea { margin-bottom: 20px; } .job__vacancies .vacancies__form-line.--dropzone .form-group { margin-bottom: 20px; } .job__vacancies .vacancies__form-line .form-check { margin-bottom: 30px; } .company .--container-cert { padding-left: 0 !important; padding-right: 0 !important; } .company__block-activity { padding: 50px 0 0; } .company__block-activity .block-activity__left { margin-bottom: 50px; } .company__block-activity .block-activity__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 225px; -moz-box-flex: 0; -ms-flex: 0 0 225px; flex: 0 0 225px; margin-right: 60px; margin-bottom: 50px; } .company__block-activity .block-activity__list-item:nth-child(3n+3) { margin-right: 0; } .company__block-activity .block-activity__list-item:nth-child(odd) { margin-right: 60px; } .company__block-activity .block-activity__list-item:nth-child(even) { margin-right: 0px; } .company__block-about .block-about__title { font-size: 26px; line-height: 34px; } .company__block-about .block-about__desc { margin: 0 auto 40px; } .company__block-about .block-about__list-item { text-align: left; } .company__block-about .block-about__list-title { font-size: 36px; line-height: 44px; margin-bottom: 6px; } .company__block-about .block-about__map { top: -40px; left: -100px; } .company__block-clients { padding-top: 15px; margin-bottom: 30px; } .company__block-clients .block-clients__list-item { margin: 20px 0; padding: 0 20px; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; text-align: center; } .company__block-team { margin-bottom: 50px; } .company__block-team .block-team__title { font-size: 26px; line-height: 34px; margin-bottom: 10px; } .company__block-team .block-team__desc { margin-bottom: 30px; } .company__block-team .block-team__title-2 { padding-top: 40px; border-top: solid 1px rgba(53, 53, 53, 0.15); } .company__block-team .block-team__desc-2 { font-size: 14px; line-height: 22px; } .company__block-team .block-team__list { margin-bottom: 52px; } .company__block-team .block-team__list .owl-stage-outer { padding-bottom: 30px; } .company__block-team .block-team__list .owl-nav { text-align: center; } .company__block-team .block-team__list .owl__nav-left, .company__block-team .block-team__list .owl__nav-right { background: rgba(238, 238, 238, 0.7); } .company__block-team .block-team__list .owl-prev, .company__block-team .block-team__list .owl-next { position: relative; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } .company__block-team .block-team__list .owl-prev { margin-right: 7px; left: auto; } .company__block-team .block-team__list .owl-next { margin-left: 7px; right: auto; } .company__block-cert { padding: 53px 20px 30px; margin-bottom: 50px; border-radius: 0; } .company__block-cert .block-cert__title { font-size: 26px; line-height: 34px; margin-bottom: 10px; } .company__block-cert .block-cert__desc { max-width: 100%; margin: 0; } .company__block-cert .block-cert__tabs { display: none !important; } .company__block-cert .block-cert__tab { display: block !important; margin-bottom: 0px; padding-bottom: 30px; border-bottom: solid 1px rgba(53, 53, 53, 0.15); } .company__block-cert .block-cert__tab:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .company__block-cert .block-cert__tab-right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0; border-bottom: none; } .company__block-cert .block-cert__tab-logo { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0px; margin-bottom: 20px; height: 50px; margin-top: 50px; } .company__block-cert .block-cert__tab-logo picture, .company__block-cert .block-cert__tab-logo img { display: inline-block; width: auto; height: auto; } .company__block-cert .block-cert__tab-title { margin-bottom: 10px; margin-top: 20px; } .company__block-cert .block-cert__tab-text { margin-top: 0px; font-size: 14px; line-height: 22px; } .company__block-cert .block-cert__tab-text p { font-size: 14px; line-height: 22px; margin-bottom: 20px; } .company__block-cert .block-cert__tab-text p:last-child { margin-bottom: 0; } .company__block-cert .block-cert__tab-list { margin: 0 auto; } .company__block-cert .block-cert__tab-list .owl-stage-outer { padding-bottom: 30px; } .company__block-cert .block-cert__tab-list .owl-nav { text-align: center; } .company__block-cert .block-cert__tab-list .owl__nav-left, .company__block-cert .block-cert__tab-list .owl__nav-right { background: rgba(255, 255, 255, 0.7); } .company__block-cert .block-cert__tab-list .owl-prev, .company__block-cert .block-cert__tab-list .owl-next { position: relative; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } .company__block-cert .block-cert__tab-list .owl-prev { margin-right: 7px; left: auto; } .company__block-cert .block-cert__tab-list .owl-next { margin-left: 7px; right: auto; } .home__block-activity { padding: 0px; background: transparent; box-shadow: none; border-radius: 0px; position: relative; top: auto; margin-top: 50px; margin-bottom: 80px; } .home__block-activity .block-activity__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0; border-radius: 0; margin-bottom: 50px; } .home__block-activity .block-activity__list-item:nth-last-child(1), .home__block-activity .block-activity__list-item:nth-last-child(2) { margin-bottom: 0; } .home__block-activity .block-activity__list-item:nth-child(odd) { padding-right: 10px; } .home__block-activity .block-activity__list-item:nth-child(even) { padding-left: 10px; } .home__block-activity .block-activity__list-item:hover { background: transparent; } .home__block-about .block-about__title { font-size: 26px; line-height: 34px; } .home__block-about .block-about__desc { margin: 0 auto 40px; } .home__block-about .block-about__list-item { text-align: left; } .home__block-about .block-about__list-title { font-size: 36px; line-height: 44px; margin-bottom: 6px; } .home__block-about .block-about__map { top: -40px; left: -100px; } .home__block-faq { margin-bottom: 50px; } .home__block-faq .block-faq__container { background: transparent; border-radius: 0px; border-bottom: solid 1px rgba(53, 53, 53, 0.1); } .home__block-faq .block-faq__left { padding: 0 0 30px; } .home__block-faq .block-faq__title { font-size: 26px; line-height: 34px; margin-bottom: 30px; } .home__block-faq .block-faq__title a { font-size: 26px; line-height: 34px; margin-bottom: 30px; } .home__block-faq .block-faq__title a:after { top: 0px; } .home__block-faq .block-faq__list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .home__block-faq .block-faq__list-item:last-child { margin-bottom: 0px; } .home__block-subsribe { margin-bottom: 50px; } .home__block-subsribe .block-subsribe__left { width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0; } .home__block-subsribe .block-subsribe__right { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .home__block-subsribe .block-subsribe__title { font-size: 26px; line-height: 34px; margin-bottom: 15px; } .home__block-subsribe .block-subsribe__desc { margin-bottom: 0; max-width: 100%; margin-bottom: 30px; } .home__block-subsribe .block-subsribe__form { max-width: 100%; } .home__block-news { margin-bottom: 50px; } .home__block-news .block-news__list { margin-bottom: 40px; } .home__block-news .block-news__list .news__list-item { margin-bottom: 0px; } .home__block-news .block-news__list .news__list-item:nth-child(odd) { padding-right: 0; } .home__block-news .block-news__list .news__list-item:nth-child(even) { padding-left: 0; } .home__block-question .question { /*padding-top: 60px; padding-bottom: 60px; margin-top: 0; border-bottom: solid 1px #E9E9E9;*/ } .home__block-question .question__left { margin-bottom: 0px; } .payment__title { font-size: 26px; line-height: 34px; margin-bottom: 15px; } .payment__desc { font-size: 14px; line-height: 22px; top: auto; margin-bottom: 40px; } .payment__desc-2 { max-width: 100%; margin: 0 0 40px; } .payment__delivery { padding-top: 50px; } .payment__delivery-list .delivery-list__wrap { padding: 0; background: transparent; border: none; } .payment__delivery-list .delivery-list__content { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left: 0px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .payment__delivery-list .delivery-list__icon { margin-bottom: 16px; } .payment__form-line { margin-bottom: 0; } .payment__form-line.--half { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .payment__form-line.--half .form-group { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-right: 0; margin-bottom: 15px; } .payment__form-line.--half .form-group + .form-group { padding-left: 0; padding-right: 0; } .payment__form-line.--half .form-group input { width: 100%; } .payment__form-submit { display: block; width: 100%; } .payment__form .form-check { margin-top: 5px; } } /*** --- @media (max-width: 576px) --- ***/ @media (max-width: 575.99px) { .frontend h1, .frontend .h1, .frontend .h1, .footer h1, .footer .h1, .footer .h1 { font-size: 24px; line-height: 30px; margin-bottom: 20px; } .frontend .contacts-page .container--main h1, .frontend .contacts-page .container--main .h1, .frontend .contacts-page .container--main .h1, .footer .contacts-page .container--main h1, .footer .contacts-page .container--main .h1, .footer .contacts-page .container--main .h1 { margin-bottom: 40px; } .frontend h2, .frontend .h2, .frontend .h2, .footer h2, .footer .h2, .footer .h2 { font-size: 18px; line-height: 30px; margin-bottom: 20px; } .frontend h3, .frontend .h3, .frontend .h3, .footer h3, .footer .h3, .footer .h3 { font-size: 18px; line-height: 25px; margin-bottom: 20px; } .frontend h4, .frontend .h4, .frontend .h4, .footer h4, .footer .h4, .footer .h4 { font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 20px; } .frontend .main, .footer .main { padding-top: 30px; padding-bottom: 50px; } .frontend .main--hero, .footer .main--hero { overflow-x: hidden; } .frontend .main__hero, .footer .main__hero { height: auto; padding: 40px 5px; border-radius: 16px; /*margin: 0 10px;*/ margin: 0; background: #EEEFF3; border-radius: 16px; } .company-page .frontend .main__hero, .company-page .footer .main__hero { height: auto; } .home-page .frontend .main__hero, .home-page .footer .main__hero { border-radius: 0; background: transparent; overflow: inherit; } .service-page .frontend .main__hero-content, .services-category-page .frontend .main__hero-content, .frontend .main__hero-content, .service-page .footer .main__hero-content, .services-category-page .footer .main__hero-content, .footer .main__hero-content { margin-top: 0px; font-weight: 300; font-size: 14px; line-height: 22px; padding-right: 0px; } .frontend .main__hero-description, .frontend .main__hero-description p, .footer .main__hero-description, .footer .main__hero-description p { font-size: 14px; line-height: 22px; } .home-page .frontend .main__hero-bg,.company-page .frontend .main__hero-bg, .home-page .footer .main__hero-bg { top: 10px; right: -50px; } .home-page .frontend .main__hero-title, .home-page .footer .main__hero-title { padding-right: 40px; } .home-page .frontend .main__hero-description, .home-page .footer .main__hero-description { padding-right: 60px; } .frontend .main__secondary-nav, .footer .main__secondary-nav { background: transparent; border-top: none; padding: 26px 0 0; } .frontend .main__secondary-nav .secondary-nav__list, .footer .main__secondary-nav .secondary-nav__list { padding-bottom: 14px; border-bottom: solid 1px rgba(144, 150, 164, 0.15); } .frontend .main__secondary-nav .secondary-nav__list-item, .footer .main__secondary-nav .secondary-nav__list-item { margin-right: 30px; } .frontend .container, .frontend .container-fluid, .frontend .container-sm, .frontend .container-md, .frontend .container-lg, .frontend .container-xl, .frontend .container-xxl, .footer .container, .footer .container-fluid, .footer .container-sm, .footer .container-md, .footer .container-lg, .footer .container-xl, .footer .container-xxl { padding-right: 20px !important; padding-left: 20px !important; margin-right: auto; margin-left: auto; } .frontend .px-0, .footer .px-0 { padding-right: 0px !important; padding-left: 0px !important; } .header__logo { margin-right: 0px; } .header__row-2 { padding-top: 20px; margin-bottom: 0; } .header.--sticky .header__row-2 { padding-top: 10px; margin-bottom: 10px; } .popups .popup__container { -webkit-box-flex: 0; -webkit-flex: 0 0 90%; -moz-box-flex: 0; -ms-flex: 0 0 90%; flex: 0 0 90%; box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.05); border-radius: 11px; padding: 50px 25px; } .popups .popup__title { font-size: 18px; line-height: 30px; margin-bottom: 10px; } .popups .popup__title.--sm { font-size: 16px; line-height: 26px; margin-bottom: 10px; } .popups .popup__desc { font-size: 14px; line-height: 22px; margin-bottom: 20px; } .popups .popup__form-submit { padding: 16px 24px; } .popups .popup__close { top: 20px; right: 20px; } .popups .popup--city .popup__cities .cities__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: left; } .breadcrumbs { display: none; } .p404__title { font-size: 120px !important; line-height: 146px !important; margin-bottom: 20px !important; } .p404__desc { max-width: 100%; } .news__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .news__list-item:nth-child(odd) { padding-right: inherit; } .news__list-item:nth-child(even) { padding-left: inherit; } .reviews__related-title { font-size: 18px; line-height: 30px; margin-bottom: 30px; } .blog__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .contacts-page .container--main { max-width: 100%; padding-left: 0px !important; padding-right: 0px !important; } .contacts-page .container--main .container { max-width: 100%; padding-left: 0px !important; padding-right: 0px !important; } .contacts-page .container--main h1, .contacts-page .container--main .h1, .contacts-page .container--main .breadcrumbs { max-width: 100%; margin: 0 auto 40px; padding: 0 20px; } .contacts-page .container--main .breadcrumbs { margin: 0 auto 20px; } .contacts-page .container--main .breadcrumbs__list { padding: 0 20px; } .contacts__map { max-width: 100%; margin: 0 auto 50px; padding: 0 20px; } .contacts__yamap { height: 240px; } .contacts__form { max-width: 100%; } .article__expert { margin-bottom: 30px; } .article__subsribe-form .subsribe-form__input { padding-right: 70px; } .article__subsribe-form .subsribe-form__submit { position: absolute; top: 50%; right: 7px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 110; height: 52px; width: 52px; z-index: 110; text-indent: -9999px; font-size: 0; line-height: 0; } .article__subsribe-form .subsribe-form__submit:before { content: ''; display: inline-block; width: 17px; height: 15px; background: url("/local/templates/delomaks/css/../img/sprite.svg") -335px -412px no-repeat; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 110; } .article__related-list .related-list__item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 30px; } .article__related-list .related-list__item:first-child { padding-right: 0; } .article__related-list .related-list__item:last-child { padding-left: 0; padding-bottom: 40px; margin-bottom: 0px; border-bottom: solid 1px rgba(144, 150, 164, 0.15); } .article__related-list .related-list__item-picture { margin-bottom: 30px; } .article__related-list .related-list__item-title { margin-bottom: 16px; } .article__related-list .related-list__item-title a { font-weight: normal; font-size: 16px; line-height: 24px; color: #353535; } .article__related-list .related-list__item-anounce { font-size: 14px; line-height: 22px; margin-bottom: 15px; } .services-category__list .category-list__item a { font-style: normal; font-weight: bold; font-size: 16px; line-height: 24px; padding: 15px 20px; } .service__block-address .block-address__title, .service__block-address .block-contributions__title, .service__block-contributions .block-address__title, .service__block-contributions .block-contributions__title { font-size: 18px; line-height: 30px; } .service__block-contributions .block-contributions__left, .service__block-contributions .block-contributions__right { position: relative; width: 100%; } .service__block-contributions .block-contributions__item { width: 460px; height: 360px; } .service__block-for-whom .block-for-whom__title { font-size: 18px; line-height: 30px; } .service__block-calculations .block-calculations__title { font-size: 18px; line-height: 30px; } .service__block-docs .block-docs__title { font-size: 18px; line-height: 30px; } .service__block-work-scheme .block-work-scheme__title { font-size: 18px; line-height: 30px; } .job__advantages { padding: 40px 0 50px; } .job__advantages .advantages__title { font-size: 18px; line-height: 30px; margin-bottom: 10px; } .job__advantages .advantages__desc { max-width: 100%; margin: 0 auto 40px; } .job__photogallery { margin-bottom: 30px; } .job__vacancies { background: #EEEFF3; padding: 40px 0 30px; } .job__vacancies .vacancies__title { font-size: 18px; line-height: 30px; margin-bottom: 25px; } .company .--container-cert { padding-left: 0 !important; padding-right: 0 !important; } .company__block-activity { padding: 30px 0 0; } .company__block-activity .block-activity__left { margin-bottom: 50px; } .company__block-activity .block-activity__title { font-size: 18px; line-height: 30px; margin-bottom: 10px; } .company__block-activity .block-activity__desc { font-size: 14px; line-height: 22px; margin-bottom: 20px; } .company__block-activity .block-activity__list-item { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-right: 0px; margin-bottom: 50px; } .company__block-activity .block-activity__list-item:nth-child(odd) { margin-right: 0; padding-right: 10px; } .company__block-activity .block-activity__list-item:nth-child(even) { margin-right: 0px; padding-left: 10px; } .company__block-about .block-about__title { font-size: 18px; line-height: 30px; margin-bottom: 20px; } .company__block-about .block-about__desc { font-size: 14px; line-height: 22px; max-width: 100%; } .company__block-about .block-about__map { top: -30px; left: 0px; text-align: right; } .company__block-team .block-team__title { font-size: 18px; line-height: 30px; margin-bottom: 10px; } .company__block-team .block-team__desc { font-size: 14px; line-height: 22px; margin-bottom: 30px; } .company__block-cert .block-cert__title { font-size: 18px; line-height: 30px; } .company__block-cert .block-cert__desc { font-size: 14px; line-height: 22px; } .home__block-activity { margin-top: 0px; } .home__block-activity .block-activity__list-text { height: 75px; overflow: hidden; } .home__block-about .block-about__title { font-size: 18px; line-height: 30px; margin-bottom: 20px; } .home__block-about .block-about__desc { font-size: 14px; line-height: 22px; max-width: 100%; } .home__block-about .block-about__map { top: -30px; left: 0px; text-align: right; } .home__block-faq .block-faq__title { font-size: 18px; line-height: 30px; } .home__block-faq .block-faq__title a { font-size: 18px; line-height: 30px; } .home__block-faq .block-faq__title a:after { top: 0px; } .home__block-subsribe .block-subsribe__title { font-size: 18px; line-height: 30px; margin-bottom: 10px; } .payment__title { font-size: 18px; line-height: 30px; } } .address-table__body-item.--mail, .address-table__head-item.--mail {text-align:center;} /*# sourceMappingURL=styles.bundle.css.map*/ .service-item-new .frontend .main__hero-picture { top:50px; right:0px; } .service-item-new .frontend .main__hero-picture picture{ width:408px; } .service-item-new .frontend .main__hero-bg { opacity:0.5; } .company-page .frontend .main__hero-bg{ opacity:0.35; max-height:453px; bottom:0px; } .service-item-new .frontend .main__hero-picture img{ /*width:80%;*/ } @media (max-width: 767.99px) { .company__block-cert .block-cert__tab-logo img { height: 50px; } } .resume-file-input { color: transparent; } .resume-file-input::-webkit-file-upload-button { visibility: hidden; } .resume-file-input::before { content: 'Прикрепить файл с резюме'; color: black; display: inline-block; background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3); border: 1px solid #999; border-radius: 3px; padding: 5px 8px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; text-shadow: 1px 1px #fff; font-weight: 700; font-size: 10pt; } .resume-file-input:hover::before { border-color: black; } .resume-file-input:active { outline: 0; } .resume-file-input:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); } .question__form { z-index:111; position: relative; } /* End */ /* Start:/local/templates/delomaks/styles.css?1665558429794*/ .popups .popup--city .popup__cities .cities__list { height:auto; max-height: 300px; } .cases__list-more, .blog__list-more { float: right; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; } .cases__list-more a, .blog__list-more a { color: #9096A4; } .main__hero-description ul li { list-style: none; padding-left: 25px; margin:0; position: relative; line-height: 26px; } .main__hero-description ul { padding-left: 0; margin-left:0; } .main__hero-description ul li::before { content: url(/local/templates/delomaks/img/check.svg); font-size: 12px; line-height: 14px; text-align: center; width: 12px; height: 12px; position: absolute; left:0px; top:8px; } /* End */ /* Start:/local/templates/delomaks/template_styles.css?17874137882670*/ .popups .popup {overflow: auto;} .popups .popup__container {margin: auto;} .home__block-activity {top:0;} /* Таблица с темной шапкой в контенте */ .transfer-table { width: 100%; border: 1px solid #e4e4e4; border-radius: 14px; border-spacing: 0; border-collapse: separate; table-layout: fixed; overflow: hidden; background: #fff; color: #222; font-size: 15px; line-height: 1.4; margin-top: 10px; margin-bottom: 30px; } .transfer-table thead th { padding: 18px 26px; background: #333; color: #fff; font-weight: 700; text-align: left; vertical-align: middle; } .transfer-table tbody td { padding: 13px 26px; vertical-align: middle; text-align: left; } .transfer-table tbody td:first-child { width: 30%; font-weight: 700; } .transfer-table tbody tr:not(:last-child) td { border-bottom: 1px solid #e4e4e4; } @media (max-width: 767px) { .transfer-table { table-layout: auto; font-size: 14px; border-radius: 12px; } .transfer-table thead, .transfer-table tbody, .transfer-table tr, .transfer-table th, .transfer-table td { display: block; width: 100%; } .transfer-table thead th { padding: 16px 18px; } .transfer-table tbody tr { padding: 14px 18px; } .transfer-table tbody tr:not(:last-child) { border-bottom: 1px solid #e4e4e4; } .transfer-table tbody tr:not(:last-child) td { border-bottom: 0; } .transfer-table tbody td { width: 100%; padding: 0; } .transfer-table tbody td:first-child { width: 100%; margin-bottom: 6px; } .transfer-table tbody td + td { margin-top: 4px; } } /* Список с буквой I */ .info-list { margin: 0; padding: 0 18px 0 22px; list-style: none; color: #fff; } .info-list li { position: relative; min-height: 61px; padding: 18px 20px 18px 64px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 16px; line-height: 1.5; } .info-list li::before { content: ""; position: absolute; top: 50%; left: 0; width: 40px; height: 40px; background: url("/local/templates/delomaks/images/blog/icon-info.svg") center / contain no-repeat; transform: translateY(-50%); } @media (max-width: 767px) { .info-list { padding: 0 16px; } .info-list li { min-height: 58px; padding: 15px 0 15px 52px; font-size: 15px; } .info-list li::before { width: 36px; height: 36px; } } /* End */ /* /local/templates/delomaks/css/bundle.min.css?1783091690718056 */ /* /local/templates/delomaks/styles.css?1665558429794 */ /* /local/templates/delomaks/template_styles.css?17874137882670 */