/** * Swiper 10.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 28, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-right:auto;margin-left:auto;z-index:1}.swiper{margin-right:auto;margin-left:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;right:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;right:50%;top:50%;margin-right:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;right:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(-180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);right:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-right,8px);right:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{right:50%;transform:translateX(50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;right:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:right top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:left top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);right:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;right:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;right:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:var(--swiper-scrollbar-left,auto);left:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);right:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;right:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:100% 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:0% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;right:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;right:0;top:0;bottom:0;left:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden} /* * iziToast | v1.4.0 * http://izitoast.marcelodolce.com * by Marcelo Dolce. */ .iziToast-capsule{font-size:0;height:0;width:100%;transform:translateZ(0);backface-visibility:hidden;transition:transform .5s cubic-bezier(.25,.8,.25,1),height .5s cubic-bezier(.25,.8,.25,1)}.iziToast-capsule,.iziToast-capsule *{box-sizing:border-box}.iziToast-overlay{display:block;position:fixed;top:-100px;right:0;left:0;bottom:-100px;z-index:997}.iziToast{display:inline-block;clear:both;position:relative;font-family:'Lato',Tahoma,Arial;font-size:14px;padding:8px 0 9px 45px;background:rgba(238,238,238,.9);border-color:rgba(238,238,238,.9);width:100%;pointer-events:all;cursor:default;transform:translateX(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:54px}.iziToast>.iziToast-progressbar{position:absolute;right:0;bottom:0;width:100%;z-index:1;background:rgba(255,255,255,.2)}.iziToast>.iziToast-progressbar>div{height:2px;width:100%;background:rgba(0,0,0,.3);border-radius:0 0 3px 3px}.iziToast.iziToast-balloon:before{content:'';position:absolute;left:8px;right:auto;width:0;height:0;top:100%;border-left:0 solid transparent;border-right:15px solid transparent;border-top:10px solid #000;border-top-color:inherit;border-radius:0}.iziToast.iziToast-balloon .iziToast-progressbar{top:0;bottom:auto}.iziToast.iziToast-balloon>div{border-radius:0 0 3px 0}.iziToast>.iziToast-cover{position:absolute;right:0;top:0;bottom:0;height:100%;margin:0;background-size:100%;background-position:50% 50%;background-repeat:no-repeat;background-color:rgba(0,0,0,.1)}.iziToast>.iziToast-close{position:absolute;left:0;top:0;border:0;padding:0;opacity:.6;width:42px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px;cursor:pointer;outline:0}.iziToast>.iziToast-close:hover{opacity:1}.iziToast>.iziToast-body{position:relative;padding:0 10px 0 0;height:auto;min-height:36px;margin:0 15px 0 0;text-align:right}.iziToast>.iziToast-body:after{content:"";display:table;clear:both}.iziToast>.iziToast-body .iziToast-texts{margin:10px 0 0;padding-left:2px;display:inline-block;float:right}.iziToast>.iziToast-body .iziToast-inputs{min-height:19px;float:right;margin:3px -2px}.iziToast>.iziToast-body .iziToast-inputs>input:not([type=checkbox]):not([type=radio]),.iziToast>.iziToast-body .iziToast-inputs>select{position:relative;display:inline-block;margin:2px;border-radius:2px;border:0;padding:4px 7px;font-size:13px;letter-spacing:.02em;background:rgba(0,0,0,.1);color:#000;box-shadow:0 0 0 1px rgba(0,0,0,.2);min-height:26px}.iziToast>.iziToast-body .iziToast-inputs>input:not([type=checkbox]):not([type=radio]):focus,.iziToast>.iziToast-body .iziToast-inputs>select:focus{box-shadow:0 0 0 1px rgba(0,0,0,.6)}.iziToast>.iziToast-body .iziToast-buttons{min-height:17px;float:right;margin:4px -2px}.iziToast>.iziToast-body .iziToast-buttons>a,.iziToast>.iziToast-body .iziToast-buttons>button,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]){position:relative;display:inline-block;margin:2px;border-radius:2px;border:0;padding:5px 10px;font-size:12px;letter-spacing:.02em;cursor:pointer;background:rgba(0,0,0,.1);color:#000}.iziToast>.iziToast-body .iziToast-buttons>a:hover,.iziToast>.iziToast-body .iziToast-buttons>button:hover,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):hover{background:rgba(0,0,0,.2)}.iziToast>.iziToast-body .iziToast-buttons>a:focus,.iziToast>.iziToast-body .iziToast-buttons>button:focus,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):focus{box-shadow:0 0 0 1px rgba(0,0,0,.6)}.iziToast>.iziToast-body .iziToast-buttons>a:active,.iziToast>.iziToast-body .iziToast-buttons>button:active,.iziToast>.iziToast-body .iziToast-buttons>input:not([type=checkbox]):not([type=radio]):active{top:1px}.iziToast>.iziToast-body .iziToast-icon{position:absolute;right:0;top:50%;display:table;font-size:23px;line-height:24px;margin-top:-12px;color:#000;width:24px;height:24px}.iziToast>.iziToast-body .iziToast-icon.ico-info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;background-size:85%}.iziToast>.iziToast-body .iziToast-icon.ico-warning{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast>.iziToast-body .iziToast-icon.ico-error{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:80%}.iziToast>.iziToast-body .iziToast-icon.ico-success{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast>.iziToast-body .iziToast-icon.ico-question{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:85%}.iziToast>.iziToast-body .iziToast-message,.iziToast>.iziToast-body .iziToast-title{padding:0;font-size:14px;line-height:16px;text-align:right;float:right;white-space:normal}.iziToast>.iziToast-body .iziToast-title{color:#000;margin:0}.iziToast>.iziToast-body .iziToast-message{margin:0 0 10px;color:rgba(0,0,0,.6)}.iziToast.iziToast-animateInside .iziToast-buttons-child,.iziToast.iziToast-animateInside .iziToast-icon,.iziToast.iziToast-animateInside .iziToast-inputs-child,.iziToast.iziToast-animateInside .iziToast-message,.iziToast.iziToast-animateInside .iziToast-title{opacity:0}.iziToast-target{position:relative;width:100%;margin:0 auto}.iziToast-target .iziToast-capsule{overflow:hidden}.iziToast-target .iziToast-capsule:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.iziToast-target .iziToast-capsule .iziToast{width:100%;float:right}.iziToast-wrapper{z-index:99999;position:fixed;width:100%;pointer-events:none;display:flex;flex-direction:column}.iziToast-wrapper .iziToast.iziToast-balloon:before{border-left:0 solid transparent;border-right:15px solid transparent;border-top:10px solid #000;border-top-color:inherit;left:8px;right:auto}.iziToast-wrapper-bottomLeft{right:0;bottom:0;text-align:right}.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before,.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before{border-left:15px solid transparent;border-right:0 solid transparent;left:auto;right:8px}.iziToast-wrapper-bottomRight{left:0;bottom:0;text-align:left}.iziToast-wrapper-topLeft{right:0;top:0;text-align:right}.iziToast-wrapper-topRight{top:0;left:0;text-align:left}.iziToast-wrapper-topCenter{top:0;right:0;left:0;text-align:center}.iziToast-wrapper-bottomCenter,.iziToast-wrapper-center{bottom:0;right:0;left:0;text-align:center}.iziToast-wrapper-center{top:0;justify-content:center;flex-flow:column;align-items:center}.iziToast-rtl{direction:ltr;padding:8px 45px 9px 0;font-family:Tahoma,'Lato',Arial}.iziToast-rtl .iziToast-cover{right:auto;left:0}.iziToast-rtl .iziToast-close{left:auto;right:0}.iziToast-rtl .iziToast-body{padding:0 0 0 10px;margin:0 0 0 16px;text-align:left}.iziToast-rtl .iziToast-body .iziToast-buttons,.iziToast-rtl .iziToast-body .iziToast-inputs,.iziToast-rtl .iziToast-body .iziToast-message,.iziToast-rtl .iziToast-body .iziToast-texts,.iziToast-rtl .iziToast-body .iziToast-title{float:left;text-align:left}.iziToast-rtl .iziToast-body .iziToast-icon{right:auto;left:0}@media only screen and (min-width:568px){.iziToast-wrapper{padding:10px 15px}.iziToast{margin:5px 0;border-radius:3px;width:auto}.iziToast:after{content:'';z-index:-1;position:absolute;top:0;right:0;width:100%;height:100%;border-radius:3px;box-shadow:inset 0 -10px 20px -10px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1),0 8px 8px -5px rgba(0,0,0,.25)}.iziToast:not(.iziToast-rtl) .iziToast-cover{border-radius:0 3px 3px 0}.iziToast.iziToast-rtl .iziToast-cover{border-radius:3px 0 0 3px}.iziToast.iziToast-color-dark:after{box-shadow:inset 0 -10px 20px -10px rgba(255,255,255,.3),0 10px 10px -5px rgba(0,0,0,.25)}.iziToast.iziToast-balloon .iziToast-progressbar{background:100% 0}.iziToast.iziToast-balloon:after{box-shadow:0 10px 10px -5px rgba(0,0,0,.25),inset 0 10px 20px -5px rgba(0,0,0,.25)}.iziToast-target .iziToast:after{box-shadow:inset 0 -10px 20px -10px rgba(0,0,0,.2),inset 0 0 5px rgba(0,0,0,.1)}}.iziToast.iziToast-theme-dark{background:#565c70;border-color:#565c70}.iziToast.iziToast-theme-dark .iziToast-title{color:#fff}.iziToast.iziToast-theme-dark .iziToast-message{color:rgba(255,255,255,.7);font-weight:300}.iziToast.iziToast-theme-dark .iziToast-close{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:8px}.iziToast.iziToast-theme-dark .iziToast-icon{color:#fff}.iziToast.iziToast-theme-dark .iziToast-icon.ico-info{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-error{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:80%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-success{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-icon.ico-question{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;background-size:85%}.iziToast.iziToast-theme-dark .iziToast-buttons>a,.iziToast.iziToast-theme-dark .iziToast-buttons>button,.iziToast.iziToast-theme-dark .iziToast-buttons>input{color:#fff;background:rgba(255,255,255,.1)}.iziToast.iziToast-theme-dark .iziToast-buttons>a:hover,.iziToast.iziToast-theme-dark .iziToast-buttons>button:hover,.iziToast.iziToast-theme-dark .iziToast-buttons>input:hover{background:rgba(255,255,255,.2)}.iziToast.iziToast-theme-dark .iziToast-buttons>a:focus,.iziToast.iziToast-theme-dark .iziToast-buttons>button:focus,.iziToast.iziToast-theme-dark .iziToast-buttons>input:focus{box-shadow:0 0 0 1px rgba(255,255,255,.6)}.iziToast.iziToast-color-red{background:rgba(255,175,180,.9);border-color:rgba(255,175,180,.9)}.iziToast.iziToast-color-orange{background:rgba(255,207,165,.9);border-color:rgba(255,207,165,.9)}.iziToast.iziToast-color-yellow{background:rgba(255,249,178,.9);border-color:rgba(255,249,178,.9)}.iziToast.iziToast-color-blue{background:rgba(157,222,255,.9);border-color:rgba(157,222,255,.9)}.iziToast.iziToast-color-green{background:rgba(166,239,184,.9);border-color:rgba(166,239,184,.9)}.iziToast.iziToast-layout2 .iziToast-body .iziToast-message,.iziToast.iziToast-layout2 .iziToast-body .iziToast-texts{width:100%}.iziToast.iziToast-layout3{border-radius:2px}.iziToast.iziToast-layout3::after{display:none}.iziToast .revealIn,.iziToast.revealIn{animation:iziT-revealIn 1s cubic-bezier(.25,1.6,.25,1) both}.iziToast .slideIn,.iziToast.slideIn{animation:iziT-slideIn 1s cubic-bezier(.16,.81,.32,1) both}.iziToast.bounceInLeft{animation:iziT-bounceInLeft .7s ease-in-out both}.iziToast.bounceInRight{animation:iziT-bounceInRight .85s ease-in-out both}.iziToast.bounceInDown{animation:iziT-bounceInDown .7s ease-in-out both}.iziToast.bounceInUp{animation:iziT-bounceInUp .7s ease-in-out both}.iziToast .fadeIn,.iziToast.fadeIn{animation:iziT-fadeIn .5s ease both}.iziToast.fadeInUp{animation:iziT-fadeInUp .7s ease both}.iziToast.fadeInDown{animation:iziT-fadeInDown .7s ease both}.iziToast.fadeInLeft{animation:iziT-fadeInLeft .85s cubic-bezier(.25,.8,.25,1) both}.iziToast.fadeInRight{animation:iziT-fadeInRight .85s cubic-bezier(.25,.8,.25,1) both}.iziToast.flipInX{animation:iziT-flipInX .85s cubic-bezier(.35,0,.25,1) both}.iziToast.fadeOut{animation:iziT-fadeOut .7s ease both}.iziToast.fadeOutDown{animation:iziT-fadeOutDown .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast.fadeOutUp{animation:iziT-fadeOutUp .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast.fadeOutLeft{animation:iziT-fadeOutLeft .5s ease both}.iziToast.fadeOutRight{animation:iziT-fadeOutRight .5s ease both}.iziToast.flipOutX{backface-visibility:visible!important;animation:iziT-flipOutX .7s cubic-bezier(.4,.45,.15,.91) both}.iziToast-overlay.fadeIn{animation:iziT-fadeIn .5s ease both}.iziToast-overlay.fadeOut{animation:iziT-fadeOut .7s ease both}@keyframes iziT-revealIn{0%{opacity:0;transform:scale3d(.3,.3,1)}to{opacity:1}}@keyframes iziT-slideIn{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes iziT-bounceInLeft{0%{opacity:0;transform:translateX(-280px)}50%{opacity:1;transform:translateX(20px)}70%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes iziT-bounceInRight{0%{opacity:0;transform:translateX(280px)}50%{opacity:1;transform:translateX(-20px)}70%{transform:translateX(10px)}to{transform:translateX(0)}}@keyframes iziT-bounceInDown{0%{opacity:0;transform:translateY(-200px)}50%{opacity:1;transform:translateY(10px)}70%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes iziT-bounceInUp{0%{opacity:0;transform:translateY(200px)}50%{opacity:1;transform:translateY(-10px)}70%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes iziT-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes iziT-fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes iziT-fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes iziT-fadeInLeft{0%{opacity:0;transform:translate3d(-300px,0,0)}to{opacity:1;transform:none}}@keyframes iziT-fadeInRight{0%{opacity:0;transform:translate3d(300px,0,0)}to{opacity:1;transform:none}}@keyframes iziT-flipInX{0%{transform:perspective(400px) rotate3d(-1,0,0,-90deg);opacity:0}40%{transform:perspective(400px) rotate3d(-1,0,0,20deg)}60%{transform:perspective(400px) rotate3d(-1,0,0,-10deg);opacity:1}80%{transform:perspective(400px) rotate3d(-1,0,0,5deg)}to{transform:perspective(400px)}}@keyframes iziT-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes iziT-fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes iziT-fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes iziT-fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(200px,0,0)}}@keyframes iziT-fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(-200px,0,0)}}@keyframes iziT-flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(-1,0,0,20deg);opacity:1}to{transform:perspective(400px) rotate3d(-1,0,0,-90deg);opacity:0}} @charset "UTF-8"; @tailwind base; @tailwind components; @tailwind utilities; * { font-family: "Dana" !important; } @font-face { font-family: "Dana"; src: url(/fonts/dana-fanum-black.ttf?c674e6da9b479d20be00bb3553a94e59) format("truetype"); font-weight: 900; /* Black */ } @font-face { font-family: "Dana"; src: url(/fonts/dana-fanum-bold.ttf?dc313af233a4be2032edc8fcf49598ec) format("truetype"); font-weight: 700; /* Bold */ } @font-face { font-family: "Dana"; src: url(/fonts/dana-fanum-demibold.ttf?5226209df5d7a71ab0c3543fc69751f1) format("truetype"); font-weight: 600; /* Demi-bold */ } @font-face { font-family: "Dana"; src: url(/fonts/dana-fanum-extrabold.ttf?8e3e12bac75f224ea62b02eb06d37d12) format("truetype"); font-weight: 800; /* Extra bold */ } @font-face { font-family: "Dana"; src: url(/fonts/dana-fanum-extralight.ttf?50a14c2e72e75771cbcca92582bef542) format("truetype"); font-weight: 200; /* Extra light */ } @font-face { font-family: "Dana"; src: url(/fonts/dana-fanum-light.ttf?f19e242cc5c8ddb572f217cab575f1ff) format("truetype"); font-weight: 300; /* Light */ } @font-face { font-family: "Dana"; src: url(/fonts/dana-fanum-medium.ttf?b902ae79820cf5d887ed1f5641d2c25c) format("truetype"); font-weight: 500; /* Medium */ } @font-face { font-family: "Dana"; src: url(/fonts/dana-fanum-regular.ttf?dad2b4ad36124ee30c05a9711d99e4ea) format("truetype"); font-weight: 400; /* Regular */ } @font-face { font-family: "Dana"; src: url(/fonts/dana-fanum-thin.ttf?72c013ebc037635475fccc6aae19314b) format("truetype"); font-weight: 100; /* Thin */ } @font-face { font-family: "Dana"; src: url(/fonts/dana-fanum-ultrabold.ttf?3c22060892ffb3966597d98d6f16ed9c) format("truetype"); font-weight: 950; /* Ultra bold */ } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .m-left{ margin-left: 15px; } .padding-reight{ padding-right: 8px !important; } /* استایل معمولی (دسکتاپ) */ .width-cart-18 { width: 18rem; min-height: 300px; /* ارتفاع ثابت */ display: flex; flex-direction: column; } .swiper-wrapper-ad { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; justify-content: center; /* برای قرار دادن محتوا در وسط افقی */ align-items: center; /* برای قرار دادن محتوا در وسط عمودی */ transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .font-title-cart{ font-size: 16px; font-weight: 700; text-align: right; margin-top: 10px; } .card-text-font{ font-size: 14px; padding: 5px 0; } .single-price-ad{ margin-bottom: 5px; } .bottom-font{ margin-bottom: 0; } .card-img-top { height: 150px; object-fit: cover; width: 100%; margin-top: 5px; } .content-abaut{ height: 380px !important; } .content-abaut p{ text-align: justify; } .hidden { display: none !important; } .height-box{ height: 100%; padding: 18px 20px 10px 20px; } .nav-link-cat{ padding: 0; text-decoration:none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; display: block; font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); } .category-item{ cursor: pointer; background-color: #fff; border: 1px solid #ddd; } .custom-hr { border: none; height: 2px; border-top: 3px dotted #999999; margin: 30px 0; margin-bottom: 3rem !important; } .show_list { display: block !important; } .slideInDown { animation-name: slideInDown; } .top-box{ margin-top: 12px !important; } .box_faq{ margin-bottom: 10px; border-radius: 5px; filter: drop-shadow(1px 2px 8px var(--shadow-color)); --shadow-color: hsl(220deg 10.82% 77.93% / 84%); } .top-faq{ border-top: 1px solid #dfdfdf !important; } .accordion-item-faq { background-color: #fff; border: 1px solid rgba(0, 0, 0, .125); } .accordion-button-faq:not(.collapsed) { color: #0c63e4 !important; background-color: #e7f1ff !important; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125); border: 1px solid #e7f1ff; } .accordion-button-faq { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fcfcfc; border: 0; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease; } /*start serch page ads */ .custom-select-container { width: 100%; max-width: 400px; position: relative; margin: 20px auto; font-family: 'IRANSans', sans-serif; } .form-control { width: 100%; padding: 10px; font-size: 14px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; } #provinceCityDropdown { max-height: 200px; overflow-y: auto; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; } /*end serch page ads */ .global-snack-bar { display: none; width: 400px; margin: 0 auto; text-align: left; background: #dadada; color: #000; padding: 1.2em 1.2em 1em; direction: ltr; border-radius: 10px; font-weight: bold; box-shadow: 0 3px 8px 3px rgba(0, 0, 0, 0.1); animation-duration: 1s; animation-fill-mode: both; line-height: 1.8; border-bottom: 3px solid #8ce534; position: fixed; top: 60px; left: 0; right: 0; z-index: 999999999999; font-size: 14px; } .global-snack-bar.orange { border-bottom: 3px solid #ffa500; } .global-snack-bar.red { border-bottom: 3px solid #df1f14; } .global-snack-bar.green { border-bottom: 3px solid #8ce534; } .global-snack-bar.show { display: block; } @media (max-width: 960px) { .global-snack-bar { width: 320px; } } .az_embed-responsive { box-sizing: border-box; position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .az_embed-responsive-item { box-sizing: border-box; position: absolute; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: 0; } .fw-200 { font-weight: 200; } .top-2 { top: 2px; position: relative; } .d-ltr { direction: ltr !important; } .d-rtl { direction: rtl !important; } .hideshowbrand, .hideshowprovince, .hideshowcity , .hideshowcarmodel{ display: none; } .dropzone-progress svg { position: absolute !important; } #footer-address { line-height: 30px; } .swiper-button-prev, .swiper-rtl .swiper-button-next { rotate: 180deg; } .accordion-button:not(.collapsed) { background-color: #ffb71c !important; color: white !important; } #mobile-sticky { position: fixed; left: 20px; bottom: 15px; background: #eee; padding: 15px 10px 0; border-radius: 10px; z-index: 45; } #searchResultContainer { padding: 20px 10px 0 !important; list-style: none; } #searchResultContainer li { transition: ease-in 0.5s, ease-out 0.5s, padding-left 0.5s, background 1s, transform 2s !important; padding: 5px 0; } #searchResultContainer li a { color: black; } #searchResultContainer li a:hover { color: var(--bs-link-color) !important; } .ratio { width: 100%; position: relative; } .ratio-1x1, .ratio-100 { padding-top: 100%; } .ratio-4x3, .ratio-75 { padding-top: 75%; } .ratio-3x2 { padding-top: 66.66%; } .ratio-8x5 { padding-top: 62.5%; } .ratio-16x9 { padding-top: 56.25%; } .ratio-50 { padding-top: 50%; } .ratio-33 { padding-top: 33.33%; } .ratio-25 { padding-top: 25%; } .ratio-inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .ratio .ratio-inner img, .ratio .ratio-inner video, .ratio .ratio-inner audio { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .lh-2 { line-height: 2; } label.required::after { content: "*"; position: absolute; margin-left: 5px; font-size: 20px; color: red; } .cat-container-outer { overflow-x: auto; overflow-y: hidden; } .category-container { width: 200px; overflow: auto; float: left; margin-right: 5px; } /** iziToast */ .iziToast { direction: ltr; } .iziToast .iziToast-title { float: right !important; } .iziToast .iziToast-texts .iziToast-message { text-align: right !important; direction: rtl; } .st0{fill:#DFDFE0;} .st1{fill:#386487;} .st2{fill: #305e82;} .st3{fill:#3A6688;} .st4{fill:#2E2B2B;} .st5{fill:#232020;} .label-switch { width: 70%;; } .card-link{ text-decoration: none; } .card-body p{ text-align: justify; } /*Collaps-faq*/ .accordion-item { background-color: #fff; border: 1px solid rgba(0, 0, 0, .125); } .accordion-button:not(.collapsed) { color: #0c63e4 !important; background-color: #e7f1ff !important; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125); border: 1px solid #e7f1ff; } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fcfcfc; border: 0; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease; } /*end collaps-faq*/ .switch { position: relative; display: inline-block; width: 50px; height: 24px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #ffb71c; } input:focus + .slider { box-shadow: 0 0 1px #ffb71c; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .custom-control-input:checked ~ .custom-control-label::before { background-color: #305e82; } .nav-link { padding: 5px 2px; } .button-more{ text-decoration: none; } .text-content { overflow: hidden; max-height: 280px; position: relative; transition: max-height 0.6s ease, min-height 0.6s ease; } .gradient-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 250px; background: linear-gradient(to top, #fff, rgba(255,255,255,0)); display: block; } .gradient-overlay-footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: linear-gradient(to top, #fff, rgba(255,255,255,0)); display: block; } .text-content.expanded { max-height: 1000px; } .text-content.expanded .gradient-overlay,.gradient-overlay-footer { display: none; } .text-content:not(.expanded) .gradient-overlay,.gradient-overlay-footer { display: block; } .province-btn{ cursor: pointer; color: #1c4b7e; } .brand-style{ margin-top: 1%; margin-right: 25%; } .count_ads{ width: 100%; height: auto; text-align: left; padding-left: 14px; } .pic_ads{ width: 100%; border-radius: 05px !important; } .card_ads{ width: 100% !important; } .card-footer-ads{ background-color: transparent!important ; border-top: none !important ; } .p_ads{ font-size: 13px; text-align: justify; } .input-container { position: relative; width: 300px; margin: 50px auto; } .dropdown-box { display: none; position: absolute; top: 85.5%; right: 3%; width: 100%; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 15px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15); margin-top: 5px; padding: 10px; z-index: 1000; max-height: 180px; overflow-y: auto; flex-wrap: wrap; scrollbar-width: thin; } .dropdown-borderbox{ display: none; position: absolute; top: 88%; width: 100%; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 15px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15); margin-top: 5px; padding: 10px; z-index: 1000; max-height: 180px; overflow-y: auto; flex-wrap: wrap; scrollbar-width: thin; } .button-container::-webkit-scrollbar { width: 10px; } .button-container::-webkit-scrollbar-track { background: #eee; } .button-container::-webkit-scrollbar-thumb { border-radius: 1rem; background-color: #00d2ff; background-image: linear-gradient(to top, #00d2ff 0%, #3a7bd5 100%); } .dropdown-box .btn { margin: 4px 2px; padding: 5px 15px; border-radius: 8px; background-color: #f1f1f1; font-size: 14px; color: #333; border: 1px solid #ccc; cursor: pointer; } .dropdown-borderbox .btn { margin: 4px 2px; padding: 5px 10px; border-radius: 48px; background-color: #f1f1f1; font-size: 12px; color: #333; border: 1px solid #ccc; cursor: pointer; } .body_search{ background: #f9f9f9; color: #1c4b7e; padding: 3% 0 0 0; /*background-image: url(/images/home_second_banner.svg);*/ } .card-title,.card-text{ text-align: center; } .list-group-flush{ max-height: 250px; overflow-y: auto; border-top: 1px solid #ddd; } .search-box{ border-bottom: 1px solid #0a3065; } .modal-backdrop{ display: none; } .modal-search{ padding-top: 20%; } .input-search{ border: none; } .input-search:focus{ outline: none; box-shadow: none; } /*button page home*/ .custom-button { background-color: #002956; color: #f7fbff; width: 130px; height: 90px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 8px; text-align: center; border: none; margin: 0 6px 12px; box-shadow: 5px 10px #ecececa6; } .img-fix{ object-fit: cover; height: 200px; width: 100%; } .custom-button .icon { margin-top: 7px; margin-bottom: 10px; } .custom-button:hover { background-color: #002b5d; color: #f7fbff; } .button-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; height: 110px; } /*end*/ .search-container { width: 100%; left: 2%; max-width: 600px; border: 1px solid #ddd; background-color: #f5f5f5; } .search-dropdown { background-color: #f5f5f5; border: none; color: #666; font-size: 14px; border-radius: 25px; cursor: pointer; } .search-input { border: none; box-shadow: none; border-radius: 30px 0 0 30px !important; max-width: 430px; right: 6%; } .search-input-brand { border: none; box-shadow: none; border-radius: 30px 0 0 30px !important; max-width: 195px; right: 4%; } .search-icon { background-color: #f5f5f5; border: none; color: #666; border-radius: 25px; } .search-input:focus { box-shadow: none; } .search-input-brand:focus { box-shadow: none; } .input-group-text { display: flex; align-items: center; padding-right: 12%; } .content { overflow: hidden; height: 58px; transition: height 0.3s ease, min-height 0.6s ease; } .content.expanded { height: auto; } .footer-p{ align-items: center; justify-content: center; padding: 15px; text-align: center; color: rgb(158 171 185); background: rgb(238, 241, 245); margin-bottom: 0 !important; } .footer-link{ color: #ffb71c !important; text-decoration: none; } .btn-android , .btn-apple{ width: 80%; background: linear-gradient(45deg, #497b81 0%, #1c6f7e 25%, #2d5d81 50%, #3f6d81 75%, #41a7bc 100%); color: white; border-radius: 8px; padding: 8px 16px; display: inline-flex; align-items: center; font-size: .875rem !important; box-shadow: 3px 2px 8px #497B81; } .btn-android i, .btn-apple i { margin-left: 8px; } .btn-android , .btn-apple,.btn-instagram:hover { color: white !important; text-decoration: none; } .footer-link:hover { color: #ffb71c !important; } .btn-instagram { width: 80%; background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); color: white; border-radius: 8px; padding: 8px 16px; display: inline-flex; align-items: center; font-size: .875rem !important; } .btn-instagram i { margin-left: 8px; } .show-list { border-radius: 15px; padding: 10px; z-index: 1000; display: none; width: 100%; overflow-y: auto; max-height: 180px; position: absolute; top: 100%; left: 0; cursor: pointer; background: white; border: 1px solid #ddd; } .show-list ul{ width: 100%; } .show-brand{ display: none ; opacity: 0; transition: opacity 0.3s ease-in-out; border-radius: 5px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15); z-index: 1000; width: 42%; max-height: 180px; position: absolute; top: 5.3%; right: 26.5%; cursor: pointer; flex-wrap: wrap; scrollbar-width: thin; } .show-brand ul{ width: 100%; height: 180px; } .show-brand.active { opacity: 1 } #alert_danger{ width: 60%; display: inline-flex; right: 20%; flex-wrap: nowrap; } .gap-2 { gap: 10px !important; } .btn-lg { padding: 8px 10px; font-size: 0.8rem; border-radius: 8px; } .badge { font-size: 0.85rem; width: 100%; height: 45px; display: flex; align-items: center; justify-content: center; } .fillter{ margin-top: 0.5%; text-align: left; margin-bottom: 1%; } @media (max-width: 400px) { .about_footer{ display: none !important; } .filters-container { display: flex; flex-direction: column; } .clear-filters { order: 2; } .category-filter { order: 1; } .display-hidden{ display: none; } .search-input-brand{ max-width: 194px; } .card-body{ text-align: justify; font-size: 12px; } .text-faq{ text-align: right; font-size: 12px; } .list_ads{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 0; } .show_list{ margin: 1px; padding: 0; font-size: 12px; } .sorting{ display: none; } .sorting-header{ display: none; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .btn-android, .btn-apple { width: 100%; } .btn-instagram { width: 65%; } .modal-search{ width: 60%; align-items: center; display: flex; justify-content: center; padding-top: 10%; } .modal-content-search{ width: 60%; } .search-container { width: 100%; max-width: 600px; left: 0; } .dropdown-box{ top: 92%; right: 0%; width: 100%; } .dropdown-borderbox{ width: 100%; top: 100%; } .dropdown-borderbox .btn { padding: 5px 15px; border-radius: 8px; font-size: 14px; } .search-input-brand{ max-width: 430px; right: 6%; } .input-group-text { padding-right: 25%; } } @media (max-width: 576px) { .search-input-brand{ max-width: 178px; } #ad-worker-form button.submit_btn { position: fixed; border-radius: 0 !important; bottom: 0 !important; right: 0; left: 0; color: white; z-index: 99; } } @media (max-width: 576px) { .progress, .progress-stacked { height: 8px !important; margin-top: 10px !important; } } @media (min-width: 768px) { .animate { animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } } @media (max-width: 768px) { .custom-button { width: 42%; height: 100px; margin: 0 3px 8px; box-shadow: none; } .width-cart-18 { width: 90%; /* پهنای کارت متناسب با عرض صفحه */ margin: 5px auto; /* برای مرکز چین کردن کارت */ } .swiper-wrapper-ad { flex-wrap: wrap; /* اجازه دهد آیتم‌ها در خط بعدی بیفتند */ justify-content: flex-start; /* چینش کارت‌ها در ابتدای صفحه */ } .button-container { gap: 1px; height: auto; } .dealers_thumbnail { width: 130px!important; height: 95px !important; } .nav-link { padding: 3px 2px; } .search-container { width: 95%; right: 1.5px; left: 2%; } .search-input { max-width: 193px; } } @keyframes slideIn { 0% { transform: translateY(1rem); opacity: 0; } 100% { transform: translateY(0rem); opacity: 1; } 0% { transform: translateY(1rem); opacity: 0; } } .slideIn { animation-name: slideIn; } i.bi { font-family: "bootstrap-icons"; } .header-search { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; border: 0; font-size: 13px; margin-right: 13px; margin-left: 8px; } .header-search::-moz-placeholder { color: #92949b; font-weight: 600; } .header-search::placeholder { color: #92949b; font-weight: 600; } .header-search:focus { outline: none; border-bottom: 1px solid rgba(0, 0, 0, 0.5490196078); transition: all 0.2s ease-in-out; } .btn-none { background: none; border: none; outline: none; cursor: pointer; } .second_header { box-shadow: inset 0 -10px 0 -8.5px #e5e5e5; height: 40px; } .second_header .nav-link { color: rgba(37, 41, 56, 0.5); padding-bottom: 2px; } .second_header .nav-link.active { color: #252938; border-color: #ffb71c; padding-bottom: 3px; } .navbar .navbar-brand { position: absolute; left: 45%; width: 100%; } @media (max-width: 992px) { .navbar .navbar-brand { left: 0; } } @media (max-width: 576px) { .second_header .nav-link { font-size: 11px; } } @media (max-width: 360px) { .second_header .nav-link { font-size: 9px; } } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .mySwiper .swiper-slide { background: #f9f9fa; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 13px; cursor: pointer; } .mySwiper .swiper-slide img { width: 48px; height: 46px; margin-bottom: 15px; -o-object-fit: contain; object-fit: contain; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mySwiper .swiper-slide .company_name { font-size: 15px; color: #252938; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mySwiper .swiper-button-prev, .mySwiper .swiper-button-next { background-color: #252938; background-position: center; background-repeat: no-repeat; width: 32px !important; height: 32px !important; border-radius: 99999999999px !important; padding: 8px !important; display: flex; align-items: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mySwiper .swiper-button-next::after, .mySwiper .swiper-button-prev::after { content: ""; } .mySwiper .swiper-button-prev { background-image: url("/images/icons/slider-left.svg"); } .mySwiper .swiper-button-next { background-image: url("/images/icons/slider-right.svg"); } .magazinesSlider .swiper-slide { position: relative; } .magazinesSlider .swiper-slide .magazineImage { z-index: 3; height: 230px; } @media (max-width: 576px) { .magazinesSlider .swiper-slide .magazineImage { height: 200px; width: 100%; -o-object-fit: cover; object-fit: cover; } } .magazinesSlider .swiper-slide .cover { z-index: 4; width: 100%; height: 100%; background-color: #252938; opacity: 0.4; position: absolute; top: 0; right: 0; } .magazinesSlider .swiper-slide .magazinContent { position: absolute; bottom: 0px; display: flex; align-items: start; flex-direction: column; width: 100%; z-index: 5; } .magazinesSlider .swiper-slide .magazineContainer { padding-right: 10px; padding-left: 10px; } .magazinesSlider .swiper-slide .magazineReadMore { height: 25px; width: 26px; } .magazinesSlider .swiper-slide .magazinDetails { width: 100%; } .magazinesSlider .swiper-slide .magazinDetails .glass-bg { background: rgb(252, 252, 252); background: linear-gradient(180deg, rgba(95, 95, 95, 0.39) 0%, rgba(0, 0, 0, 0.93) 82%); width: 100%; height: 100%; position: absolute; left: 0; z-index: 1; border-radius: 10px !important; } .magazinesSlider .swiper-slide .magazinDetails .magazineTitle { overflow: hidden; text-overflow: ellipsis; text-align: right; position: relative; padding: 9px; z-index: 2; left: 0; } .magazinesSlider .swiper-slide .magazinDetails .col-1 { display: flex; justify-content: start !important; } .magazinesSlider .swiper-slide .cover { position: absolute; } .magazinesSlider .swiper-slide .badge { font-size: 11px !important; } .magazinesSlider .swiper-slide .magazineCategories { display: flex; align-items: center; } .magazinesSlider .swiper-slide .magazineCategories span { margin: 0 5px; } .magazinesSlider .swiper-slide .magazineCategories span:first-child { margin-right: 0; } .magazinesSlider .magazinePagination { position: relative !important; margin-top: 10px; } .magazinesSlider .swiper-pagination-bullet { background-color: rgba(37, 41, 56, 0.200000003) !important; width: 9px !important; height: 9px !important; border-radius: 99999999999px !important; margin: 0 5px !important; opacity: 1 !important; } .magazinesSlider .swiper-pagination-bullet-active { background-color: #252938 !important; width: 20px !important; transition: all 0.25s linear !important; } .home_second_banner { background-image: url("/images/home_second_banner.svg"); background-size: cover; background-position: center; background-repeat: repeat; background-color: #2e5d82; height: auto; display: flex; align-items: center; justify-content: center; min-height: 100px; } @media (max-width: 540px) { .home_second_banner { padding: 8px 0 !important; } } @media screen and (min-width: 1320px) { .home_second_banner { height: 140px; } } .home_second_banner .header_section { width: 100%; padding: 28px 0; } @media (max-width: 576px) { .home_second_banner .header_section { padding: 0; } } .home_second_banner .header_section .header_section_2 { display: flex; align-items: center; justify-content: space-between; padding: 0 8%; flex-wrap: wrap; } @media (max-width: 768px) { .home_second_banner .header_section .header_section_2 { padding: 10px inherit; } } .home_second_banner .header_section .header_section_2 #header_section_title { margin-top: -35px; margin-right: -10px; } .home_second_banner .header_section .btn { font-size: 16px; font-weight: 500; padding: 11px 26px; } @media (max-width: 768px) { .home_second_banner .header_section .btn { font-size: 12px; padding: 8px 16px; } } #buy-sell-container { /** mobile */ } @media (min-width: 576px) { #buy-sell-container { margin-left: -20px; margin-bottom: -35px; } } @media (max-width: 576px) { #buy-sell-container { margin-bottom: -50px; position: absolute; left: 26px; } } #sell-container:not(.d-none), #buy-container:not(.d-none) { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2px; } #sell-container:not(.d-none) a, #buy-container:not(.d-none) a { width: 100%; } @media (min-width: 768px) { #sell-container:not(.d-none), #buy-container:not(.d-none) { display: flex !important; } #sell-container:not(.d-none) a, #buy-container:not(.d-none) a { width: -moz-fit-content; width: fit-content; } } #buy-btn, #sell-btn { padding: 8px 24px !important; } @media (min-width: 768px) { #buy-btn, #sell-btn { padding: 8px 16px !important; } } .iconic-title { padding-right: 40px; position: relative; } .iconic-title::after { content: ""; width: 10px; height: 10px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); rotate: 45deg; } .iconic-title-line::before { content: ""; width: calc(100% - 40px); height: 1px; background-color: rgba(0, 0, 0, 0.1490196078); position: absolute; right: 40px; top: 50%; transform: translateY(-50%); } .iconic-primary::after { background-color: #ffb71c; } .iconic-secondary::after { background-color: #2d5d81; } .iconic-warning::after { background-color: #f35843; } .ad-thumbnail { width: 100%; height: 205px; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; } .ad-location, .ad-date { font-size: 14px; } .ad-name { font-size: 14px; } @media (min-width: 768px) { .ad-name { font-size: 16px; } } @media (min-width: 992px) { .ad-name { font-size: 20px; } } .ad-price { font-size: 14px; } @media (min-width: 768px) { .ad-price { font-size: 16px; } } @media (min-width: 992px) { .ad-price { font-size: 18px; } } .ad-content > * + * { margin-top: 13px; } .mobile-collapse .nav-link { font-size: 13px; margin: 8px 0 !important; } .mobile-collapse .badge { font-size: 12px; } .mobile_logo { margin-top: -9px; } .auth_background { background: url("/images/auth_background.png"); background-size: cover; background-repeat: no-repeat; background-position: center; height: 100vh; overflow: auto; } .auth_background .auth_box { width: 524px; } @media (max-width: 768px) { .auth_background .auth_box { width: 350px; } } @media (max-width: 576px) { .auth_background .auth_box { width: 100%; padding: 0 20px; } } .auth_background .auth_number .input-group-text { width: 15%; } .auth_background .auth_number .phone_areacode { width: 30%; display: flex; align-items: center; justify-content: center; border-right: 1px solid rgba(0, 0, 0, 0.1490196078); } .auth_background .auth_phone { direction: ltr; font-weight: 600; } .submit_btn { padding: 10px 24px; } .dealers_thumbnail { width: 124px; height: 87px; border-radius: 14px !important; -o-object-fit: cover; object-fit: cover; } .dealers_readmore { width: -moz-max-content; width: max-content; } @media (min-width: 576px) { .dealers_thumbnail { width: 234px; height: 161px; } } @media (min-width: 576px) { #searchResultContainer .dealers_thumbnail { width: 180px; height: 130px; } } @media (max-width: 767.98px) { .dealers_car_icon { width: 15px !important; height: 15px !important; } .dealers_location_icon { width: 17px !important; height: 20px !important; } .dealers_phone_icon { width: 15px !important; height: 15px !important; } } .dealers_search { display: flex; align-items: center; border-radius: 99999px; width: 100%; height: 45px; background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); padding: 11.5px 19px 11.5px 15.191px; } .dealer-search-input { width: 100% !important; font-weight: 600; text-align: right; color: #252938; background: transparent; font-size: 13px; border: none; outline: none; } /** search style */ #searchHistory .kt-search-history { display: flex; } #searchHistory .btn-delete { position: absolute; left: 10px; } #searchHistory a .title:hover { color: var(--bs-link-color) !important; } #searchHistory .badge { transition: ease-in-out 0.3s; } #searchHistory .badge:hover { border-color: var(--bs-link-color) !important; color: var(--bs-link-color) !important; box-shadow: 0 0 12px #c1c1c1; transition: ease-in-out 0.3s; } @media (min-width: 768px) { .dealer-search-input { font-size: 13px; } } .dealers_search_form { width: 100%; } @media (min-width: 768px) { .dealers_search_form { width: 45%; } } @media (min-width: 992px) { .dealers_search_form { width: 60% !important; } } .dealers_search button { padding-right: 0 !important; } .dealers_search .s_icon:hover { cursor: pointer; } .dealer-page .cs-border-dashed { height: 22px !important; } @media (min-width: 768px) { .dealer-page .cs-border-dashed { height: 55px !important; } } @media (max-width: 575.98px) { .dealer-page .cs-border-dashed { height: 2px !important; } } .dealer_box { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .dealer_box:last-child { border-bottom: none; } .specs > .spec { border: 1px solid rgba(0, 0, 0, 0.1); background: #fff; border-radius: 14px !important; transition: all 0.2s ease-in; } .specs .spec:hover { background: #f8f9fa; } .specs .spec-img { width: 40px; height: 40px; -o-object-fit: contain; object-fit: contain; } @media (min-width: 768px) { .specs .spec-img { width: 57px; height: 57px; } } @media (min-width: 768px) { .specs .spec-img { width: 80px; height: 80px; } } .select2 .selection .select2-selection__rendered { line-height: normal; } .select2 .selection .select2-selection { border: 1.6px solid rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 0.5rem 0.75rem; font-size: 0.875rem; color: #495057; outline: none; background-color: transparent; background-clip: padding-box; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; position: relative; width: 100%; height: unset !important; } .select2 .selection .select2-selection__arrow { height: 100% !important; } .select2-dropdown { border: 1.6px solid rgba(0, 0, 0, 0.1) !important; } .profile_container { width: 100%; margin: auto; } @media (min-width: 992px) { .profile_container { width: 800px; } } .profile_box { height: 67px; width: calc(100% - 82px); margin-right: 82px; background: white; border-radius: 9999999999999px; padding: 8px; overflow: hidden; scrollbar-width: 0; -ms-overflow-style: none; } @media (max-width: 576px) { .profile_box { height: 50px; width: calc(100% - 85px); margin-right: 74px; z-index: 999999999999; position: relative; } } .profile_box .profile_box_sub { display: flex; width: 491px; height: 100%; justify-content: space-between; align-items: center; overflow-x: auto; flex-wrap: nowrap; overflow-y: hidden; } @media (max-width: 576px) { .profile_box .profile_box_sub { margin: 0 5px 0 18px; width: 370px; } .profile_box .profile_box_sub li.nav-item a { padding: 0 10px; } } .profile_box .profile_box_sub .nav-link.active { color: #ffb71c; } .profile_box::-webkit-scrollbar { display: none; } @media (min-width: 768px) { .profile_box .profile_box_sub { width: 591px; } } @media (min-width: 992px) { .profile_box .profile_box_sub { width: 100%; } } .profile_box_circle { position: absolute; top: -40px; right: 0.5rem; } @media (max-width: 576px) { .profile_box_circle { height: 80px; top: -30px; right: -0.5rem; } } .profile_circle_inside { width: 91px; height: 91px; background-image: url("/images/profile-circle.svg"); display: flex; align-items: center; justify-content: center; position: absolute; top: -31px; z-index: 2; right: 16px; background-size: cover; } @media (max-width: 576px) { .profile_circle_inside { width: 65px; height: 65px; background-position: center; top: -25px; right: 20px; } } .profile_label { width: 154px; border-radius: 9999px; display: none; align-items: center; padding: 11px 20px; background-color: #ffb71c; position: absolute; top: -40px; right: -80px; display: none; } @media (min-width: 992px) { .profile_label { display: flex; } } .profile_info { width: 100%; display: flex; align-items: center; justify-content: end; position: absolute; top: -37px; } .profile_container { max-width: 100%; width: 100%; margin: auto; } @media (min-width: 992px) { .profile_container { max-width: 810px; width: 810px; margin: auto; } } .exchange-badge { position: absolute; right: -60px; top: 66%; rotate: -90deg; transform: translate(50%, -50%); padding-right: 12px; padding-left: 12px; } .exchange-badge-pill1 { position: absolute; right: -15px; top: 15%; } .exchange-badge-pill2 { position: absolute; right: -15px; top: 62%; } .profile-modal { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } .profile-modal .modal-header { border-bottom: none !important; } .profile-modal .modal-content { background-color: #14161e !important; border-radius: 12px !important; border: none !important; } .profile-modal .modal-content select { color: white; border: none; background: rgba(255, 255, 255, 0.05); } .profile-modal .modal-content select * { color: #252938; background-color: white; } /* * Pages Background */ .page_bg { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: -2; -o-object-fit: cover; object-fit: cover; margin-top: -140px; } .page_bg_right_subtract { position: absolute; top: 0; right: 0; width: 50%; height: 100vh; z-index: -1; } .saves-thumbnail { height: 166px; } .ads-numbers { background-color: rgba(37, 41, 56, 0.0392156863); width: 17px; height: 36px; display: flex; align-items: center; justify-content: center; font-size: 9px; } .ads-numbers-orange { width: 36px; height: 17px; margin-right: -8px; font-size: 9px; } #addAdToParking:not(.favorite) { font-size: 12px !important; border: 1px solid var(--bs-yellow); color: var(--bs-yellow); width: 100px !important; padding: 4px 7px; } #addAdToParking.favorite { background-color: #0a2351; color: white; font-size: 12px !important; padding: 3px 2px 3px 0 !important; width: 92px; } #addAdToParking.favorite svg { height: 15px !important; right: -3px; position: relative; } #addAdToParking.favorite span { position: relative; right: -9px; } @media (min-width: 992px) { .ads-numbers { width: 31px; height: 56px; font-size: 16px; } .ads-numbers-orange { width: 56px; height: 31px; font-size: 16px; } } .cs-pagination { width: 37px; height: 37px; display: flex; align-items: center; justify-content: center; } .divider { -webkit-tap-highlight-color: transparent; color: inherit; font-size: 0.75rem; line-height: 1.55; text-decoration: none; display: flex; align-items: center; margin-top: 0.125rem; } .divider-left::before { content: ""; flex: 1 1 0%; height: 0.0625rem; border-top: 0.0625rem solid rgb(206, 212, 218); margin-left: 0.625rem; } .divider-right::after { content: ""; flex: 1 1 0%; height: 0.0625rem; border-top: 0.0625rem solid rgb(206, 212, 218); margin-right: 0.625rem; } .diamond { width: 10px; height: 10px; transform: translateY(-50%); rotate: 45deg; } .diamond-primary { background-color: #ffb71c; } .diamond-secondary { background-color: #2d5d81; } .diamond-warning { background-color: #f35843; } .filters-offcanvas { height: 92vh !important; border-top-right-radius: 14px; border-top-left-radius: 14px; border-top: none !important; } .offcanvas-top-line { position: absolute; top: -20px; right: 50%; transform: translateX(50%); } #ads .offcanvas-backdrop.show { opacity: 1; background: rgba(0, 0, 0, 0.15); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); } .ad-page-thumbnail { width: 100%; max-height: 312px; border-radius: 14px; margin-bottom: 6px; overflow: hidden; } .ad-page-thumbnail img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } .ad-page-thumbnail-swiper { width: 84px; height: 84px; border-radius: 14px; cursor: pointer !important; } .ad-page-telegram { width: 100%; height: 38px; border-radius: 10px; background: linear-gradient(-144deg, #229ed9 0%, #268fc1 100%); display: flex; align-items: center; justify-content: space-between; padding: 11px 13px; border: none; } .ad-page-whatsapp { width: 100%; height: 38px; border-radius: 10px; background: linear-gradient(-144deg, #2bbd89 0%, #128c7e 100%); display: flex; align-items: center; justify-content: space-between; padding: 11px 13px; border: none; } .breadcrumb .breadcrumb-div-section ol { display: flex; list-style: none; } @media (max-width: 756px) { .breadcrumb .breadcrumb-div-section ol { padding-right: 0 !important; } } .breadcrumb .breadcrumb-div-section ol li { margin-right: 10px; } .breadcrumb .breadcrumb-div-section ol li a { color: #252938; } .breadcrumb .breadcrumb-div-section ol .li-devider { margin: 0 7px 0 1px !important; } .breadcrumb .h1-title-div-section h1 { font-size: 19px !important; margin-right: 10px; } @media (min-width: 992px) { .ad-page-telegram { height: 61px; border-radius: 8px; } .ad-page-whatsapp { height: 61px; border-radius: 8px; } } .ad-page-trust { border-radius: 12px; border: 2px dashed #2d5d81; background: rgba(45, 93, 129, 0.05); box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.02); height: 70px; width: 100%; display: flex; align-items: center; padding: 15px 14px; } @media (min-width: 992px) { .ad-page-trust { border-radius: 12px; border: 2px dashed #2d5d81; background: rgba(45, 93, 129, 0.05); box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.02); height: 102px; padding: 24px 22px; } } .ad-page-trust-text { color: rgba(37, 41, 56, 0.8); font-size: 12px; font-weight: 600; line-height: 21px; } @media (min-width: 992px) { .ad-page-trust-text { font-size: 14px; } } .swiper.ad-page-swiper { width: 100%; height: unset; } .ad-page-swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } .ad-page-swiper .swiper-pagination { position: relative !important; margin-top: 10px; } .ad-page-swiper .swiper-pagination-bullet { background-color: rgba(37, 41, 56, 0.200000003) !important; width: 7px !important; height: 7px !important; border-radius: 99999999999px !important; margin: 0 5px !important; opacity: 1 !important; } .ad-page-swiper .swiper-pagination-bullet-active { background-color: #ffb71c !important; transition: all 0.25s linear !important; } .ad-page-info tr { width: 100%; display: flex; align-items: center; justify-content: space-between; } .compare_image { width: 100%; height: 93px; border-radius: 6px; overflow: hidden; } @media (min-width: 992px) { .compare_image { height: 188px; border-radius: 14px; } } .bg-comments { background-color: #f9f9f9; } .comment_form { padding: 15px 13px; border-radius: 12px; border: 2px dashed #2d5d81; background: #fff; box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.02); position: relative; overflow: hidden; } @media (min-width: 992px) { .comment_form { padding: 34px 37px; } } .comment-fly-desktop { position: absolute; top: 0; left: 0; } .comment-fly-mobile { position: absolute; top: -31px; left: -19px; } .info-table { width: 100%; border-collapse: separate; display: inline-table; border-spacing: 0; } @media (min-width: 992px) { .info-table { display: none; } } .info-table td, .info-table th { border: solid 1px #cbd5e1; border-bottom: 0; border-style: solid none; padding: 10px; background-color: white; } .info-table tr:first-child td { border-left-style: solid; border-top-left-radius: 6px; } .info-table tr:last-child td { border-bottom-left-radius: 6px; border: 1px solid #cbd5e1; } .info-table tr:first-child th { border-right-style: solid; border-top-right-radius: 6px; } .info-table tr:last-child th { border-bottom-right-radius: 6px; border: 1px solid #cbd5e1; } .info-table tr { border: 1px solid #cbd5e1; padding: 9px 11px; font-size: 12px; } .info-table tr:first-child { border-top-right-radius: 12px; border-top-left-radius: 12px; } .info-table tr:last-child { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; } @media (min-width: 992px) { .info-table tr { font-size: 14px; } } .info-table tr td { padding: 10px 15px; text-align: center; color: #252938; font-weight: 700; border: solid 1px #cbd5e1; } .info-table tr th { padding: 10px 15px; text-align: center; font-weight: 600; color: rgba(37, 41, 56, 0.65); font-weight: 700; border: solid 1px #cbd5e1; } .truck_info-img { height: 194px; border-radius: 6px; overflow: hidden; } @media (min-width: 992px) { .truck_info-img { height: 480px; border-radius: 14px; } } .dark-7\.5 { color: rgba(37, 41, 56, 0.75); } .truck-info-slide { width: 100%; height: 106px; border-radius: 5px; overflow: hidden; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } @media (min-width: 992px) { .truck-info-slide { width: 100%; height: 124px; overflow: hidden; } } .truck-slider-pagination { position: relative !important; width: unset !important; top: unset !important; bottom: unset !important; left: unset !important; } .truck-slider-pagination .swiper-pagination-bullet { background-color: rgba(37, 41, 56, 0.200000003) !important; width: 7px !important; height: 7px !important; border-radius: 99999999999px !important; margin: 0 5px !important; opacity: 1 !important; } .truck-slider-pagination .swiper-pagination-bullet-active { background-color: #ffb71c !important; transition: all 0.25s linear !important; } .truck-info-chart { background: #14161e; padding: 18px; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .truck-info-chart > div { margin-top: 20px; } @media (min-width: 992px) { .truck-info-chart { border-radius: 6px; justify-content: space-between; } } .brand-ticket { display: inline-block; width: 100%; border-top-right-radius: 6px; background: white; border-top-left-radius: 6px; padding: 20px; } @media (min-width: 992px) { .brand-ticket { padding: 40px 30px; border-top-right-radius: 14px; border-top-left-radius: 14px; } } .ticket-circle-left { transform: scaleX(-1); } .brand-ticket2 { background: white; padding: 20px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; background: linear-gradient(white, white) padding-box, linear-gradient(to bottom, transparent, #e5e5e5) border-box; border-style: solid; border: 1px solid transparent; border-top: none; } @media (min-width: 992px) { .brand-ticket2 { padding: 20px 30px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; } } .brand-other-card { border-radius: 6px; overflow: hidden; } .brand-other-card a.brand-other-card-link { width: 100%; height: 93px; } @media (min-width: 992px) { .brand-other-card a.brand-other-card-link { width: 100%; height: 200px; } } @media (min-width: 992px) { .brand-other-card { border-radius: 14px; } } .brand-other-card .card-body { padding: 11px 10px; } @media (min-width: 992px) { .brand-other-card .card-body { padding: 24px 23px; } } .brand-other-img { width: 100%; height: 93px; -o-object-fit: cover; object-fit: cover; } @media (min-width: 992px) { .brand-other-img { width: 100%; height: 200px; -o-object-fit: cover; object-fit: cover; } } .swiper-pagination.primary .swiper-pagination-bullet { background-color: #ffb71c !important; width: 7px !important; height: 7px !important; border-radius: 99999999999px !important; margin: 0 5px !important; opacity: 1 !important; } .swiper-pagination.primary .swiper-pagination-bullet-active { background-color: #ffb71c !important; transition: all 0.25s linear !important; } .brand-slide { width: 100%; height: 106px; border-radius: 6px; overflow: hidden; } @media (min-width: 768px) { .brand-slide { width: 100%; height: 220px; border-radius: 14px; overflow: hidden; } } .tariffs-accordion { border-radius: 8px !important; overflow: hidden; } .tariffs-accordion .accordion-header { overflow: hidden !important; } .tariffs-accordion .accordion-bg { position: absolute !important; z-index: 10 !important; top: -5px !important; right: 0 !important; display: none; } @media (min-width: 768px) { .tariffs-accordion .accordion-bg { display: block; } } .tariffs-accordion .accordion-button { position: relative !important; z-index: 20 !important; padding: 22px var(--bs-accordion-btn-padding-x); border-radius: 0 !important; background-color: #ffb71c; } .tariffs-accordion .accordion-button.type2 { background-color: #2d5d81; } .tariffs-accordion .accordion-button::after { background-image: url("/images/tariffs_accordion_arrow_white.svg"); } @media (min-width: 768px) { .tariffs-accordion .accordion-button::after { background-image: url("/images/tariffs_accordion_arrow.svg"); } } @media (min-width: 768px) { .tariffs-accordion .accordion-button { background-color: transparent; } .tariffs-accordion .accordion-button.type2 { background-color: transparent; } } .tariffs-accordion .accordion-collapse.show { border-top: 1px solid rgba(0, 0, 0, 0.1); } .tariffs-accordion .grid { gap: 0 !important; } .remove-ad-filter { width: 100%; align-items: center; padding: 8px 14px; background-color: rgba(37, 41, 56, 0.0392156863); text-decoration: none; display: flex; align-items: center; justify-content: space-between; border-radius: 6px; position: relative; } .remove-ad-filter:hover { background-color: rgba(255, 0, 0, 0.18) !important; cursor: pointer; } input::-ms-reveal, input::-ms-clear { display: none; } .password-input { border: 1.6px solid rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 0.5rem 0.9rem 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1.5; color: #495057; outline: none; background-color: transparent; background-clip: padding-box; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; position: relative; width: 100%; display: flex; align-items: center; } .password-input::-moz-placeholder { font-weight: 700; } .password-input::placeholder { font-weight: 700; } .password-input input { outline: none; border: none; font-size: inherit; background-color: transparent; width: 100%; } .password-input .pass-btn { padding: 0.5rem; outline: none; border: none; background-color: transparent; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-eye' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E"); } .password-input .pass-btn.show { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-eye' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E"); } .password-input .pass-btn.hide { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-eye-slash' viewBox='0 0 16 16'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/%3E%3Cpath d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z'/%3E%3C/svg%3E"); } .tariff-box-description { flex-grow: 1; } @media (min-width: 768px) { .tariff-box-description { margin-right: 20%; } } @media (min-width: 992px) { .tariff-box-description { margin-right: 13%; } } .truck-review-grid { border-radius: 12px; gap: 0 !important; border: 1px solid #cbd5e1; } .truck-review-grid .truck-review-cell { border-bottom: 1px solid #cbd5e1; } .truck-review-grid .truck-review-cell:last-child { border-bottom: 0; } .truck-review-grid .truck-review-cell:nth-child(odd) { border-left: 1px solid #cbd5e1; } .ad-thumbnain-swiper-activated { background: rgba(0, 0, 0, 0.05); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); width: 100%; height: 100%; position: absolute; top: 0; right: 0; display: none; align-items: center; justify-content: center; } .ad-thumbnain-swiper-activated.active { display: flex; } @media (min-width: 992px) { .brand-info { width: 55%; } } .profile_ad .ladder_btn { margin-left: 20px; } .profile_ad .detail-block { display: flex; } .profile_ad .bottom-side { justify-content: end; display: flex; } .profile_ad .bottom-side a { margin-right: 10px; } .loader-outer.new-2021 { display: none; position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1000000; opacity: 0.6; background: none repeat scroll 100% 0 #dadada; } .breadcrumb-item { color: #73757f; font-weight: 500; } .breadcrumb-item.active { color: #73757f; font-weight: 500; } .breadcrumb-item a { text-decoration: none; color: #73757f; font-weight: 500; } .mobile-nav { position: fixed; bottom: 0; right: 0; display: flex; align-items: center; justify-content: space-evenly; background: #17191e; width: 100%; height: 76px; } @media (min-width: 768px) { .mobile-nav { display: none; } } .mobile-nav .nav-link { font-weight: 600; color: #8b8c8e; font-size: 8px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .mobile-nav .nav-link .icon { stroke: #8b8c8e; } .mobile-nav .nav-link.home { margin-top: -36px; } .rounded-search { display: flex; align-items: center; border-radius: 99999px; width: 100%; height: 45px; background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); padding: 11.5px 19px 11.5px 15.191px; } .rounded-search input[type=text] { width: 100% !important; font-weight: 600; text-align: right; color: #252938; background: transparent; font-size: 13px; border: none; outline: none; } ul li.visible { background-color: pink; /* Change background color for visible items */ } ul.center-black li { color: gray; /* Set the default color for li items */ } ul.fancy-scroll-box { height: 70px; background: whitesmoke; overflow: scroll; border-radius: 15px; box-shadow: 0 0 20px #e4e4e4; cursor: all-scroll; list-style: none; padding: 10px; transition: 0.3s ease-in-out; position: relative; } ul.fancy-scroll-box::before { position: absolute; background-color: white; opacity: 0.5; height: 20px; width: 100%; content: ""; top: 10px; } ul.fancy-scroll-box::after { background-color: white; position: absolute; opacity: 0.5; height: 20px; width: 100%; content: ""; bottom: 10px; } ul.fancy-scroll-box .buttons { position: absolute; right: 5px; } ul.fancy-scroll-box .buttons i { cursor: pointer; } ul.fancy-scroll-box li { cursor: pointer; } ul.fancy-scroll-box li:hover { color: #2e5d82; font-size: 17px; font-weight: 400; padding: 2px 5px; } /* Base button styles */ .pulse-button { display: inline-block; padding: 10px 20px; background-color: #3498db; color: #fff; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; animation: pulse 1s infinite; /* Apply the pulse animation infinitely */ } /* Keyframes for the pulse animation */ @keyframes pulse { 0% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.1); opacity: 1; } 100% { transform: scale(1); opacity: 0.8; } } #quick-search-ads { overflow: hidden; position: relative; } #quick-search-ads button { position: relative; top: -8px; } .v-list-swiper-both { height: 90px; padding-top: -15px; } .v-list-swiper-both .swiper-wrapper { padding: 5px 0; } .v-list-swiper-both .swiper-slide { background: transparent; cursor: pointer; } .v-list-swiper-both .swiper-slide:not(.swiper-slide-active) { color: #575757; } .v-list-swiper-both .swiper-slide.swiper-slide-active span { border: 2px solid #ffb71c; padding: 0 40px; border-radius: 10px; color: #1e1e1e; font-weight: 600; font-size: 17px !important; } @media (max-width: 576px) { .v-list-swiper-both .swiper-slide.swiper-slide-active span { font-size: 12px !important; padding: 2px 15px; } } @media (max-width: 576px) { .v-list-swiper-both .swiper-slide span { font-size: 10px !important; } } .v-list-swiper-both .swiper-button-next { background-image: url("/images/icons/slider-bottom-light.png"); top: 70px; } .v-list-swiper-both .swiper-button-next::after { content: ""; } .v-list-swiper-both .swiper-button-prev { background-image: url("/images/icons/slider-top-light.png"); top: 56px; } .v-list-swiper-both .swiper-button-prev::after { content: ""; } .v-list-swiper-both.brands .swiper-button-prev { right: 11px; } @media (max-width: 576px) { .v-list-swiper-both.brands .swiper-button-prev { right: 2px; } } .v-list-swiper-both.brands .swiper-button-next { right: 11px; left: unset; } @media (max-width: 576px) { .v-list-swiper-both.brands .swiper-button-next { right: 2px; } } @media (max-width: 576px) { .v-list-swiper-both.brands .swiper-scrollbar { position: absolute; left: 13px; } } .v-list-swiper-both.provinces .swiper-button-prev { left: 11px; } @media (max-width: 576px) { .v-list-swiper-both.provinces .swiper-button-prev { left: 2px; } } .v-list-swiper-both.provinces .swiper-button-next { left: 11px; right: unset; } @media (max-width: 576px) { .v-list-swiper-both.provinces .swiper-button-next { left: 2px; } } .v-list-swiper-both.provinces .swiper-scrollbar { left: unset; right: 0; } @media (max-width: 576px) { .v-list-swiper-both.provinces .swiper-scrollbar { right: 12px; } } .v-list-swiper-both .swiper-button-next, .v-list-swiper-both .swiper-button-prev { position: absolute; width: 15px; height: 15px; -o-object-fit: cover; object-fit: cover; background-size: cover; } @media (min-width: 992px) { .brand-logo-title { width: unset !important; } } .proved_box { margin-top: -20px; } .create_ad_progress { height: 0.5rem; } @media (min-width: 768px) { .create_ad_progress { height: 1rem; } } .related-truck-swiper { margin-bottom: 0 !important; } @media (max-width: 756px) { .related-truck-swiper { padding-bottom: 1.5rem !important; } } @media (max-width: 756px) and (min-width: 470px) { .related-truck-swiper { padding: 1rem !important; } } .related-truck-swiper .swiper-slide { background-color: transparent !important; } @media (min-width: 756px) { .related-truck-swiper .swiper-slide { padding-bottom: 2rem; } } .related-truck-swiper .swiper-slide .item { min-height: 183px; } @media (max-width: 756px) { .related-truck-swiper .swiper-slide .item { border: 0 !important; } .related-truck-swiper .swiper-slide .item .title { height: 35px !important; display: flex; align-items: center; text-align: left !important; } .related-truck-swiper .swiper-slide .item .title span { width: 100%; text-align: right !important; } .related-truck-swiper .swiper-slide .item .price { position: absolute; top: 4px; right: 10px; background: rgba(0, 0, 0, 0.69); border-radius: 10px; height: 25px; margin: auto !important; padding: 10px !important; } .related-truck-swiper .swiper-slide .item .price span { color: #ffb71c !important; font-weight: 400 !important; } .related-truck-swiper .swiper-slide .item a { padding-bottom: 10px !important; border-radius: 5px !important; } .related-truck-swiper .swiper-slide .item span { font-size: 12px !important; margin-top: 10px !important; } } /** social icons */ .aparat-link svg:hover { fill: #000; } #quick-filter-scroll-list { z-index: 1; position: relative; } #quick-filter-scroll-list ul li { transition: 0.2s all; } #quick-filter-scroll-list ul li:hover a { text-align: center; background: rgba(255, 193, 7, 0.368627451) !important; padding: 6px 15px !important; font-size: 14px; transition: 0.3s all; } #quick-filter-scroll-list ul li a { transition: 0.3s all; min-width: 30px; } @media only screen and (max-width: 576px) { #quick-filter-scroll-list ul li a { min-width: 50px; } } #adsIndexPage #ads { z-index: 10; position: relative; } #Mobilemenu { z-index: 1000000000000000000000000; } .XD-SearchBox { line-height: 2.5 !important; } .XD-SearchBox .placeholder ul { left: 70px !important; color: #2E5D82 !important; } .header-custom .login, .login-logout-btn .login { line-height: 3 !important; } #XD-GrayLoader { display: none; } #category-selector-component { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, 1fr); } #category-selector-component > div { grid-column: 1/3; width: 100%; overflow-y: auto; } #select-series, #last-part > div { grid-column: 1/3; } .cat-container-outer { font-size: 0.9rem; } .has-prefix { position: relative; display: grid; grid-template-columns: 1fr 3fr; } .has-prefix span { background: #f2f2f2; border-radius: 0 0.25rem 0.25rem 0; text-align: center; padding: 0.9rem; align-self: center; border-right: 1px solid var(--light-grey); height: 100%; } .has-suffix { position: relative; display: grid; grid-template-columns: 3fr 1fr; } .has-suffix span { background: #f2f2f2; border-radius: 0 0.25rem 0.25rem 0; text-align: center; padding: 0.9rem; align-self: center; border-left: 1px solid var(--light-grey); height: 100%; } .carlist-input { border: #e8e8e8 1px solid; padding: 3px 10px 6px; margin: 0; outline: none; color: #888; font-size: 12px; font-family: XSANS, Tahoma, Sans-Serif; font-weight: normal; height: 36px; box-sizing: border-box; width: 100% !important; } .bama-popup-design .popup.red { border-top: 2px solid #df1f14 !important; } .compare-btn { background: #e3e3e3; color: #2b2b2b !important; font-size: 11px; border: 1px solid #a3a2a1; border-radius: 50px; width: 48px; height: 21px; font-weight: bold; cursor: pointer; font-family: "XSANS"; line-height: 21px; text-align: center; } #categoriesContainer .list-group-item.active { background-color: #2E5D82; border-color: #2E5D82; } .lg-outer { direction: rtl; } @media only screen and (max-width: 960px) { #select-series, #input-series, #last-part > div { grid-column: 1/4; } } .f_blog_link { background: #dedede !important; margin-top: 5px !important; display: inline-block !important; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; text-shadow: none; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-success { color: #fff; background-color: #28a745; border-color: #28a745; text-shadow: none; transition: background 0.2s; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title { font-size: 16px !important; } .blog-posts a { font-size: 14px !important; } .owl-carousel.blog-posts .nav-btn { height: 47px; position: absolute; width: 26px; cursor: pointer; top: 100px !important; } .owl-carousel.blog-posts .owl-prev.disabled, .owl-carousel.blog-posts .owl-next.disabled { pointer-events: none; opacity: 0.2; } .owl-carousel.blog-posts .prev-slide { background: url(/images/nav-icon.png?ea8917f6bd24bb6d0531eaac9785004a) no-repeat scroll 100% 0; right: -22px; } .owl-carousel.blog-posts .next-slide { background: url(/images/nav-icon.png?ea8917f6bd24bb6d0531eaac9785004a) no-repeat scroll right -24px top 0px; left: -22px; } .owl-carousel.blog-posts .prev-slide:hover { background-position: right 0px top -53px; } .owl-carousel.blog-posts .next-slide:hover { background-position: right -24px top -53px; } .buy-button-list { width: 100%; height: 38px; text-align: center; margin-top: 10px; } .buy-button-list a { background: #2E5D82; color: #fff; font-size: 20px; width: 100%; line-height: 36px; height: 100%; } .buy-button-list a:hover { background: #2E5D82 !important; color: #fff !important; opacity: 0.95 !important; } progress { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } progress::-moz-progress-bar { background: #28a745 !important; } progress::-webkit-progress-value { background: #28a745 !important; } progress { color: #28a745 !important; } /** Pages */ .contact_bg { background-image: url("/images/contact_bg.png"); background-position: center; background-size: cover; } .contact_icons { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 9999px; } .contact_icons.instagram { background: linear-gradient(-179deg, rgba(65, 104, 201, 0.6) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(92.18% 99.11% at 26.56% 107.7%, #FD5 0%, #FD5 10%, #FF543E 50%, #C837AB 100%); } .cs-dropzone-items .dropzone-item { position: relative; } .cs-dropzone-items .dropzone-item.default-image { /** add new text top of div that is default image */ } .cs-dropzone-items .dropzone-item.default-image::before { content: "✓"; position: absolute; top: 14px; left: -5px; transform: translate(50%, -50%); color: #ffd045; font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; background: rgba(255, 194, 49, 0.4117647059); border-radius: 50%; width: 25px; padding: 0 6px 0 0; height: 25px; z-index: 1000000000000000000; } .dropzone_button { width: 100%; height: 128px; border-radius: 8px; border: 2px dashed rgba(0, 0, 0, 0.15); background: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; } @media (min-width: 992px) { .dropzone_button { width: 100%; height: 137px; } } .dropzone_file { width: 69px; height: 69px; border-radius: 10px; overflow: hidden; position: relative; } .dropzone_file img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 2; } .dropzone_file .dropzone_file_backdrop { width: 100%; height: 100%; background: rgba(255, 255, 0, 0.5); } .dropzone_file_delete { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; position: absolute; top: 7px; right: 14px; border-radius: 999px; background: #252938; } @media (min-width: 768px) { .dropzone_file { width: 100px; height: 100px; } } @media (min-width: 992px) { .dropzone_file { width: 142px; height: 142px; } } .dropzone-progress-label { position: absolute; max-width: -moz-fit-content; max-width: fit-content; max-height: -moz-fit-content; max-height: fit-content; inset: 0; margin: auto; font-size: 14px; font-weight: 700; } .cs-dropzone-progress { position: absolute; inset: 0; margin: auto; } .backdrop-uploader { background: rgba(255, 255, 255, 0); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); position: absolute; inset: 0; } .popup_install_app.bakamion-bg-gradiant { background: linear-gradient(-268.11deg, #2e5d82 -1.09%, #618daf 98.51%); } .popup_install_app .modal-content { background-color: #00C804 !important; } .popup_install_app .iphone, .popup_install_app .android { box-shadow: 0 0 13px #cfcfcf; } .popup_install_app .iphone { background-color: #232323; } .popup_install_app .android { background-color: #fff; color: black !important; } .popup_install_app .button-animation { position: relative; display: inline-block; overflow: hidden; transition: 0.5s; } .popup_install_app .button-animation span { position: absolute; display: block; } .popup_install_app .button-animation span:nth-child(1) { top: 0; right: -100%; width: 100%; height: 4px; background: linear-gradient(-90deg, transparent, var(--bs-info)); animation: btn-anim1 1s linear infinite; } @keyframes btn-anim1 { 0% { right: -100%; } 50%, 100% { right: 100%; } } .popup_install_app .button-animation span:nth-child(2) { top: -100%; left: 0; width: 4px; height: 100%; background: linear-gradient(-180deg, transparent, var(--bs-info)); animation: btn-anim2 1s linear infinite; animation-delay: 0.25s; } @keyframes btn-anim2 { 0% { top: -100%; } 50%, 100% { top: 100%; } } .popup_install_app .button-animation span:nth-child(3) { bottom: 0; left: -100%; width: 100%; height: 4px; background: linear-gradient(-270deg, transparent, var(--bs-info)); animation: btn-anim3 1s linear infinite; animation-delay: 0.5s; } @keyframes btn-anim3 { 0% { left: -100%; } 50%, 100% { left: 100%; } } .popup_install_app .button-animation span:nth-child(4) { bottom: -100%; right: 0; width: 4px; height: 100%; background: linear-gradient(-360deg, transparent, var(--bs-info)); animation: btn-anim4 1s linear infinite; animation-delay: 0.75s; } @keyframes btn-anim4 { 0% { bottom: -100%; } 50%, 100% { bottom: 100%; } } .popup_install_app .button-animation:hover { background-color: var(--bs-info); border-radius: 5px; box-shadow: 0 0 10px whitesmoke; color: white !important; } #notification-install-app { display: none; bottom: 0; position: fixed; animation: slide-up 1s ease-in-out 0.1s backwards; background-color: var(--bs-gray-900); margin: 0 !important; border-radius: 0; } #notification-install-app span, #notification-install-app i { color: #fff; } @keyframes slide-up { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } }